应付账款-业务员账户tab页筛选条件自定义，表格字段排序

src/views/payCredit/agentCount.vue

@@ -9,11 +9,6 @@
         </template>
         <el-form v-model="firstForm" label-width="100">
           <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-select v-model="firstForm.typeAttr" placeholder="请选择" clearable>
@@ -25,31 +20,38 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="申请时间">
-                <el-date-picker v-model="firstForm.applyTime" type="daterange" range-separator="至"
-                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" 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.auditBy" 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.leaderName" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="申请时间">
+                <el-date-picker v-model="firstForm.applyTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8" style="display: flex; align-items: start; justify-content: flex-end">
+            <el-col :span="8">
+              <el-form-item label="姓名 ">
+                <el-input v-model="firstForm.name" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :offset="16" :span="8" style="display: flex; align-items: start; justify-content: flex-end">
               <el-button type="primary" @click="handleSearch">搜索</el-button>
               <el-button plain @click="handleReset">重置</el-button>
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="firstData" height="calc(100% - 162px)" style="width: 100%; margin-top: 20px;">
-          <el-table-column prop="leaderName" label="管理员名称"></el-table-column>
-          <el-table-column prop="name" label="业务员"></el-table-column>
+        <el-table :data="firstData" height="calc(100% - 202px)" style="width: 100%; margin-top: 20px;">
           <el-table-column prop="typeAttr" label="业务员类型">
             <template #default="scope">
               {{
@@ -58,14 +60,14 @@
               }}
             </template>
           </el-table-column>
-          <el-table-column prop="workNumber" label="业务员工号"></el-table-column>
-          <el-table-column prop="applyTime" label="申请时间"></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="leaderName" label="管理员"></el-table-column>
+          <el-table-column prop="name" label="姓名"></el-table-column>
           <el-table-column prop="bankCardNumber" label="银行卡号"></el-table-column>
           <el-table-column prop="bankName" label="银行"></el-table-column>
-          <el-table-column prop="name" label="姓名"></el-table-column>
           <el-table-column prop="bankAddress" label="开户行"></el-table-column>
-          <el-table-column prop="auditTime" label="审核时间"></el-table-column>
-          <el-table-column prop="auditBy" label="审核人"></el-table-column>
+          <el-table-column prop="applyTime" label="申请时间"></el-table-column>
           <el-table-column label="操作" fixed="right" width="200">
             <template #default="scope">
               <el-button link type="primary" size="small" @click="agentPass(scope.row)">申请通过</el-button>
@@ -76,7 +78,8 @@
                 <el-input type="textarea" v-model="agentReason" maxlength="200"></el-input>
                 <div style="display: flex; align-items: center; justify-content: flex-end; margin-top: 10px">
                   <el-button size="small" @click="scope.row.agentShow = false">取消</el-button>
-                  <el-button type="danger" size="small" @click="handleAgentConfirm(scope.row)" :loading="auditLoading">确定驳回</el-button>
+                  <el-button type="danger" size="small" @click="handleAgentConfirm(scope.row)"
+                    :loading="auditLoading">确定驳回</el-button>
                 </div>
               </el-popover>
             </template>
@@ -96,11 +99,6 @@
         </template>
         <el-form v-model="firstForm" label-width="100">
           <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-select v-model="firstForm.typeAttr" placeholder="请选择" clearable>
@@ -111,6 +109,21 @@
                 </el-select>
               </el-form-item>
             </el-col>
+            <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-input v-model="firstForm.leaderName" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
             <el-col :span="8">
               <el-form-item label="申请时间">
                 <el-date-picker v-model="firstForm.applyTime" type="daterange" range-separator="至"
@@ -118,8 +131,8 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="审核人">
-                <el-input v-model="firstForm.auditBy" placeholder="请输入" clearable></el-input>
+              <el-form-item label="审核人 ">
+                <el-input v-model="firstForm.name" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -128,15 +141,23 @@
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8" style="display: flex; align-items: start; justify-content: flex-end">
+            <el-col :span="8">
+              <el-form-item label="姓名">
+                <el-input v-model="firstForm.name" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="卡号">
+                <el-input v-model="firstForm.bankCardNumber" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :offset="16" :span="8" style="display: flex; align-items: start; justify-content: flex-end">
               <el-button type="primary" @click="handleSearch">搜索</el-button>
               <el-button plain @click="handleReset">重置</el-button>
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="secondData" height="calc(100% - 162px)" style="width: 100%; margin-top: 20px;">
-          <el-table-column prop="leaderName" label="管理员名称"></el-table-column>
-          <el-table-column prop="name" label="业务员"></el-table-column>
+        <el-table :data="secondData" height="calc(100% - 252px)" style="width: 100%; margin-top: 20px;">
           <el-table-column prop="typeAttr" label="业务员类型">
             <template #default="scope">
               {{
@@ -145,14 +166,16 @@
               }}
             </template>
           </el-table-column>
