From 8a9cd5221a7ac6d00cb259e395bda003ae42ca57 Mon Sep 17 00:00:00 2001
From: 曹睿 <360930172@qq.com>
Date: 星期四, 19 六月 2025 16:30:46 +0800
Subject: [PATCH] fix: 修复部分

---
 src/views/procurementManagement/paymentEntry/index.vue |  547 ++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 345 insertions(+), 202 deletions(-)

diff --git a/src/views/procurementManagement/paymentEntry/index.vue b/src/views/procurementManagement/paymentEntry/index.vue
index 5f8054a..38a305e 100644
--- a/src/views/procurementManagement/paymentEntry/index.vue
+++ b/src/views/procurementManagement/paymentEntry/index.vue
@@ -1,99 +1,207 @@
 <template>
   <div class="app-container">
     <div class="search_form">
-      <div>
+      <el-form :inline="true" :model="searchForm" style="width: 100%">
+        <el-row justify="space-between">
+          <el-col :span="20">
+            <el-form-item label="渚涘簲鍟嗗悕绉�/鍚堝悓鍙�">
+              <el-input
+                v-model="searchForm.supplierNameOrContractNo"
+                style="width: 240px"
+                placeholder="杈撳叆渚涘簲鍟嗗悕绉�/鍚堝悓鍙锋悳绱�"
+                clearable
+                prefix-icon="Search"
+                @change="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-checkbox
+                v-model="searchForm.status"
+                label="涓嶆樉绀哄緟浠樻涓�0"
+                @change="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery"> 鎼滅储 </el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item style="float: right; margin-right: unset">
+              <el-button type="primary" @click="openForm('add')">
+                鏂板浠樻
+              </el-button>
+              <el-button type="danger" plain @click="handleDelete">
+                鍒犻櫎
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <!-- <div>
         <span class="search_title">渚涘簲鍟嗗悕绉�/鍚堝悓鍙凤細</span>
         <el-input
-            v-model="searchForm.supplierNameOrContractNo"
-            style="width: 240px"
-            placeholder="杈撳叆渚涘簲鍟嗗悕绉�/鍚堝悓鍙锋悳绱�"
-            @change="handleQuery"
-            clearable
-            :prefix-icon="Search"
+          v-model="searchForm.supplierNameOrContractNo"
+          style="width: 240px"
+          placeholder="杈撳叆渚涘簲鍟嗗悕绉�/鍚堝悓鍙锋悳绱�"
+          @change="handleQuery"
+          clearable
+          :prefix-icon="Search"
         />
-        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button>
+        <el-button
+          type="primary"
+          @click="handleQuery"
+          style="margin-left: 10px"
+        >
+          鎼滅储
+        </el-button>
       </div>
       <div>
         <el-button type="primary" @click="openForm('add')">鏂板浠樻</el-button>
         <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
-      </div>
+      </div> -->
     </div>
     <div class="table_list">
-      <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :isSelection="true" :handleSelectionChange="handleSelectionChange"
-                :tableLoading="tableLoading" @pagination="pagination" :total="total"></PIMTable>
+      <PIMTable
+        :column="tableColumn"
+        :tableData="tableData"
+        :page="page"
+        :isSelection="true"
+        :isShowSummary="isShowSummarySon"
+        :summaryMethod="summarizeMainTable1"
+        :handleSelectionChange="handleSelectionChange"
+        :tableLoading="tableLoading"
+        @pagination="pagination"
+        :total="total"
+      ></PIMTable>
     </div>
-    <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '鏂板浠樻鐧昏' : '缂栬緫浠樻鐧昏'" width="60%" @close="closeDia">
-      <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef">
+    <el-dialog
+      v-model="dialogFormVisible"
+      :title="operationType === 'add' ? '鏂板浠樻鐧昏' : '缂栬緫浠樻鐧昏'"
+      width="60%"
+      @close="closeDia"
+    >
+      <el-form
+        :model="form"
+        label-width="140px"
+        label-position="top"
+        :rules="rules"
+        ref="formRef"
+      >
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="閲囪喘鍚堝悓鍙凤細" prop="purchaseLedgerId">
-              <el-select v-model="form.purchaseLedgerId" placeholder="璇烽�夋嫨" clearable @change="setInfo" :disabled="operationType === 'edit'">
-                <el-option v-for="item in purchaseLedgerList" :key="item.id" :label="item.purchaseContractNumber" :value="item.id"/>
-              </el-select>
+            <el-form-item label="閲囪喘鍚堝悓鍙凤細" prop="purchaseContractNumber">
+              <el-input
+                v-model="form.purchaseContractNumber"
+                placeholder="鑷姩濉厖"
+                clearable
+                disabled
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="閿�鍞悎鍚屽彿锛�" prop="salesContractNo">
-              <el-input v-model="form.salesContractNo" placeholder="鑷姩濉厖" clearable disabled/>
+              <el-input
+                v-model="form.salesContractNo"
+                placeholder="鑷姩濉厖"
+                clearable
+                disabled
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="30">
           <el-col :span="12">
             <el-form-item label="渚涘簲鍟嗗悕绉帮細" prop="supplierName">
