上传

src/views/Clue/Order/Comp/Reback.vue

@@ -18,7 +18,7 @@
       <el-form-item v-if="appStore.getAppInfo?.instanceType == 1">
         <el-select v-model="searchForm.receiver" placeholder="接待人" clearable filterable>
           <el-option
-            v-for="item in userOptions"
+            v-for="item in allUserOptions"
             :key="item.id"
             :label="item.nickname"
             :value="item.id"
@@ -28,7 +28,7 @@
       <el-form-item v-else-if="appStore.getAppInfo?.instanceType == 2">
         <el-select v-model="searchForm.convertPeople" placeholder="转化人" clearable filterable>
           <el-option
-            v-for="item in userOptions"
+            v-for="item in allUserOptions"
             :key="item.id"
             :label="item.nickname"
             :value="item.id"
@@ -88,13 +88,15 @@
       v-loading="loading"
       :data="tableList"
       border
+      show-summary
+      :summary-method="getSummaries"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" :selectable="(row) => row.state == 1" />
-      <el-table-column prop="signId" label="成交单号" min-width="150px" />
-      <el-table-column prop="name" label="线索名称" min-width="200px" />
+      <el-table-column type="selection" width="60" :selectable="(row) => row.state == 1" />
+      <el-table-column prop="signId" label="成交单号" min-width="180px" />
+      <el-table-column prop="name" label="线索名称" min-width="150px" />
       <el-table-column prop="phone" label="联系方式" min-width="150px" />
-      <el-table-column prop="money" label="回款金额" min-width="90" />
+      <el-table-column prop="money" label="回款金额" min-width="150px" />
       <el-table-column prop="isPayoff" label="是否结清" min-width="90" />
       <el-table-column
         v-if="appStore.getAppInfo?.instanceType == 1"
@@ -166,7 +168,7 @@
 
 <script setup name="Reback">
 import * as FeebackApi from '@/api/clue/payment'
-import { getSimpleUserList as getUserOption } from '@/api/system/user'
+import { getSimpleUserList as getUserOption, getAllUserList } from '@/api/system/user'
 import { useUserStore } from '@/store/modules/user'
 
 import DialogFeebackAudit from './DialogFeebackAudit.vue'
@@ -198,6 +200,7 @@ const searchForm = ref({
 })
 
 const userOptions = ref([])
+const allUserOptions = ref([])
 
 const tableList = ref([])
 const total = ref(0)
@@ -223,6 +226,7 @@ function handleReset() {
   }
 }
 
+const totalMoney = ref(0)
 const loading = ref(false)
 async function getList() {
   loading.value = true
@@ -230,6 +234,7 @@ async function getList() {
     const data = await FeebackApi.getPaymentPage(removeNullField(searchForm.value))
     tableList.value = data.list
     total.value = data.total
+    totalMoney.value = data.totalAmount
   } finally {
     loading.value = false
   }
@@ -274,6 +279,25 @@ function getOptions() {
   getUserOption().then((data) => {
     userOptions.value = data
   })
+  getAllUserList().then((data) => {
+    allUserOptions.value = data
+  })
+}
+
+function getSummaries(param) {
+  const { columns } = param
+  const sums = []
+  columns.forEach((column, index) => {
+    if (index === 0) {
+      sums[index] = '合计'
+    } else if (column.property == 'money') {
+      sums[index] = totalMoney.value
+    } else {
+      sums[index] = ''
+    }
+  })
+
+  return sums
 }
 
 onMounted(() => {