liang14658fox

Appearance

查询按钮 ​

  1. 表单校验
js
form_submit() {
  this.$refs['ref_form'].validate((valid) => {
    if (valid) {
      this.formParams.current = 1
      this.getTableData()
    } else {
      console.log('error submit!!')
      return false
    }
  })
}
form_submit() {
  this.$refs['ref_form'].validate((valid) => {
    if (valid) {
      this.formParams.current = 1
      this.getTableData()
    } else {
      console.log('error submit!!')
      return false
    }
  })
}

  1. 调用接口getTableData()

  2. 分页total赋值、table赋值

js
getTableData() {
  this.loading_select = true
  hzdtzdglcx(this.formParams).then((res) => {
    if (res.code == 0) {
      this.tableData = res.data.records
      this.total = res.data.total
    } else {
      this.$message.error(res.message)
    }
    this.loading_select = false
  })
}
getTableData() {
  this.loading_select = true
  hzdtzdglcx(this.formParams).then((res) => {
    if (res.code == 0) {
      this.tableData = res.data.records
      this.total = res.data.total
    } else {
      this.$message.error(res.message)
    }
    this.loading_select = false
  })
}

重置按钮 ​

  1. 清空校验
  2. 分页参数重置
  3. 查询条件参数重置
  4. 走一遍查询流程