-              <el-input v-model="form.supplierName" placeholder="鑷姩濉厖" clearable disabled/>
+              <el-input
+                v-model="form.supplierName"
+                placeholder="鑷姩濉厖"
+                clearable
+                disabled
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="鍙戠エ鍙凤細" prop="invoiceNumber">
-              <el-input v-model="form.invoiceNumber" placeholder="鑷姩濉厖" clearable disabled/>
+              <el-input
+                v-model="form.invoiceNumber"
+                placeholder="鑷姩濉厖"
+                clearable
+                disabled
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="30">
           <el-col :span="12">
             <el-form-item label="鍙戠エ閲戦(鍏�)锛�" prop="invoiceAmount">
-              <el-input type="number" :step="0.01" v-model="form.invoiceAmount" placeholder="鑷姩濉厖" clearable disabled/>
+              <el-input
+                type="number"
+                :step="0.01"
+                v-model="form.invoiceAmount"
+                placeholder="鑷姩濉厖"
+                clearable
+                disabled
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="绋庣巼(%)锛�" prop="taxRate">
-              <el-input type="number" :step="0.01" v-model="form.taxRate" placeholder="鑷姩濉厖" clearable disabled/>
+            <el-form-item label="鏈浠樻閲戦锛�" prop="currentPaymentAmount">
+              <el-input
+                type="number"
+                :step="0.01"
+                v-model="form.currentPaymentAmount"
+                placeholder="璇疯緭鍏�"
+                clearable
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="鏈浠樻閲戦锛�" prop="currentPaymentAmount">
-              <el-input type="number" :step="0.01" v-model="form.currentPaymentAmount" placeholder="璇疯緭鍏�" clearable/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="浠樻褰㈠紡锛�" prop="paymentMethod">
-              <el-select v-model="form.paymentMethod" placeholder="璇烽�夋嫨" clearable>
-                <el-option label="鐢垫眹" value="鐢垫眹"/>
-                <el-option label="鎵垮厬" value="鎵垮厬"/>
+            <el-form-item label="浠樻鏂瑰紡锛�" prop="paymentMethod">
+              <el-select
+                v-model="form.paymentMethod"
+                placeholder="璇烽�夋嫨"
+                clearable
+              >
+                <el-option label="鐢垫眹" value="鐢垫眹" />
+                <el-option label="鎵垮厬" value="鎵垮厬" />
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="12">
+            <el-form-item label="鐧昏浜猴細" prop="registrant">
+              <el-input
+                v-model="form.registrant"
+                placeholder="璇疯緭鍏�"
+                clearable
+                disabled
+              />
+            </el-form-item>
+          </el-col>
         </el-row>
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="鐧昏浜猴細" prop="registrant">
-              <el-input v-model="form.registrant" placeholder="璇疯緭鍏�" clearable disabled/>
+            <el-form-item label="浠樻鏃ユ湡锛�" prop="paymentDate">
+              <el-date-picker
+                disabled
+                style="width: 100%"
+                v-model="form.paymentDate"
+                value-format="YYYY-MM-DD"
+                format="YYYY-MM-DD"
+                type="date"
+                placeholder="璇烽�夋嫨"
+                clearable
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="浠樻鏃ユ湡锛�" prop="paymentDate">
-              <el-date-picker
-                  disabled
-                  style="width: 100%"
-                  v-model="form.paymentDate"
-                  value-format="YYYY-MM-DD"
-                  format="YYYY-MM-DD"
-                  type="date"
-                  placeholder="璇烽�夋嫨"
-                  clearable
+            <el-form-item label="鐧昏鏃ユ湡锛�" prop="registrationtDate">
+              <el-input
+                v-model="form.registrationtDate"
+                placeholder="璇疯緭鍏�"
+                clearable
+                disabled
               />
             </el-form-item>
           </el-col>
