فهرست منبع

我的付款-已付款列表增加回单资料

@dongkboy 1 هفته پیش
والد
کامیت
f0a3dd3f6e
1فایلهای تغییر یافته به همراه24 افزوده شده و 8 حذف شده
  1. 24 8
      src/views/payCredit/myTask.vue

+ 24 - 8
src/views/payCredit/myTask.vue

@@ -57,7 +57,7 @@
           </el-row>
         </el-form>
         <div style="font-size: 14px; color: #606266">应付总额:¥{{ totalAmount }}</div>
-        <el-table :data="firstData1" height="calc(100% - 164px)" style="width: 100%; margin-top: 20px;">
+        <el-table :data="firstData1" height="calc(100% - 214px)" style="width: 100%; margin-top: 20px;">
           <el-table-column prop="attrType" label="业务员类型">
             <template #default="scope">
               {{ scope.row.attrType === '1' ? '前线人员' : scope.row.attrType === '2' ? '后线人员' : scope.row.attrType === '3'
@@ -169,7 +169,7 @@
         </el-form>
         <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 :data="firstData2" height="calc(100% - 244px)" style="width: 100%; margin-top: 20px;">
           <el-table-column prop="attrType" label="业务员类型" width="120">
             <template #default="scope">
               {{ scope.row.attrType === '1' ? '前线人员' : scope.row.attrType === '2' ? '后线人员' : scope.row.attrType === '3'
@@ -193,7 +193,13 @@
           <el-table-column prop="paymentTime" 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 prop="fileUrl" label="回单资料">
+            <template #default="scope">
+              <el-button link type="primary" v-if="scope.row.fileUrl" @click="view(scope.row)">查看资料({{
+                scope.row.fileUrl.split(',').length }})</el-button>
+              <span v-else>无回单资料</span>
+            </template>
+          </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>
@@ -270,7 +276,7 @@
         </el-form>
         <div style="font-size: 14px; color: #606266">应付总额:¥{{ totalAmount }}</div>
 
-        <el-table :data="firstData3" height="calc(100% - 164px)" style="width: 100%; margin-top: 20px;">
+        <el-table :data="firstData3" height="calc(100% - 244px)" style="width: 100%; margin-top: 20px;">
           <el-table-column prop="name" label="业务员"></el-table-column>
           <el-table-column prop="mobile" label="业务员工号"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型">
@@ -366,6 +372,11 @@
         <el-button type="primary" @click="updateAccountShowSubmit">确定</el-button>
       </template>
     </el-dialog>
+    <el-dialog v-model="viewCredential" title="查看凭证" width="400">
+      <div class="text-center text-[14px] text-[#999] pb-[20px]">点击图片放大预览</div>
+      <el-image style="width: 100%; height: 300px" :src="CredentialList[0]" :zoom-rate="1.2" :max-scale="7"
+        :min-scale="0.2" :preview-src-list="CredentialList" show-progress :initial-index="4" alt="凭证图片" fit="cover" />
+    </el-dialog>
   </PageMain>
 </template>
 
@@ -374,7 +385,8 @@ import api from '@/api'
 import { ElMessage, FormInstance } from 'element-plus'
 let AccountRef = ref()
 const DrawRef = ref<FormInstance>()
-
+const viewCredential = ref(false)//查看凭证弹窗
+const CredentialList = ref([])//凭证图片
 const refuseReason = ref('')
 let activeName = ref('0')
 let RefusePopover = ref()
@@ -394,9 +406,9 @@ const handleClick = (e) => {
 let rejectTime = ref([])  // 驳回时间
 let createTime = ref([])  // 提现时间
 let paymentTime = ref([])  // 支付时间
-let firstData1 = ref([{}])
-let firstData2 = ref([{}])
-let firstData3 = ref([{}])
+let firstData1 = ref([])
+let firstData2 = ref([])
+let firstData3 = ref([])
 
 let total1 = ref(0)
 let total2 = ref(0)
@@ -473,6 +485,10 @@ const refusePopoverConfirm = (row) => {
     }
   })
 }
+const view = (scope) => {
+  CredentialList.value = scope.fileUrl.split(',')
+  viewCredential.value = true
+}
 // 修改账户
 const handleModifyAccount = (row) => {
   console.log(row)