ezhizao_zx 1 год назад
Родитель
Сommit
d0a2ea30f1
1 измененных файлов с 146 добавлено и 35 удалено
  1. 146 35
      src/views/business/financial/collection/index.vue

+ 146 - 35
src/views/business/financial/collection/index.vue

@@ -8,23 +8,45 @@
         </el-button>
         <template #dropdown>
           <el-dropdown-menu>
-            <el-dropdown-item icon="Download" @click="handleExport" v-hasPermi="['business:collection:export']">
-              导出</el-dropdown-item>
-            <el-dropdown-item icon="Upload" @click="handleImport"
-              v-hasPermi="['business:collection:import']">导入</el-dropdown-item>
+            <el-dropdown-item
+              icon="Download"
+              @click="handleExport"
+              v-hasPermi="['business:collection:export']"
+            >
+              导出</el-dropdown-item
+            >
+            <el-dropdown-item
+              icon="Upload"
+              @click="handleImport"
+              v-hasPermi="['business:collection:import']"
+              >导入</el-dropdown-item
+            >
           </el-dropdown-menu>
         </template>
       </el-dropdown>
     </div>
     <!-- 搜索区 -->
-    <el-form class="list-search-container" size="small" :model="queryParams" ref="queryRef" :inline="true"
-      label-width="68px">
+    <el-form
+      class="list-search-container"
+      size="small"
+      :model="queryParams"
+      ref="queryRef"
+      :inline="true"
+      label-width="68px"
+    >
       <el-form-item label="客户名称:" prop="companyName">
-        <el-input v-model="queryParams.companyName" style="width: 150px" placeholder="请输入客户名称" clearable
-          @keyup.enter="handleQuery" />
+        <el-input
+          v-model="queryParams.companyName"
+          style="width: 150px"
+          placeholder="请输入客户名称"
+          clearable
+          @keyup.enter="handleQuery"
+        />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Search" @click="handleQuery"
+          >搜索</el-button
+        >
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -32,12 +54,38 @@
     <!-- 列表区 -->
     <!-- 
       :summary-method="getSummaries" -->
-    <el-table v-loading="loading" :data="orderList" size="small" show-summary :summary-method="getSummaries" border
-      height="100%" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      :data="orderList"
+      size="small"
+      show-summary
+      :summary-method="getSummaries"
+      border
+      height="100%"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column v-if="getShowStatus(2)" label="客户" prop="companyName" min-width="250" align="center" />
-      <el-table-column v-if="getShowStatus(3)" label="合同编号" prop="contractNo" min-width="150" align="center" />
-      <el-table-column v-if="getShowStatus(4)" label="实际付款时间" prop="actuallyDate" width="100" align="center">
+      <el-table-column
+        v-if="getShowStatus(2)"
+        label="客户"
+        prop="companyName"
+        min-width="250"
+        align="center"
+      />
+      <el-table-column
+        v-if="getShowStatus(3)"
+        label="合同编号"
+        prop="contractNo"
+        min-width="150"
+        align="center"
+      />
+      <el-table-column
+        v-if="getShowStatus(4)"
+        label="实际付款时间"
+        prop="actuallyDate"
+        width="100"
+        align="center"
+      >
         <template #default="scope">
           {{ moment(scope.row.actuallyDate).format("YYYY-MM-DD") }}
         </template>
@@ -49,49 +97,112 @@
         width="100"
         align="center"
       /> -->
-      <el-table-column v-if="getShowStatus(5)" label="收款时间" prop="paymentCause" align="center" />
+      <el-table-column
+        v-if="getShowStatus(5)"
+        label="收款时间"
+        prop="paymentCause"
+        align="center"
+      />
       <!-- <el-table-column label="支出科目" prop="paymentSubject" align="center" /> -->
-      <el-table-column v-if="getShowStatus(8)" width="80" label="收款金额" prop="arriveAmount" header-align="center"
-        align="right">
+      <el-table-column
+        v-if="getShowStatus(8)"
+        width="80"
+        label="收款金额"
+        prop="arriveAmount"
+        header-align="center"
+        align="right"
+      >
         <template #default="scope">
           <span>{{ scope.row.arriveAmount.toFixed(2) }}</span>
         </template>
       </el-table-column>