@@ -110,237 +218,272 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
-import {Search} from "@element-plus/icons-vue";
-import {ElMessageBox } from "element-plus";
-import {getInfo} from "@/api/login.js";
+import { ref } from "vue";
+import { Search } from "@element-plus/icons-vue";
+import { ElMessageBox } from "element-plus";
 import useUserStore from "@/store/modules/user.js";
 import {
   byPurchaseId,
-  getPurchaseNo,
-  paymentRegistrationAdd, paymentRegistrationDel,
+  paymentRegistrationAdd,
+  paymentRegistrationDel,
   paymentRegistrationEdit,
-  registrationInfo,
-  registrationList
+  getTicketNo,
 } from "@/api/procurementManagement/paymentEntry.js";
-const { proxy } = getCurrentInstance()
+import { invoiceListPage } from "@/api/procurementManagement/procurementInvoiceLedger.js";
+import useFormData from "@/hooks/useFormData";
 
+const { proxy } = getCurrentInstance();
 const tableColumn = ref([
   {
-    label: '閲囪喘鍚堝悓鍙�',
-    prop: 'purchaseContractNumber',
+    label: "閲囪喘鍚堝悓鍙�",
+    prop: "purchaseContractNumber",
   },
   {
-    label: '閿�鍞悎鍚屽彿',
-    prop: 'salesContractNo',
+    label: "閿�鍞悎鍚屽彿",
+    prop: "salesContractNo",
   },
   {
-    label: '渚涘簲鍟嗗悕绉�',
-    prop: 'supplierName',
+    label: "渚涘簲鍟嗗悕绉�",
+    prop: "supplierName",
   },
   {
-    label: '鍙戠エ鍙�',
-    prop: 'invoiceNumber'
+    label: "鍙戠エ鍙�",
+    prop: "invoiceNumber",
   },
   {
-    label: '鍙戠エ閲戦(鍏�)',
-    prop: 'invoiceAmount'
+    label: "鍙戠エ閲戦(鍏�)",
+    prop: "invoiceAmount",
+    formatData: (params) => {
+      return parseFloat(params).toFixed(2);
+    },
   },
   {
-    label: '绋庣巼(%)',
-    prop: 'taxRate'
+    label: "宸蹭粯娆鹃噾棰�(鍏�)",
+    prop: "paymentAmountTotal",
+    formatData: (params) => {
+      return parseFloat(params).toFixed(2);
+    },
   },
   {
-    label: '寰呬粯娆鹃噾棰�(鍏�)',
-    prop: 'unPaymentAmount'
+    label: "寰呬粯娆鹃噾棰�(鍏�)",
+    prop: "unPaymentAmountTotal",
+    formatData: (params) => {
+      return parseFloat(params).toFixed(2);
+    },
   },
-  {
-    dataType: "action",
-    label: "鎿嶄綔",
-    align: 'center',
-    operation: [
-      {
-        name: "缂栬緫",
-        type: "text",
-        clickFun: (row) => {
-          openForm('edit', row);
-        },
-      },
-    ],
-  },
-])
-const tableData = ref([])
-const selectedRows = ref([])
-const tableLoading = ref(false)
-const purchaseLedgerList = ref([])
-const userStore = useUserStore()
+]);
+const tableData = ref([]);
+const selectedRows = ref([]);
+const tableLoading = ref(false);
+const invoiceNumberList = ref([]);
+const userStore = useUserStore();
 const page = reactive({
   current: 1,
-  size: 10,
-})
-const total = ref(0)
+  size: 100,
+});
+const total = ref(0);
 
 // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