-          <el-table-column prop="workNumber" label="业务员工号"></el-table-column>
-          <el-table-column prop="applyTime" label="申请时间"></el-table-column>
+          <el-table-column prop="workNumber" label="业务员手机号"></el-table-column>
+          <el-table-column prop="name" label="业务员"></el-table-column>
+          <el-table-column prop="leaderName" label="管理员名称"></el-table-column>
+          <el-table-column prop="name" label="姓名"></el-table-column>
           <el-table-column prop="bankCardNumber" label="银行卡号"></el-table-column>
           <el-table-column prop="bankName" label="银行"></el-table-column>
-          <el-table-column prop="name" label="姓名"></el-table-column>
           <el-table-column prop="bankAddress" label="开户行"></el-table-column>
-          <el-table-column prop="auditTime" label="审核时间"></el-table-column>
+          <el-table-column prop="applyTime" label="申请时间"></el-table-column>
           <el-table-column prop="auditBy" label="审核人"></el-table-column>
+          <el-table-column prop="auditTime" label="审核时间"></el-table-column>
         </el-table>
         <div class="pagination">
           <el-pagination v-model:current-page="pages" v-model:page-size="size" :page-sizes="[10, 20, 30, 40]"
@@ -168,11 +191,6 @@
         </template>
         <el-form v-model="firstForm" label-width="100">
           <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-select v-model="firstForm.typeAttr" placeholder="请选择" clearable>
@@ -183,6 +201,21 @@
                 </el-select>
               </el-form-item>
             </el-col>
+            <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-input v-model="firstForm.leaderName" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
             <el-col :span="8">
               <el-form-item label="申请时间">
                 <el-date-picker v-model="firstForm.applyTime" type="daterange" range-separator="至"
@@ -190,8 +223,8 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="审核人">
-                <el-input v-model="firstForm.auditBy" placeholder="请输入" clearable></el-input>
+              <el-form-item label="审核人 ">
+                <el-input v-model="firstForm.name" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -200,15 +233,23 @@
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8" style="display: flex; align-items: start; justify-content: flex-end">
+            <el-col :span="8">
+              <el-form-item label="姓名">
+                <el-input v-model="firstForm.name" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="卡号">
+                <el-input v-model="firstForm.bankCardNumber" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :offset="16" :span="8" style="display: flex; align-items: start; justify-content: flex-end">
               <el-button type="primary" @click="handleSearch">搜索</el-button>
               <el-button plain @click="handleReset">重置</el-button>
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="thirdData" height="calc(100% - 162px)" style="width: 100%; margin-top: 20px;">
-      <el-table-column prop="leaderName" label="管理员名称"></el-table-column>
-          <el-table-column prop="name" label="业务员"></el-table-column>
+        <el-table :data="thirdData" height="calc(100% - 252px)" style="width: 100%; margin-top: 20px;">
           <el-table-column prop="typeAttr" label="业务员类型">
             <template #default="scope">
               {{
@@ -217,16 +258,17 @@
               }}
             </template>
           </el-table-column>
-          <el-table-column prop="workNumber" label="业务员工号"></el-table-column>
-          <!-- <el-table-column prop="applyTime" label="申请时间"></el-table-column> -->
-          <el-table-column prop="lastRejectReason" label="驳回原因"></el-table-column>
-          <el-table-column prop="lastRejectTime" label="驳回时间"></el-table-column>
+          <el-table-column prop="workNumber" label="业务员手机号"></el-table-column>
+          <el-table-column prop="name" label="业务员"></el-table-column>
+          <el-table-column prop="leaderName" label="管理员"></el-table-column>
+          <el-table-column prop="name" label="姓名"></el-table-column>
           <el-table-column prop="bankCardNumber" label="银行卡号"></el-table-column>
           <el-table-column prop="bankName" label="银行"></el-table-column>
-          <el-table-column prop="name" label="姓名"></el-table-column>
           <el-table-column prop="bankAddress" label="开户行"></el-table-column>
-          <el-table-column prop="auditTime" label="审核时间"></el-table-column>
+          <el-table-column prop="lastRejectReason" label="驳回原因"></el-table-column>
+          <el-table-column prop="lastRejectTime" label="驳回时间"></el-table-column>
           <el-table-column prop="auditBy" label="审核人"></el-table-column>
+          <el-table-column prop="auditTime" label="审核时间"></el-table-column>
         </el-table>
         <div class="pagination">
           <el-pagination v-model:current-page="pages" v-model:page-size="size" :page-sizes="[10, 20, 30, 40]"
@@ -287,7 +329,7 @@ const handleClick = (e) => {
   firstForm.value = {}
   initList(Number(activeName.value))
 }
-  const auditLoading = ref(false)//审核loading
+const auditLoading = ref(false)//审核loading
 // 待审核
 let firstForm = ref({})
 let firstData = ref([])