分页修改

chenrui

9 天以前 ece2dfeb926d728b10db38038e4d12e9e9851c24

 src/views/basicData/customerFile/index.vue

@@ -63,6 +63,25 @@
      </el-row>
      <el-row :gutter="30">
        <el-col :span="12">
          <el-form-item label="银行基本户：" prop="basicBankAccount">
            <el-input v-model="form.basicBankAccount" placeholder="请输入" clearable/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="银行账号：" prop="bankAccount">
            <el-input v-model="form.bankAccount" placeholder="请输入" clearable/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="30">
        <el-col :span="12">
          <el-form-item label="开户行号：" prop="bankCode">
            <el-input v-model="form.bankCode" placeholder="请输入" clearable/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="30">
        <el-col :span="12">
          <el-form-item label="维护人：" prop="maintainer">
            <el-select v-model="form.maintainer" placeholder="请选择" clearable disabled>
              <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" :value="item.nickName"/>
@@ -109,14 +128,17 @@
  {
    label: '客户名称',
    prop: 'customerName',
    width: 220,
  },
  {
    label: '纳税人识别码',
    prop: 'taxpayerIdentificationNumber'
    prop: 'taxpayerIdentificationNumber',
    width: 220,
  },
  {
    label: '地址及联系方式',
    prop: 'addressPhone'
    prop: 'addressPhone',
    width: 220,
  },
  {
    label: '联系人',
@@ -125,6 +147,18 @@
  {
    label: '联系电话',
    prop: 'contactPhone',
  },
  {
    label: '银行基本户',
    prop: 'basicBankAccount',
  },
  {
    label: '银行账号',
    prop: 'bankAccount',
  },
  {
    label: '开户行号',
    prop: 'bankCode',
  },
  {
    label: '维护人',
@@ -175,6 +209,9 @@
    contactPhone: '',
    maintainer: '',
    maintenanceTime: '',
    basicBankAccount:'',
    bankAccount:'',
    bankCode:''
  },
  rules: {
    customerName: [{ required: true, message: "请输入", trigger: "blur" }],
@@ -185,6 +222,10 @@
    contactPhone: [{ required: true, message: "请输入", trigger: "blur" }],
    maintainer: [{ required: false, message: "请选择", trigger: "change" }],
    maintenanceTime: [{ required: false, message: "请选择", trigger: "change" }],
    basicBankAccount: [{ required: true, message: "请输入", trigger: "blur" }],
    bankAccount: [{ required: true, message: "请输入", trigger: "blur" }],
    bankCode: [{ required: true, message: "请输入", trigger: "blur" }],

  }
})
const { searchForm, form, rules } = toRefs(data)
@@ -195,16 +236,16 @@
  page.current = 1
  getList()
}
const pagination = ({ current, limit }) => {
  page.current = current;
  page.size = limit;
const pagination = (obj) => {
  page.current = obj.page;
  page.size = obj.limit;
  getList()
}
const getList = () => {
  tableLoading.value = true
  listCustomer({...searchForm.value, ...page}).then(res => {
    tableLoading.value = false
    tableData.value = res.rows
    tableData.value = res.records
    total.value = res.total
  })
}