Просмотр исходного кода

应付账款-提现申请、我的付款-已付款tab页-筛选条件定制-表格字段按需排版

@dongkboy 3 недель назад
Родитель
Сommit
3a36a3eb64
2 измененных файлов с 74 добавлено и 26 удалено
  1. 34 16
      src/views/payCredit/index.vue
  2. 40 10
      src/views/payCredit/myTask.vue

+ 34 - 16
src/views/payCredit/index.vue

@@ -207,16 +207,6 @@
         </template>
         <el-form :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-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>
@@ -231,23 +221,48 @@
                 </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.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="8">
               <el-form-item label="审核人">
                 <el-input v-model="firstForm.auditingUser" 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-date-picker v-model="firstForm.paymentTime" 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.xxxxxxx" 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>
@@ -260,8 +275,6 @@
         </el-form>
         <el-table :data="firstData2" 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 ==
@@ -270,16 +283,21 @@
                   '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 prop="paymentTime" label="支付时间" width="180"></el-table-column>
+          <el-table-column prop="xxxxxx" label="审核人(待开发)" width="180"></el-table-column>
           <el-table-column prop="payAccountName" label="付款账户"></el-table-column>
+          <el-table-column prop="xxxxxx" label="凭证号(待开发)"></el-table-column>
+          <el-table-column prop="xxxxxx" 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]"
@@ -438,7 +456,7 @@ const DrawRef = ref<FormInstance>()
 let AccountRef = ref()
 let RefusePopover = ref()
 const type = ref('3')
-let activeName = ref('0')
+let activeName = ref('1')
 const handleClick = (e) => {
   console.log(e.props.name)
   pages.value = 1

+ 40 - 10
src/views/payCredit/myTask.vue

@@ -105,12 +105,7 @@
         </template>
         <el-form v-model="queryInfo" label-width="100">
           <el-row :gutter="20">
-            <el-col :span="8">
-              <el-form-item label="业务员">
-                <el-input v-model="queryInfo.salesman" placeholder="请输入" clearable></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
+             <el-col :span="8">
               <el-form-item label="业务员类型">
                 <el-select v-model="queryInfo.attrType" placeholder="请选择" clearable>
                   <el-option label="前线人员" value="1"></el-option>
@@ -123,12 +118,43 @@
                   <el-option label="渠道" value="8"></el-option>
                 </el-select>
               </el-form-item>
+            </el-col>
+             <el-col :span="8">
+              <el-form-item label="业务员手机号">
+                <el-input v-model="queryInfo.mobile" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="业务员">
+                <el-input v-model="queryInfo.salesman" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+  <el-col :span="8">
+              <el-form-item label="管理人(待开发)">
+                <el-input v-model="queryInfo.managerName" placeholder="请输入" clearable></el-input>
+              </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="提现时间">
                 <el-date-picker v-model="time1" 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">
+              <el-form-item label="提现金额">
+                <el-input v-model="queryInfo.amount" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="支付时间(待开发)">
+                <el-date-picker v-model="queryInfo.paymentTime" 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="queryInfo.xxxxxxx" placeholder="请输入" clearable></el-input>
+              </el-form-item>
             </el-col>
             <el-col :span="8"></el-col>
             <el-col :span="8"></el-col>
@@ -143,7 +169,6 @@
         <div style="font-size: 14px; color: #606266">应付总额:¥{{ totalAmount }}</div>
 
         <el-table :data="firstData2" height="calc(100% - 164px)" style="width: 100%; margin-top: 20px;">
-          <el-table-column prop="name" label="业务员" width="120"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型" width="120">
             <template #default="scope">
               {{ scope.row.attrType === '1' ? '前线人员' : scope.row.attrType === '2' ? '后线人员' : scope.row.attrType === '3'
@@ -151,18 +176,23 @@
                   === '6' ? '个代' : scope.row.attrType === '7' ? '电销' : scope.row.attrType === '8' ? '渠道' : '' }}
             </template>
           </el-table-column>
+          <el-table-column prop="mobile" label="业务员手机号" width="120"></el-table-column>
+
+          <el-table-column prop="name" label="业务员" width="120"></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="银行卡号" width="200"></el-table-column>
           <el-table-column prop="bankName" label="银行" width="120"></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="withdrawalRequester" label="提现人"></el-table-column>
           <el-table-column prop="withdrawalRequestTime" label="提现时间" width="180"></el-table-column>
-          <el-table-column prop="auditingTime" label="审核时间" width="180"></el-table-column>
+          <el-table-column prop="auditingTime" label="支付时间 (待开发)" width="180"></el-table-column>
           <el-table-column prop="voucherId" label="凭证号"></el-table-column>
           <el-table-column prop="payAccountName" label="付款账户"></el-table-column>
+          <el-table-column prop="xxxxxx" label="回单资料 (待开发)"></el-table-column>
           <el-table-column label="操作" fixed="right" width="120" align="center">
             <template #default="scope">
               <el-button link type="primary" size="small" @click="handleModifyAccount(scope.row)">修改账户</el-button>