-      <el-table-column v-if="getShowStatus(9)" label="申请人" prop="applierName" min-width="100" align="center" />
-      <el-table-column v-if="getShowStatus(11)" label="审核状态" prop="status" min-width="90" align="center">
+      <el-table-column
+        v-if="getShowStatus(9)"
+        label="申请人"
+        prop="applierName"
+        min-width="100"
+        align="center"
+      />
+      <el-table-column
+        v-if="getShowStatus(11)"
+        label="审核状态"
+        prop="status"
+        min-width="90"
+        align="center"
+      >
         <template #header>
           <!-- <el-badge v-if="unVerifiedNum > 0 && verifiable" is-dot>审核状态</el-badge> -->
           <div>审核状态</div>
         </template>
         <template #default="scope">
-          <span v-if="scope.row.status === 0" style="color: #cd853f">未审核</span>
-          <span v-else-if="scope.row.status === 1" style="color: #32cd32">审核通过</span>
-          <span v-else-if="scope.row.status === 2" style="color: #dc143c">审核不通过</span>
+          <span v-if="scope.row.status === 0" style="color: #cd853f"
+            >未审核</span
+          >
+          <span v-else-if="scope.row.status === 1" style="color: #32cd32"
+            >审核通过</span
+          >
+          <span v-else-if="scope.row.status === 2" style="color: #dc143c"
+            >审核不通过</span
+          >
         </template>
       </el-table-column>
-      <el-table-column v-if="getShowStatus(12)" label="支付状态" min-width="90" prop="arriveStatus" align="center">
+      <el-table-column
+        v-if="getShowStatus(12)"
+        label="支付状态"
+        min-width="90"
+        prop="arriveStatus"
+        align="center"
+      >
         <template #default="scope">
-          <span v-if="scope.row.arriveStatus === 0" style="color: #dc143c">未支付</span>
-          <span v-else-if="scope.row.arriveStatus === 1" style="color: #32cd32">已支付</span>
-          <span v-else-if="scope.row.arriveStatus === 2" style="color: #cd853f">部分支付</span>
+          <span v-if="scope.row.arriveStatus === 0" style="color: #dc143c"
+            >未支付</span
+          >
+          <span v-else-if="scope.row.arriveStatus === 1" style="color: #32cd32"
+            >已支付</span
+          >
+          <span v-else-if="scope.row.arriveStatus === 2" style="color: #cd853f"
+            >部分支付</span
+          >
         </template>
       </el-table-column>
-      <el-table-column v-if="getShowStatus(14)" label="确认到账时间" prop="actuallyDate" align="center">
+      <el-table-column
+        v-if="getShowStatus(14)"
+        label="确认到账时间"
+        prop="actuallyDate"
+        align="center"
+      >
         <template #default="scope">
           {{ moment(scope.row.actuallyDate).format("YYYY-MM-DD") }}
         </template>
       </el-table-column>
-      <el-table-column v-if="getShowStatus(13)" label="备注" prop="remark" align="center" min-width="100" />
+      <el-table-column
+        v-if="getShowStatus(13)"
+        label="备注"
+        prop="remark"
+        align="center"
+        min-width="100"
+      />
       <el-table-column label="操作" width="80" align="center">
         <template #default="scope">
-          <el-button type="primary" size="small" link @click="handleView(scope.row.id)">查看</el-button>
+          <el-button
+            type="primary"
+            size="small"
+            link
+            @click="handleView(scope.row.id)"
+            >查看</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
     <contract-form ref="contractRef" :get-list="getList" />
     <import-excel-dialog ref="importExcelDialogRef" :get-list="getList" />
-    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
-      @pagination="getList" />
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
   </div>
 </template>
 
@@ -185,8 +296,8 @@ function getSummaries(param) {
     data.map((item) => {
       if (item.arriveStatus == 1) {
         console.log(item);
-        if (item.paymentAmount) {
-          values.push(item.paymentAmount);
+        if (item.arriveAmount) {
+          values.push(item.arriveAmount);
         }
       }
     });
@@ -247,7 +358,7 @@ function handleDelete(row) {
       getList();
       proxy.$modal.msgSuccess("删除成功!");
     })
-    .catch(() => { });
+    .catch(() => {});
 }
 
 function handleAlter(row) {
@@ -266,7 +377,7 @@ function handleDissolution() {
       getList();
       proxy.$modal.msgSuccess("删除成功!");
     })
-    .catch(() => { });
+    .catch(() => {});
 }
 
 /** 导出按钮操作 */