应付账款-提现申请-待领取tab页-筛选条件定制-表格字段按需排版

src/views/payCredit/index.vue

@@ -7,18 +7,8 @@
             <span>待领取</span>
           </el-badge>
         </template>
-        <el-form :model="firstForm" label-width="100">
+        <el-form :model="firstForm" label-width="120">
           <el-row :gutter="20">
-            <el-col :span="8">
-              <el-form-item label="业务员">
-                <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="业务员工号">
-                <el-input v-model="firstForm.mobile" placeholder="请输入" clearable></el-input>
-              </el-form-item>
-            </el-col>
             <el-col :span="8">
               <el-form-item label="业务员类型">
                 <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
@@ -34,22 +24,31 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="提现时间">
-                <el-date-picker v-model="firstForm.createTime" type="daterange" range-separator="至"
-                  start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD" />
+              <el-form-item label="业务员">
+                <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="审核人">
-                <el-input v-model="firstForm.auditingUser" placeholder="请输入" clearable></el-input>
+              <el-form-item label="业务员手机号">
+                <el-input v-model="firstForm.mobile" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="审核时间">
-                <el-date-picker v-model="firstForm.auditTime" type="daterange" range-separator="至"
+              <el-form-item label="管理人">
+                <el-input v-model="firstForm.managerName" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="提现时间">
+                <el-date-picker v-model="firstForm.createTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
+            <el-col :span="8">
+              <el-form-item label="提现金额">
+                <el-input v-model="firstForm.amount" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
             <el-col :span="24" style="display: flex; align-items: center; justify-content: flex-end">
               <el-button plain @click="handleExport">数据导出</el-button>
               <el-button type="primary" @click="handleSearch">搜索</el-button>
@@ -62,8 +61,6 @@
         </el-form>
         <el-table :data="firstData4" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;"
           highlight-current-row>
-          <el-table-column prop="name" label="业务员"></el-table-column>
-          <el-table-column prop="mobile" label="业务员工号"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型">
             <template #default="scope">
               {{ scope.row.attrType == '1' ? '前线人员' : scope.row.attrType == '2' ? '后线人员' : scope.row.attrType ==
@@ -72,12 +69,14 @@
                   '6' ? '个代' : scope.row.attrType == '7' ? '电销' : scope.row.attrType == '8' ? '渠道' : '' }}
             </template>
           </el-table-column>
+          <el-table-column prop="mobile" label="业务员手机号"></el-table-column>
+          <el-table-column prop="name" label="业务员"></el-table-column>
           <el-table-column prop="managerName" label="管理人"></el-table-column>
           <el-table-column prop="amount" label="提现金额"></el-table-column>
           <el-table-column prop="balanceAmount" label="账户余额"></el-table-column>
+          <el-table-column prop="cardHolderName" label="姓名"></el-table-column>
           <el-table-column prop="bankCardNum" label="银行卡号"></el-table-column>
           <el-table-column prop="bankName" label="银行"></el-table-column>
-          <el-table-column prop="cardHolderName" label="姓名"></el-table-column>
           <el-table-column prop="bankNum" label="开户行"></el-table-column>
           <el-table-column prop="createTime" label="提现时间" width="180"></el-table-column>
           <el-table-column label="操作" fixed="right" width="200">
@@ -436,15 +435,33 @@ const handleClick = (e) => {
   console.log(e.props.name)
   pages.value = 1
   size.value = 10
-  firstForm.value = {}
   activeName.value = e.props.name
   type.value = e.props.name
+  switch (e.props.name) {
+    case '3':
+      firstForm.value = {}
+      break
+    case '0':
+      firstForm1.value = {}
+      break
+    case '1':
+      firstForm2.value = {}
+      break
+    case '2':
+      firstForm3.value = {}
+      break
+    default:
+      break
+  }
   initData(activeName.value)
   queryTotalWithdrawalAmount()
 }
 
 // 待审核
 let firstForm = ref({})
+let firstForm1 = ref({})
+let firstForm2 = ref({})
+let firstForm3 = ref({})
 
 const handleSearch = () => {
   pages.value = 1