-const operationType = ref('')
-const dialogFormVisible = ref(false)
+const operationType = ref("");
+const dialogFormVisible = ref(false);
 const data = reactive({
   searchForm: {
-    supplierNameOrContractNo: '',
+    supplierNameOrContractNo: "",
+    status: false,
   },
   form: {
-    purchaseLedgerId: '',
-    salesContractNo: '',
-    supplierName: '',
-    invoiceNumber: '',
-    invoiceAmount: '',
-    taxRate: '',
-    currentPaymentAmount: '',
-    paymentMethod: '',
-    registrant: '',
-    registrantId: '',
-    paymentDate: '',
+    purchaseContractNumber: "",
+    purchaseLedgerId: "",
+    salesContractNo: "",
+    supplierName: "",
+    invoiceNumber: "",
+    invoiceAmount: "",
+    taxRate: "",
+    currentPaymentAmount: "",
+    paymentMethod: "",
+    registrant: "",
+    registrantId: "",
+    paymentDate: "",
+    registrationtDate: "",
   },
   rules: {
-    purchaseLedgerId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
-    currentPaymentAmount: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+    purchaseLedgerId: [
+      { required: true, message: "璇烽�夋嫨", trigger: "change" },
+    ],
+    currentPaymentAmount: [
+      { required: true, message: "璇疯緭鍏�", trigger: "blur" },
+    ],
     paymentMethod: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
-  }
-})
-const { searchForm, form, rules } = toRefs(data)
+    invoiceNumber: [
+      { required: true, message: "璇烽�夋嫨閲囪喘鍚堝悓鍙�", trigger: "change" },
+    ],
+  },
+});
+const { form, rules } = toRefs(data);
+const { form: searchForm, resetForm } = useFormData(data.searchForm);
+const isShowSummarySon = ref(true);
 
+// 瀛愯〃鍚堣鏂规硶
+const summarizeMainTable1 = (param) => {
+  return proxy.summarizeTable(
+    param,
+    ["invoiceAmount", "paymentAmountTotal", "unPaymentAmountTotal"],
+    {
+      ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+      futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+    }
+  );
+};
 // 鏌ヨ鍒楄〃
 /** 鎼滅储鎸夐挳鎿嶄綔 */
 const handleQuery = () => {
-  page.current = 1
-  getList()
-}
-const pagination = ({ current, limit }) => {
-  page.current = current;
-  page.size = limit;
-  getList()
-}
+  page.current = 1;
+  getList();
+};
+const pagination = (obj) => {
+  page.current = obj.page;
+  page.size = obj.limit;
+  getList();
+};
 const getList = () => {
-  tableLoading.value = true
-  registrationList({...searchForm.value, ...page}).then(res => {
-    tableLoading.value = false
-    tableData.value = res.rows
-    total.value = res.total
-  })
-}
+  tableLoading.value = true;
+  invoiceListPage({ ...searchForm, ...page }).then((res) => {
+    tableLoading.value = false;
+    tableData.value = res.records;
+    total.value = res.total;
+  });
+};
 // 琛ㄦ牸閫夋嫨鏁版嵁
 const handleSelectionChange = (selection) => {
-  selectedRows.value = selection
-}
+  selectedRows.value = selection;
+};
 // 鎵撳紑寮规
 const openForm = (type, row) => {
-  operationType.value = type
-  form.value = {}
-  // 鏌ヨ閲囪喘鍚堝悓鍙�
-  getPurchaseNo().then(res => {
-    purchaseLedgerList.value = res
-  })
-  form.value.registrantId = userStore.id
-  form.value.registrant = userStore.name
-  form.value.paymentDate = getCurrentDate();
-  if (type === 'edit') {
-    registrationInfo(row.id).then(res => {
-      form.value = {...res.data}
-    })
+  if (selectedRows.value.length !== 1) {
+    proxy.$message.error("璇烽�夋嫨涓�鏉″彂绁ㄦ暟鎹�");
+    return;
   }
-  dialogFormVisible.value = true
-}
+  operationType.value = type;
+  form.value = {};
+  form.value = { ...selectedRows.value[0] };
+  form.value.ticketRegistrationId = selectedRows.value[0].id;
+  form.value.id = null;
+  // 鏌ヨ閲囪喘鍚堝悓鍙�
+  form.value.registrationtDate = getCurrentDate();
+  form.value.paymentDate = getCurrentDate();
+  form.value.registrant = userStore.name;
+  dialogFormVisible.value = true;
+};
+// 閫夋嫨鍙戠エ鍙蜂互鍚庣粰鍙戠エ閲戦璧嬪��
+const setInvoiceAmount = (value) => {
+  if (value) {
+    invoiceNumberList.value.forEach((item) => {
+      if (item.invoiceNumber === value) {
+        form.value.invoiceAmount = item.invoiceAmount;
+        form.value.ticketRegistrationId = item.id;
+      }
+    });
+  } else {
+    form.value.invoiceAmount = "";
+  }
+};
 // 閫夋嫨閲囪喘鍚堝悓鍙疯祴鍊�
 const setInfo = (value) => {
+  getTicketNo({ id: value }).then((res) => {
+    invoiceNumberList.value = res.data;
+  });
   if (value) {
-    byPurchaseId(value).then(res => {
-      form.value.salesContractNo = res.data.salesContractNo
-      form.value.supplierName = res.data.supplierName
-      form.value.invoiceNumber = res.data.invoiceNumber
-      form.value.invoiceAmount = res.data.invoiceAmount
-      form.value.taxRate = res.data.taxRate
-      form.value.supplierId = res.data.supplierId
-    })
+    byPurchaseId(value).then((res) => {
+      form.value.salesContractNo = res.data.salesContractNo;
+      form.value.supplierName = res.data.supplierName;
+      form.value.taxRate = res.data.taxRate;
+      form.value.supplierId = res.data.supplierId;
+    });
   } else {
-    form.value.salesContractNo = ''
-    form.value.supplierName = ''
-    form.value.invoiceNumber = ''
-    form.value.invoiceAmount = ''
-    form.value.taxRate = ''
-    form.value.supplierId = ''
+    form.value.salesContractNo = "";
+    form.value.supplierName = "";
+    form.value.taxRate = "";
+    form.value.supplierId = "";
   }
-}
+};
 // 鎻愪氦琛ㄥ崟
 const submitForm = () => {
-  proxy.$refs["formRef"].validate(valid => {
+  proxy.$refs["formRef"].validate((valid) => {
     if (valid) {
       if (operationType.value === "edit") {
-        submitEdit()
+        submitEdit();
       } else {
-        submitAdd()
+        submitAdd();
       }
     }
-  })
-}
+  });
+};
 // 鎻愪氦鏂板
 const submitAdd = () => {
-  paymentRegistrationAdd(form.value).then(res => {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛")
-    closeDia()
-    getList()
-  })
-}
+  paymentRegistrationAdd(form.value).then((res) => {
+    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+    closeDia();
+    getList();
+  });
+};
 // 鎻愪氦淇敼
 const submitEdit = () => {
-  paymentRegistrationEdit(form.value).then(res => {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛")
-    closeDia()
-    getList()
-  })
-}
+  paymentRegistrationEdit(form.value).then((res) => {
+    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+    closeDia();
+    getList();
+  });
+};
 // 鍏抽棴寮规
 const closeDia = () => {
-  proxy.resetForm("formRef")
-  dialogFormVisible.value = false
-}
+  proxy.resetForm("formRef");
+  dialogFormVisible.value = false;
+};
 // 鍒犻櫎
 const handleDelete = () => {
-  let ids = []
+  let ids = [];
   if (selectedRows.value.length > 0) {
-    ids = selectedRows.value.map(item => item.id);
+    ids = selectedRows.value.map((item) => item.id);
   } else {
-    proxy.$modal.msgWarning('璇烽�夋嫨鏁版嵁')
-    return
+    proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
+    return;
   }
-  ElMessageBox.confirm(
-      '閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�',
-      '鍒犻櫎鎻愮ず', {
-        confirmButtonText: '纭',
-        cancelButtonText: '鍙栨秷',
-        type: 'warning',
-      }
-  ).then(() => {
-    tableLoading.value = true
-    paymentRegistrationDel(ids).then(res => {
-      proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛")
-      getList()
-    }).finally(() => {
-      tableLoading.value = false
-    })
-  }).catch(() => {
-    proxy.$modal.msg("宸插彇娑�")
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
   })
-}
+    .then(() => {
+      tableLoading.value = true;
+      paymentRegistrationDel(ids)
+        .then((res) => {
+          proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+          getList();
+        })
+        .finally(() => {
+          tableLoading.value = false;
+        });
+    })
+    .catch(() => {
+      proxy.$modal.msg("宸插彇娑�");
+    });
+};
 // 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� YYYY-MM-DD
 function getCurrentDate() {
   const today = new Date();
   const year = today.getFullYear();
-  const month = String(today.getMonth() + 1).padStart(2, '0'); // 鏈堜唤浠�0寮�濮�
-  const day = String(today.getDate()).padStart(2, '0');
+  const month = String(today.getMonth() + 1).padStart(2, "0"); // 鏈堜唤浠�0寮�濮�
+  const day = String(today.getDate()).padStart(2, "0");
   return `${year}-${month}-${day}`;
 }
-getList()
+getList();
 </script>
 
 <style scoped lang="scss">
-
+.table_list {
+  margin-top: unset;
+}
+::v-deep(.el-checkbox__label) {
+  font-weight: bold;
+}
 </style>

--
Gitblit v1.9.3