From e71652ca4366f9b3e413bfc996927620af8942b0 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 28 一月 2026 13:45:56 +0800
Subject: [PATCH] 进销存升级 1.供应商往来查询接口调整 2.采购报表添加导出接口联调 3.采购管理来票登记附件上传修改

---
 /dev/null                                                                    |  311 -------------------
 src/views/procurementManagement/procurementInvoiceLedger/index.vue           |  231 ++++++++++----
 src/views/salesManagement/invoiceLedger/index.vue                            |   13 
 src/views/procurementManagement/invoiceEntry/components/ExpandTable.vue      |    4 
 src/views/procurementManagement/invoiceEntry/index.vue                       |   19 
 src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue |  217 ++++++++++--
 src/views/procurementManagement/invoiceEntry/components/Modal.vue            |  122 +++----
 7 files changed, 412 insertions(+), 505 deletions(-)

diff --git a/src/views/procurementManagement/invoiceEntry/components/ExpandTable.vue b/src/views/procurementManagement/invoiceEntry/components/ExpandTable.vue
index 24a368a..d329768 100644
--- a/src/views/procurementManagement/invoiceEntry/components/ExpandTable.vue
+++ b/src/views/procurementManagement/invoiceEntry/components/ExpandTable.vue
@@ -6,6 +6,7 @@
     :tableLoading="loading"
 		:summaryMethod="summarizeChildrenTable"
 		:isShowSummary="true"
+    :isShowPagination="false"
     height="auto"
   >
   </PIMTable>
@@ -111,6 +112,9 @@
 const getList = async (id) => {
   await nextTick();
   filters.salesLedgerId = id;
+  // 璁剧疆涓�涓緢澶х殑 pageSize 浠ヨ幏鍙栨墍鏈夋暟鎹�
+  pagination.pageSize = 10000;
+  pagination.currentPage = 1;
   getTableData();
 };
 // 瀛愯〃鍚堣鏂规硶
diff --git a/src/views/procurementManagement/invoiceEntry/components/Modal.vue b/src/views/procurementManagement/invoiceEntry/components/Modal.vue
index 08aaaec..efd4a4e 100644
--- a/src/views/procurementManagement/invoiceEntry/components/Modal.vue
+++ b/src/views/procurementManagement/invoiceEntry/components/Modal.vue
@@ -96,22 +96,6 @@
 						/>
 					</el-form-item>
 				</el-col>
-				<el-col :span="12">
-					<el-form-item label="涓婁紶闄勪欢">
-						<FileUpload
-							:showTip="false"
-							accept="*"
-							:autoUpload="true"
-							:action="action"
-							:headers="{
-                Authorization: 'Bearer ' + getToken(),
-              }"
-							:limit="10"
-							@success="uploadSuccess"
-							@remove="removeFile"
-						/>
-					</el-form-item>
-				</el-col>
 			
 			</el-row>
 			<el-form-item label="浜у搧淇℃伅锛�"> </el-form-item>
@@ -149,7 +133,7 @@
 				/>
 				<el-table-column label="鏈寮�绁ㄦ暟" prop="ticketsNum" width="180">
 					<template #default="scope">
-						<el-input-number :step="0.1" :min="0" style="width: 100%"
+						<el-input-number :step="0.1" :min="0" :max="scope.row.tempFutureTickets || 0" style="width: 100%"
 														 :precision="2"
 														 v-model="scope.row.ticketsNum"
 														 @change="invoiceNumBlur(scope.row)"
@@ -205,14 +189,12 @@
 import { defineEmits } from 'vue';
 import { useModal } from "@/hooks/useModal";
 import useFormData from "@/hooks/useFormData";
-import FileUpload from "@/components/Upload/FileUpload.vue";
 import {
 	getPurchaseNoById,
 	getInfo,
 	addOrUpdateRegistration,
 } from "@/api/procurementManagement/invoiceEntry.js";
 import { getPurchaseById } from "@/api/procurementManagement/procurementLedger.js";
-import { getToken } from "@/utils/auth";
 import useUserStore from "@/store/modules/user";
 import dayjs from "dayjs";
 
@@ -221,7 +203,6 @@
 });
 
 const userStore = useUserStore();
-const action = import.meta.env.VITE_APP_BASE_API + "/file/upload";
 const formRef = ref();
 const { proxy } = getCurrentInstance();
 const { form } = useFormData({
@@ -237,7 +218,6 @@
 	salesContractNoId: undefined, // 寮�绁ㄦ棩鏈�
 	enterDate: dayjs().format("YYYY-MM-DD"),
 	productData: [], // 琛ㄦ牸
-	tempFileIds: [], // 鏂囦欢
 });
 
 const selectedContracts = ref([]); // 瀛樺偍閫変腑鐨勫悎鍚屾暟鎹�
@@ -398,10 +378,11 @@
 					result.data.productData.forEach(item => {
 						allProductData.push({
 							...item,
-							id: contractId, // 鏄庣‘璁剧疆鍚堝悓ID
+							purchaseLedgerId: contractId, // 娣诲姞鍚堝悓ID鐢ㄤ簬绛涢��
 							purchaseLedgerNo: contract.purchaseContractNumber, // 娣诲姞閲囪喘鍚堝悓鍙�
 							supplierName: contract.supplierName, // 娣诲姞渚涘簲鍟嗗悕绉�
 							projectName: contract.projectName // 娣诲姞椤圭洰鍚嶇О
+							// 淇濈暀浜у搧鏈韩鐨刬d锛屼笉瑕嗙洊
 						});
 					});
 				}
@@ -421,23 +402,29 @@
 			
 			// 璁剧疆浜у搧鏁版嵁锛屽苟鍒濆鍖栧紑绁ㄦ暟閲忓拰閲戦
 			allProductData.forEach(item => {
-				// 鏈寮�绁ㄦ暟榛樿涓烘�绘暟閲�
-				item.ticketsNum = Number(item.quantity || 0);
-				// 鏈寮�绁ㄩ噾棰濋粯璁や负鍚◣鎬讳环
-				item.ticketsAmount = Number(item.taxInclusiveTotalPrice || 0);
-				// 淇濆瓨鍘熷鏈潵绁ㄦ暟鍜岄噾棰濓紙鐢ㄤ簬璁$畻锛�
-				item.tempFutureTickets = Number(item.quantity || 0);
-				item.tempFutureTicketsAmount = Number(item.taxInclusiveTotalPrice || 0);
-				// 鏈潵绁ㄦ暟鍜岄噾棰濆垵濮嬩负0锛堝洜涓哄叏閮ㄥ紑绁級
-				item.futureTickets = 0;
-				item.futureTicketsAmount = 0;
+				// 淇濆瓨鈥滃師濮嬫湭鏉ョエ鏁�/閲戦鈥濓紙鐢ㄤ簬鏍¢獙涓庤绠楋級
+				// 浼樺厛浣跨敤鍚庣杩斿洖鐨� futureTickets/futureTicketsAmount锛涙病鏈夊垯鍥為��鍒� quantity/taxInclusiveTotalPrice
+				item.tempFutureTickets = Number(
+					item.futureTickets !== undefined ? item.futureTickets : (item.quantity || 0)
+				);
+				item.tempFutureTicketsAmount = Number(
+					item.futureTicketsAmount !== undefined ? item.futureTicketsAmount : (item.taxInclusiveTotalPrice || 0)
+				);
+
+				// 鏂板鏃讹細鏈寮�绁ㄩ粯璁や笉濉紙0锛夛紝閬垮厤涓�鎵撳紑灏辨妸鈥滄湭鏉ョエ鏁扳�濇墸鎴� 0
+				item.ticketsNum = 0;
+				item.ticketsAmount = 0;
+
+				// 椤甸潰灞曠ず鐨勨�滄湭鏉ョエ鏁�/鏈潵绁ㄩ噾棰濃�濋粯璁ゅ睍绀哄師濮嬫湭鏉ュ��
+				item.futureTickets = item.tempFutureTickets;
+				item.futureTicketsAmount = item.tempFutureTicketsAmount;
 			});
 			
 			form.productData = allProductData;
 			
-			// 璁$畻鍙戠エ閲戦锛氭墍鏈変骇鍝佺殑鍚◣鎬讳环涔嬪拰
+			// 璁$畻鍙戠エ閲戦锛氭墍鏈変骇鍝佺殑鏈寮�绁ㄩ噾棰濅箣鍜岋紙鏂板榛樿 0锛�
 			const totalAmount = allProductData.reduce((sum, item) => {
-				return sum + (Number(item.taxInclusiveTotalPrice) || 0);
+				return sum + (Number(item.ticketsAmount) || 0);
 			}, 0);
 			form.invoiceAmount = totalAmount.toFixed(2);
 			
@@ -476,9 +463,8 @@
 		row.ticketsNum = 0;
 	}
 	if (Number(row.ticketsNum) > Number(row.tempFutureTickets)) {
-		proxy.$modal.msgWarning("鏈寮�绁ㄦ暟涓嶅緱澶т簬鏈紑绁ㄦ暟");
-		row.ticketsNum = 0;
-		return;
+		proxy.$modal.msgWarning("鏈寮�绁ㄦ暟涓嶈兘澶т簬鏈潵绁ㄦ暟");
+		row.ticketsNum = Number(row.tempFutureTickets || 0);
 	}
 	// 璁$畻鏈鏉ョエ閲戦
 	row.ticketsAmount = (row.ticketsNum * row.taxInclusiveUnitPrice).toFixed(2)
@@ -497,12 +483,19 @@
 	// 璁$畻鏄惁瓒呰繃鏉ョエ鎬婚噾棰�
 	if (row.ticketsAmount > row.tempFutureTicketsAmount) {
 		proxy.$modal.msgWarning("鏈鏉ョエ閲戦涓嶅緱澶т簬鏈潵绁ㄩ噾棰�");
-		row.ticketsAmount = 0;
+		row.ticketsAmount = Number(row.tempFutureTicketsAmount || 0);
 	}
 	// 璁$畻鏈鏉ョエ鏁�
 	row.ticketsNum = Number(
 		(row.ticketsAmount / row.taxInclusiveUnitPrice).toFixed(2)
 	);
+	// 妫�鏌ユ湰娆″紑绁ㄦ暟鏄惁澶т簬鏈潵绁ㄦ暟
+	if (Number(row.ticketsNum) > Number(row.tempFutureTickets)) {
+		proxy.$modal.msgWarning("鏈寮�绁ㄦ暟涓嶈兘澶т簬鏈潵绁ㄦ暟");
+		row.ticketsNum = Number(row.tempFutureTickets || 0);
+		// 閲嶆柊璁$畻鏈鏉ョエ閲戦
+		row.ticketsAmount = (row.ticketsNum * row.taxInclusiveUnitPrice).toFixed(2);
+	}
 	// 璁$畻鏈潵绁ㄦ暟
 	row.futureTickets = (row.tempFutureTickets - row.ticketsNum).toFixed(2)
 	// 璁$畻鏈潵绁ㄩ噾棰�
@@ -539,15 +532,6 @@
 	await getTableData(type, selectedRows);
 };
 
-const uploadSuccess = (response) => {
-	form.tempFileIds.push(response.data.tempId);
-	console.log(form);
-};
-
-const removeFile = (file) => {
-	const { tempId } = file.response.data;
-	form.tempFileIds = form.tempFileIds.filter((item) => item !== tempId);
-};
 
 const closeAndRefresh = () => {
 	closeModal();
@@ -563,22 +547,21 @@
 				const batchData = selectedContracts.value.map(contract => {
 					// 绛涢�夊嚭灞炰簬褰撳墠鍚堝悓鐨勪骇鍝佹暟鎹�
 					const contractProductData = form.productData.filter(item =>
-						item.id === contract.id
+						item.purchaseLedgerId === contract.id
 					);
 					
 					// 涓烘瘡涓噰璐悎鍚屽垱寤虹嫭绔嬬殑瀵硅薄
 					return {
-						// 鍩虹琛ㄥ崟鏁版嵁
-						invoiceNumber: form.invoiceNumber,
-						invoiceAmount: form.invoiceAmount,
-						entryDate: form.entryDate,
-						enterDate: form.enterDate,
-						issUerId: form.issUerId, // 褰曞叆浜篿d
-						issUer: form.issUer, // 褰曞叆浜�
-						tempFileIds: form.tempFileIds,
-						
-						// 鍚堝悓瀹為檯淇℃伅
-						purchaseLedgerId: contract.id, // 浣跨敤id浣滀负瀛楁鍚嶏紝鍊间负purchaseLedgerId
+					// 鍩虹琛ㄥ崟鏁版嵁
+					invoiceNumber: form.invoiceNumber,
+					invoiceAmount: form.invoiceAmount,
+					entryDate: form.entryDate,
+					enterDate: form.enterDate,
+					issUerId: form.issUerId, // 褰曞叆浜篿d
+					issUer: form.issUer, // 褰曞叆浜�
+					
+					// 鍚堝悓瀹為檯淇℃伅
+					purchaseLedgerId: contract.id, // 浣跨敤id浣滀负瀛楁鍚嶏紝鍊间负purchaseLedgerId
 						purchaseContractNumber: contract.purchaseContractNumber, // 浣跨敤瀹為檯鐨勯噰璐悎鍚屽彿
 						salesContractNo: contract.salesContractNo, // 浣跨敤瀹為檯鐨勯攢鍞悎鍚屽彿
 						supplierName: contract.supplierName, // 浣跨敤瀹為檯鐨勪緵搴斿晢鍚嶇О
@@ -609,17 +592,16 @@
 					// 鍗曚釜鍚堝悓鎻愪氦閫昏緫 - 浠ユ暟缁勬牸寮忎紶閫�
 					const singleContract = selectedContracts.value[0];
 					const singleFormArray = [{
-						// 鍩虹琛ㄥ崟鏁版嵁
-						invoiceNumber: form.invoiceNumber,
-						invoiceAmount: form.invoiceAmount,
-						entryDate: form.entryDate,
-						enterDate: form.enterDate,
-						issUerId: form.issUerId, // 褰曞叆浜篿d
-						issUer: form.issUer, // 褰曞叆浜�
-						tempFileIds: form.tempFileIds,
-						
-						// 鍚堝悓瀹為檯淇℃伅
-						purchaseLedgerId: singleContract.id, // 浣跨敤id浣滀负瀛楁鍚嶏紝鍊间负purchaseLedgerId
+					// 鍩虹琛ㄥ崟鏁版嵁
+					invoiceNumber: form.invoiceNumber,
+					invoiceAmount: form.invoiceAmount,
+					entryDate: form.entryDate,
+					enterDate: form.enterDate,
+					issUerId: form.issUerId, // 褰曞叆浜篿d
+					issUer: form.issUer, // 褰曞叆浜�
+					
+					// 鍚堝悓瀹為檯淇℃伅
+					purchaseLedgerId: singleContract.id, // 浣跨敤id浣滀负瀛楁鍚嶏紝鍊间负purchaseLedgerId
 						purchaseContractNumber: singleContract.purchaseContractNumber, // 浣跨敤瀹為檯鐨勯噰璐悎鍚屽彿
 						salesContractNo: singleContract.salesContractNo, // 浣跨敤瀹為檯鐨勯攢鍞悎鍚屽彿
 						supplierName: singleContract.supplierName, // 浣跨敤瀹為檯鐨勪緵搴斿晢鍚嶇О
diff --git a/src/views/procurementManagement/invoiceEntry/index.vue b/src/views/procurementManagement/invoiceEntry/index.vue
index 3719ffe..11a6b4b 100644
--- a/src/views/procurementManagement/invoiceEntry/index.vue
+++ b/src/views/procurementManagement/invoiceEntry/index.vue
@@ -68,9 +68,8 @@
         </template>
         <template #operation="{ row }">
           <el-button
-            text
+            link
             type="primary"
-            size="small"
             @click="handleEdit('edit', row.id)"
           >
             缂栬緫
@@ -168,14 +167,14 @@
         return val ? parseFloat(val).toFixed(2) : 0;
       },
     },
-    // {
-    //   fixed: "right",
-    //   label: "鎿嶄綔",
-    //   dataType: "slot",
-    //   slot: "operation",
-    //   align: "center",
-    //   width: "200px",
-    // },
+    {
+      fixed: "right",
+      label: "鎿嶄綔",
+      dataType: "slot",
+      slot: "operation",
+      align: "center",
+      width: 100,
+    },
   ]
 );
 
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/Form/EditForm.vue b/src/views/procurementManagement/procurementInvoiceLedger/Form/EditForm.vue
deleted file mode 100644
index 7f8b852..0000000
--- a/src/views/procurementManagement/procurementInvoiceLedger/Form/EditForm.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<template>
-  <el-form :model="form">
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="閲囪喘鍚堝悓鍙凤細">
-          <el-tag size="large">{{ form.purchaseContractNumber }}</el-tag>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="閿�鍞悎鍚屽彿锛�">
-          <el-text>{{ form.salesContractNo }}</el-text>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="鍚◣鍗曚环(鍏�)锛�">
-          <el-text type="primary">{{ form.taxInclusiveUnitPrice }}</el-text>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="鍒涘缓鏃堕棿锛�">
-          <el-text>{{ form.createdAt }}</el-text>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="鍙戠エ鍙凤細">
-          <el-input disabled
-                    v-model="form.invoiceNumber" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="鏉ョエ鏁帮細">
-          <el-input-number :step="0.1"
-                           :min="0"
-                           style="width: 100%"
-                           v-model="form.ticketsNum"
-                           @change="inputTicketsNum"
-                           :precision="2" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="鏈鏉ョエ閲戦(鍏�)锛�">
-          <el-input-number :step="0.1"
-                           :min="0"
-                           style="width: 100%"
-                           v-model="form.ticketsAmount"
-                           @change="inputTicketsAmount"
-                           :precision="2" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="鏈潵绁ㄦ暟锛�">
-          <el-text type="success">{{ form.futureTickets }}</el-text>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script setup>
-  import useFormData from "@/hooks/useFormData";
-  import { getProductRecordById } from "@/api/procurementManagement/procurementInvoiceLedger";
-  const { proxy } = getCurrentInstance();
-
-  defineOptions({
-    name: "鏉ョエ鍙拌处琛ㄥ崟",
-  });
-  const temFutureTickets = ref(0);
-  const { form, resetForm } = useFormData({
-    id: undefined,
-    purchaseContractNumber: undefined, // 閲囪喘鍚堝悓鍙�
-    salesContractNo: undefined, // 閿�鍞悎鍚屽彿
-    createdAt: undefined, // 鍒涘缓鏃堕棿
-    invoiceNumber: undefined, // 鍙戠エ鍙�
-    ticketsNum: undefined, // 鏉ョエ鏁�
-    ticketsAmount: undefined, // 鏉ョエ閲戦
-    taxInclusiveUnitPrice: undefined, // 鍚◣鍗曚环
-  });
-
-  const load = async (id, purchaseLedgerId, productModelId) => {
-    const { code, data } = await getProductRecordById({
-      id: id,
-      purchaseLedgerId: purchaseLedgerId,
-      productModelId: productModelId,
-    });
-    if (code === 200) {
-      form.id = data.id;
-      form.purchaseContractNumber = data.purchaseContractNumber;
-      form.salesContractNo = data.salesContractNo;
-      form.createdAt = data.createdAt;
-      form.invoiceNumber = data.invoiceNumber;
-      form.ticketsNum = data.ticketsNum;
-      form.ticketsAmount = data.ticketsAmount.toFixed(2);
-      form.taxInclusiveUnitPrice = data.taxInclusiveUnitPrice;
-      form.futureTickets = data.futureTickets;
-      temFutureTickets.value = data.futureTickets;
-    }
-  };
-
-  const inputTicketsNum = val => {
-    // 纭繚鍚◣鍗曚环瀛樺湪涓斾笉涓洪浂
-    if (!form.taxInclusiveUnitPrice || Number(form.taxInclusiveUnitPrice) === 0) {
-      proxy.$modal.msgWarning("鍚◣鍗曚环涓嶈兘涓洪浂鎴栨湭瀹氫箟");
-      return;
-    }
-    if (Number(form.ticketsNum) > Number(temFutureTickets.value)) {
-      proxy.$modal.msgWarning("寮�绁ㄦ暟涓嶅緱澶т簬鏈紑绁ㄦ暟");
-      form.ticketsNum = temFutureTickets.value;
-    }
-
-    // 纭繚鎵�鏈夋暟鍊奸兘杞崲涓烘暟瀛楃被鍨嬭繘琛岃绠�
-    const ticketsAmount =
-      Number(form.ticketsNum) * Number(form.taxInclusiveUnitPrice);
-    const futureTickets =
-      Number(temFutureTickets.value) - Number(form.ticketsNum);
-    form.futureTickets = Number(futureTickets.toFixed(2));
-    form.ticketsAmount = Number(ticketsAmount.toFixed(2));
-  };
-  const inputTicketsAmount = val => {
-    // 纭繚鍚◣鍗曚环瀛樺湪涓斾笉涓洪浂
-    if (!form.taxInclusiveUnitPrice || Number(form.taxInclusiveUnitPrice) === 0) {
-      proxy.$modal.msgWarning("鍚◣鍗曚环涓嶈兘涓洪浂鎴栨湭瀹氫箟");
-      return;
-    }
-
-    if (Number(val) > Number(form.futureTickets * form.taxInclusiveUnitPrice)) {
-      proxy.$modal.msgWarning("鏈鏉ョエ閲戦涓嶅緱澶т簬鎬婚噾棰�");
-      form.ticketsAmount = (
-        form.futureTickets * form.taxInclusiveUnitPrice
-      ).toFixed(2);
-      const ticketsNum =
-        Number(form.ticketsAmount) / Number(form.taxInclusiveUnitPrice);
-      form.ticketsNum = Number(ticketsNum.toFixed(2));
-      return;
-    }
-
-    // 纭繚鎵�鏈夋暟鍊奸兘杞崲涓烘暟瀛楃被鍨嬭繘琛岃绠�
-    const ticketsNum = Number(val) / Number(form.taxInclusiveUnitPrice);
-    form.ticketsNum = Number(ticketsNum.toFixed(2));
-  };
-
-  defineExpose({
-    load,
-    form,
-    resetForm,
-  });
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue b/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue
index 68f3650..9794bb4 100644
--- a/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue
+++ b/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue
@@ -2,7 +2,61 @@
   <el-dialog :title="modalOptions.title"
              v-model="visible"
              @close="close">
-    <EditForm ref="editFormRef" />
+    <el-form :model="form">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="閲囪喘鍚堝悓鍙凤細">
+            <el-tag size="large">{{ form.purchaseContractNumber }}</el-tag>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="閿�鍞悎鍚屽彿锛�">
+            <el-text>{{ form.salesContractNo }}</el-text>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="鍚◣鍗曚环(鍏�)锛�">
+            <el-text type="primary">{{ form.taxInclusiveUnitPrice }}</el-text>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="鍒涘缓鏃堕棿锛�">
+            <el-text>{{ form.createdAt }}</el-text>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="鍙戠エ鍙凤細">
+            <el-input disabled
+                      v-model="form.invoiceNumber" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="鏉ョエ鏁帮細">
+            <el-input-number :step="0.1"
+                             :min="0"
+                             style="width: 100%"
+                             v-model="form.ticketsNum"
+                             @change="inputTicketsNum"
+                             :precision="2" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="鏈鏉ョエ閲戦(鍏�)锛�">
+            <el-input-number :step="0.1"
+                             :min="0"
+                             style="width: 100%"
+                             v-model="form.ticketsAmount"
+                             @change="inputTicketsAmount"
+                             :precision="2" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="鏈潵绁ㄦ暟锛�">
+            <el-text type="success">{{ form.futureTickets }}</el-text>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
     <template #footer>
       <el-button type="primary"
                  :loading="loading"
@@ -15,52 +69,131 @@
 </template>
 
 <script setup>
-  import { useModal } from "@/hooks/useModal";
-  import EditForm from "../Form/EditForm.vue";
-  import { updateRegistration } from "@/api/procurementManagement/procurementInvoiceLedger";
-  import { ElMessage } from "element-plus";
+import { useModal } from "@/hooks/useModal";
+import useFormData from "@/hooks/useFormData";
+import { updateRegistration, getProductRecordById } from "@/api/procurementManagement/procurementInvoiceLedger";
+import { ElMessage } from "element-plus";
+import { getCurrentInstance, ref, nextTick } from "vue";
 
-  defineOptions({
-    name: "鏉ョエ鍙拌处缂栬緫",
+defineOptions({
+  name: "鏉ョエ鍙拌处缂栬緫",
+});
+const emits = defineEmits(["success"]);
+
+const saleLedgerProjectId = ref("");
+const temFutureTickets = ref(0);
+const { proxy } = getCurrentInstance();
+
+const {
+  id,
+  visible,
+  loading,
+  openModal,
+  modalOptions,
+  handleConfirm,
+  closeModal,
+} = useModal({ title: "鏉ョエ鍙拌处" });
+
+const { form, resetForm } = useFormData({
+  id: undefined,
+  purchaseContractNumber: undefined, // 閲囪喘鍚堝悓鍙�
+  salesContractNo: undefined, // 閿�鍞悎鍚屽彿
+  createdAt: undefined, // 鍒涘缓鏃堕棿
+  invoiceNumber: undefined, // 鍙戠エ鍙�
+  ticketsNum: undefined, // 鏉ョエ鏁�
+  ticketsAmount: undefined, // 鏉ョエ閲戦
+  taxInclusiveUnitPrice: undefined, // 鍚◣鍗曚环
+  futureTickets: undefined, // 鏈潵绁ㄦ暟
+});
+
+const load = async (id, purchaseLedgerId, productModelId) => {
+  const { code, data } = await getProductRecordById({
+    id: id,
+    purchaseLedgerId: purchaseLedgerId,
+    productModelId: productModelId,
   });
-  const emits = defineEmits(["success"]);
+  if (code === 200) {
+    form.id = data.id;
+    form.purchaseContractNumber = data.purchaseContractNumber;
+    form.salesContractNo = data.salesContractNo;
+    form.createdAt = data.createdAt;
+    form.invoiceNumber = data.invoiceNumber;
+    form.ticketsNum = data.ticketsNum;
+    form.ticketsAmount = data.ticketsAmount.toFixed(2);
+    form.taxInclusiveUnitPrice = data.taxInclusiveUnitPrice;
+    form.futureTickets = data.futureTickets;
+    temFutureTickets.value = data.futureTickets;
+  }
+};
 
-  const saleLedgerProjectId = ref("");
-  const editFormRef = ref();
-  const {
-    id,
-    visible,
-    loading,
-    openModal,
-    modalOptions,
-    handleConfirm,
-    closeModal,
-  } = useModal({ title: "鏉ョエ鍙拌处" });
+const inputTicketsNum = val => {
+  // 纭繚鍚◣鍗曚环瀛樺湪涓斾笉涓洪浂
+  if (!form.taxInclusiveUnitPrice || Number(form.taxInclusiveUnitPrice) === 0) {
+    proxy.$modal.msgWarning("鍚◣鍗曚环涓嶈兘涓洪浂鎴栨湭瀹氫箟");
+    return;
+  }
+  if (Number(form.ticketsNum) > Number(temFutureTickets.value)) {
+    proxy.$modal.msgWarning("寮�绁ㄦ暟涓嶅緱澶т簬鏈紑绁ㄦ暟");
+    form.ticketsNum = temFutureTickets.value;
+  }
 
-  const open = async row => {
-    openModal(row.id);
-    saleLedgerProjectId.value = row.saleLedgerProjectId;
-    await nextTick();
-    editFormRef.value.load(row.id, row.purchaseLedgerId, row.productModelId);
-  };
+  // 纭繚鎵�鏈夋暟鍊奸兘杞崲涓烘暟瀛楃被鍨嬭繘琛岃绠�
+  const ticketsAmount =
+    Number(form.ticketsNum) * Number(form.taxInclusiveUnitPrice);
+  const futureTickets =
+    Number(temFutureTickets.value) - Number(form.ticketsNum);
+  form.futureTickets = Number(futureTickets.toFixed(2));
+  form.ticketsAmount = Number(ticketsAmount.toFixed(2));
+};
 
-  const close = () => {
-    editFormRef.value.resetForm();
-    closeModal();
-  };
+const inputTicketsAmount = val => {
+  // 纭繚鍚◣鍗曚环瀛樺湪涓斾笉涓洪浂
+  if (!form.taxInclusiveUnitPrice || Number(form.taxInclusiveUnitPrice) === 0) {
+    proxy.$modal.msgWarning("鍚◣鍗曚环涓嶈兘涓洪浂鎴栨湭瀹氫箟");
+    return;
+  }
 
-  const sendForm = async () => {
-    const form = editFormRef.value.form;
-    form.saleLedgerProjectId = saleLedgerProjectId.value;
-    const { code } = await updateRegistration(form);
-    if (code === 200) {
-      emits("success");
-      ElMessage({ message: "鎿嶄綔鎴愬姛", type: "success" });
-      close();
-    }
-  };
+  if (Number(val) > Number(form.futureTickets * form.taxInclusiveUnitPrice)) {
+    proxy.$modal.msgWarning("鏈鏉ョエ閲戦涓嶅緱澶т簬鎬婚噾棰�");
+    form.ticketsAmount = (
+      form.futureTickets * form.taxInclusiveUnitPrice
+    ).toFixed(2);
+    const ticketsNum =
+      Number(form.ticketsAmount) / Number(form.taxInclusiveUnitPrice);
+    form.ticketsNum = Number(ticketsNum.toFixed(2));
+    return;
+  }
 
-  defineExpose({
-    open,
-  });
+  // 纭繚鎵�鏈夋暟鍊奸兘杞崲涓烘暟瀛楃被鍨嬭繘琛岃绠�
+  const ticketsNum = Number(val) / Number(form.taxInclusiveUnitPrice);
+  form.ticketsNum = Number(ticketsNum.toFixed(2));
+};
+
+const open = async row => {
+  openModal(row.id);
+  saleLedgerProjectId.value = row.saleLedgerProjectId;
+  await nextTick();
+  load(row.id, row.purchaseLedgerId, row.productModelId);
+};
+
+const close = () => {
+  resetForm();
+  closeModal();
+};
+
+const sendForm = async () => {
+  form.saleLedgerProjectId = saleLedgerProjectId.value;
+  const { code } = await updateRegistration(form);
+  if (code === 200) {
+    emits("success");
+    ElMessage({ message: "鎿嶄綔鎴愬姛", type: "success" });
+    close();
+  }
+};
+
+defineExpose({
+  open,
+});
 </script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
index b33e3e4..b90ef0d 100644
--- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue
+++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
@@ -58,36 +58,24 @@
         @selection-change="handleSelectionChange"
         @pagination="changePage"
       >
-        <template #commonFilesRef="{ row }">
-          <el-dropdown @command="(command) => handleCommand(command, row)">
-            <el-button link :icon="Files" type="danger"> 闄勪欢 </el-button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item
-                  v-if="row.commonFiles.length !== 0"
-                  :icon="Download"
-                  command="download"
-                >
-                  涓嬭浇
-                </el-dropdown-item>
-                <el-dropdown-item :icon="Upload" command="upload">
-                  涓婁紶
-                </el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </template>
         <template #operation="{ row }">
           <el-button
             type="primary"
-            text
+            link
+            @click="downLoadFile(row)"
+          >
+            闄勪欢
+          </el-button>
+          <el-button
+            type="primary"
+            link
             @click="openEdit(row)"
           >
             缂栬緫
           </el-button>
           <el-button
             type="primary"
-            text
+            link
             @click="handleDelete(row)"
           >
             鍒犻櫎
@@ -95,7 +83,16 @@
         </template>
       </PIMTable>
     </div>
-    <UploadModal ref="modalRef" @uploadSuccess="uploadSuccess"></UploadModal>
+    <FileListDialog 
+      ref="fileListRef" 
+      v-model="fileListDialogVisible"
+      title="闄勪欢鍒楄〃"
+      :showUploadButton="true"
+      :showDeleteButton="true"
+      :deleteMethod="handleDeleteFile"
+      :uploadMethod="handleFileUpload"
+      :rulesRegulationsManagementId="currentRowId"
+    />
     <EditModal ref="editmodalRef" @success="getTableData"></EditModal>
   </div>
 </template>
@@ -104,31 +101,30 @@
 import { ref, getCurrentInstance } from "vue";
 import { usePaginationApi } from "@/hooks/usePaginationApi";
 import {
-  Files,
-  Download,
-  Search,
-  Upload,
-  EditPen,
+	Search,
 } from "@element-plus/icons-vue";
 import {
 	delRegistration,
 	productRecordPage,
-	productUploadFile,
+	delCommonFile,
 } from "@/api/procurementManagement/procurementInvoiceLedger.js";
+import request from "@/utils/request";
+import { getToken } from "@/utils/auth";
 import { onMounted } from "vue";
 import { ElMessageBox } from "element-plus";
-import UploadModal from "./Modal/UploadModal.vue";
 import EditModal from "./Modal/EditModal.vue";
+import FileListDialog from '@/components/Dialog/FileListDialog.vue';
 import useUserStore from "@/store/modules/user.js";
-import {delInvoiceLedgerByRegProductId} from "@/api/salesManagement/invoiceLedger.js";
 const userStore = useUserStore();
 
 defineOptions({
   name: "鏉ョエ鍙拌处",
 });
 
-const modalRef = ref();
 const editmodalRef = ref();
+const fileListRef = ref(null);
+const fileListDialogVisible = ref(false);
+const currentRowId = ref(null); // 褰撳墠鏌ョ湅闄勪欢鐨勮ID
 
 const { proxy } = getCurrentInstance();
 const multipleVal = ref([]);
@@ -219,17 +215,8 @@
       width: 200,
     },
     {
-      label: "闄勪欢",
-      align: "center",
-      prop: "commonFiles",
-      dataType: "slot",
-			fixed: "right",
-      slot: "commonFilesRef",
-      width: 120,
-    },
-    {
       fixed: "right",
-      width: 150,
+      width: 200,
       label: "鎿嶄綔",
       dataType: "slot",
       slot: "operation",
@@ -281,48 +268,152 @@
     });
 };
 
-const handleFiles = (fileList) => {
-  fileList.forEach((e) => {
-    proxy.$download.name(e.url);
-  });
-};
-
 const changePage = ({ page, limit }) => {
   pagination.currentPage = page;
 	pagination.pageSize = limit;
   onCurrentChange(page);
 };
 
-const handleCommand = (command, row) => {
-  switch (command) {
-    case "download":
-      handleFiles(row.commonFiles);
-      break;
-    case "upload":
-      console.log(row.commonFiles);
-      openUoload(row.ticketRegistrationId);
-      break;
+const downLoadFile = row => {
+  currentRowId.value = row.id;
+  if (fileListRef.value) {
+    fileListRef.value.open(row.commonFiles || []);
   }
 };
 
-const openUoload = (id) => {
-  modalRef.value.handleImport(id);
+// 涓婁紶闄勪欢锛堣嚜瀹氫箟涓婁紶鏂规硶锛�
+const handleFileUpload = async () => {
+  if (!currentRowId.value) {
+    proxy.$modal.msgWarning("缂哄皯鐧昏ID锛屾棤娉曚繚瀛橀檮浠�");
+    return;
+  }
+  
+  return new Promise((resolve) => {
+    // 鍒涘缓涓�涓殣钘忕殑鏂囦欢杈撳叆鍏冪礌
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.style.display = 'none';
+    input.onchange = async (e) => {
+      const file = e.target.files[0];
+      if (!file) {
+        resolve(null);
+        return;
+      }
+      
+      try {
+        // 浣跨敤 FormData 涓婁紶鏂囦欢
+        const formData = new FormData();
+        formData.append('file', file);
+        formData.append('type', '4'); // type 鍙傛暟锛岀敤鎴锋湭鎸囧畾鍏蜂綋鍊硷紝鍏堜紶绌哄瓧绗︿覆
+        formData.append('id', currentRowId.value); // 褰撳墠琛岀殑 id
+        
+        const uploadRes = await request({
+          url: '/file/uploadByCommon',
+          method: 'post',
+          data: formData,
+          headers: {
+            'Content-Type': 'multipart/form-data',
+            Authorization: `Bearer ${getToken()}`
+          }
+        });
+        
+        if (uploadRes.code === 200) {
+          proxy.$modal.msgSuccess("闄勪欢涓婁紶鎴愬姛");
+          
+          // 鍒锋柊鍒楄〃鑾峰彇鏈�鏂版暟鎹�
+          await new Promise((resolveRefresh) => {
+            // 璋冪敤 API 鑾峰彇鏈�鏂板垪琛ㄦ暟鎹�
+            productRecordPage({
+              ...filters,
+              current: pagination.currentPage,
+              size: pagination.pageSize
+            }).then(({ code, data }) => {
+              if (code === 200) {
+                // 鏇存柊鏁版嵁鍒楄〃
+                dataList.value = data.records;
+                pagination.total = data.total;
+                
+                // 浠庡閮ㄦ暟鎹幏鍙� commonFiles
+                const currentRow = dataList.value.find(row => row.id === currentRowId.value);
+                if (currentRow && fileListRef.value) {
+                  // 鍒锋柊闄勪欢鍒楄〃锛屼娇鐢ㄤ粠澶栭儴鑾峰彇鐨勬渶鏂� commonFiles
+                  fileListRef.value.open(currentRow.commonFiles || []);
+                }
+                resolveRefresh();
+              } else {
+                resolveRefresh();
+              }
+            }).catch(() => {
+              resolveRefresh();
+            });
+          });
+          
+          resolve({
+            name: uploadRes.data?.originalName || file.name,
+            url: uploadRes.data?.tempPath || uploadRes.data?.url,
+            id: uploadRes.data?.id
+          });
+        } else {
+          proxy.$modal.msgError(uploadRes.msg || "鏂囦欢涓婁紶澶辫触");
+          resolve(null);
+        }
+      } catch (error) {
+        console.error("闄勪欢涓婁紶澶辫触:", error);
+        proxy.$modal.msgError("闄勪欢涓婁紶澶辫触");
+        resolve(null);
+      } finally {
+        document.body.removeChild(input);
+      }
+    };
+    
+    document.body.appendChild(input);
+    input.click();
+  });
+};
+
+// 鍒犻櫎闄勪欢
+const handleDeleteFile = async (file) => {
+  try {
+    await delCommonFile([file.id]);
+    proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+    
+    // 鍒锋柊鍒楄〃鑾峰彇鏈�鏂版暟鎹�
+    await new Promise((resolveRefresh) => {
+      // 璋冪敤 API 鑾峰彇鏈�鏂板垪琛ㄦ暟鎹�
+      productRecordPage({
+        ...filters,
+        current: pagination.currentPage,
+        size: pagination.pageSize
+      }).then(({ code, data }) => {
+        if (code === 200) {
+          // 鏇存柊鏁版嵁鍒楄〃
+          dataList.value = data.records;
+          pagination.total = data.total;
+          
+          // 浠庡閮ㄦ暟鎹幏鍙� commonFiles
+          const currentRow = dataList.value.find(row => row.id === currentRowId.value);
+          if (currentRow && fileListRef.value) {
+            // 鍒锋柊闄勪欢鍒楄〃锛屼娇鐢ㄤ粠澶栭儴鑾峰彇鐨勬渶鏂� commonFiles
+            fileListRef.value.open(currentRow.commonFiles || []);
+          }
+          resolveRefresh();
+        } else {
+          resolveRefresh();
+        }
+      }).catch(() => {
+        resolveRefresh();
+      });
+    });
+    
+    return true;
+  } catch (error) {
+    proxy.$modal.msgError("鍒犻櫎澶辫触");
+    return false;
+  }
 };
 
 const openEdit = (row) => {
   editmodalRef.value.open(row);
-};
-
-// 涓婁紶鎴愬姛鍚庡仛浠�涔�
-const uploadSuccess = async (data) => {
-  const { code } = await productUploadFile({
-    ticketRegistrationId: data.id,
-    tempFileIds: data.tempFileIds,
-  });
-  if (code === 200) {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-    getTableData();
-  }
 };
 // 鍒犻櫎
 const handleDelete = (row) => {
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/indexOld.vue b/src/views/procurementManagement/procurementInvoiceLedger/indexOld.vue
deleted file mode 100644
index 987e6a4..0000000
--- a/src/views/procurementManagement/procurementInvoiceLedger/indexOld.vue
+++ /dev/null
@@ -1,311 +0,0 @@
-<template>
-  <div class="app-container">
-    <div class="search_form">
-      <div>
-        <span class="search_title">閲囪喘鍚堝悓鍙凤細</span>
-        <el-input
-          v-model="searchForm.purchaseContractNumber"
-          style="width: 240px"
-          placeholder="璇疯緭鍏�"
-          @change="handleQuery"
-          clearable
-          :prefix-icon="Search"
-        />
-        <span class="search_title" style="margin-left: 10px">渚涘簲鍟嗭細</span>
-        <el-input
-          v-model="searchForm.supplierName"
-          style="width: 240px"
-          placeholder="璇疯緭鍏�"
-          @change="handleQuery"
-          clearable
-          :prefix-icon="Search"
-        />
-        <span class="search_title" style="margin-left: 10px">鏉ョエ鏃ユ湡锛�</span>
-        <el-date-picker
-          style="width: 240px"
-          v-model="searchForm.issueDate"
-          value-format="YYYY-MM-DD"
-          format="YYYY-MM-DD"
-          type="daterange"
-          start-placeholder="寮�濮嬫椂闂�"
-          end-placeholder="缁撴潫鏃堕棿"
-          clearable
-          @change="changeDateRange"
-          @clear="clearRange"
-        />
-        <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
-          >鎼滅储</el-button
-        >
-      </div>
-      <div>
-        <el-button @click="handleOut">瀵煎嚭</el-button>
-      </div>
-    </div>
-    <div class="table_list">
-      <el-table
-        :data="tableData"
-        border
-        v-loading="tableLoading"
-        :expand-row-keys="expandedRowKeys"
-        :row-key="(row) => row.id"
-        show-summary
-        :summary-method="summarizeMainTable"
-        @expand-change="expandChange"
-        height="calc(100vh - 18.5em)"
-      >
-        <el-table-column align="center" label="搴忓彿" type="index" width="55" />
-        <el-table-column type="expand">
-          <template #default="props">
-            <el-table
-              :data="props.row.children"
-              border
-              show-summary
-              :summary-method="summarizeChildrenTable"
-            >
-              <el-table-column
-                align="center"
-                label="搴忓彿"
-                type="index"
-                width="60"
-              />
-              <el-table-column label="浜у搧澶х被" prop="productCategory" />
-              <el-table-column label="瑙勬牸鍨嬪彿" prop="specificationModel" />
-              <el-table-column label="鍗曚綅" prop="unit" />
-              <el-table-column label="鏁伴噺" prop="quantity" />
-              <el-table-column label="绋庣巼(%)" prop="taxRate" />
-              <el-table-column
-                label="鍚◣鍗曚环(鍏�)"
-                prop="taxInclusiveUnitPrice"
-                :formatter="formattedNumber"
-              />
-              <el-table-column
-                label="鍚◣鎬讳环(鍏�)"
-                prop="taxInclusiveTotalPrice"
-                :formatter="formattedNumber"
-              />
-              <el-table-column
-                label="涓嶅惈绋庢�讳环(鍏�)"
-                prop="taxExclusiveTotalPrice"
-                :formatter="formattedNumber"
-              />
-              <el-table-column label="鏈鏉ョエ鏁�" prop="ticketsNum" />
-              <el-table-column
-                label="鏈鏉ョエ閲戦(鍏�)"
-                prop="ticketsAmount"
-                :formatter="formattedNumber"
-              />
-              <el-table-column label="鏈潵绁ㄦ暟" prop="futureTickets" />
-              <el-table-column
-                label="鏈潵绁ㄩ噾棰�(鍏�)"
-                prop="futureTicketsAmount"
-                :formatter="formattedNumber"
-              />
-            </el-table>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="閲囪喘鍚堝悓鍙�"
-          prop="purchaseContractNumber"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="閿�鍞悎鍚屽彿"
-          prop="salesContractNo"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="渚涘簲鍟嗗悕绉�"
-          prop="supplierName"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="鍙戠エ鍙�"
-          prop="invoiceNumber"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="鍚堝悓閲戦(鍏�)"
-          prop="invoiceAmount"
-          show-overflow-tooltip
-          :formatter="formattedNumber"
-        />
-        <el-table-column label="寮�绁ㄤ汉" prop="issUer" show-overflow-tooltip />
-        <el-table-column
-          label="寮�绁ㄦ棩鏈�"
-          prop="issueDate"
-          show-overflow-tooltip
-        />
-      </el-table>
-      <pagination
-        v-show="total > 0"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        :page="page.current"
-        :limit="page.size"
-        @pagination="paginationChange"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import pagination from "@/components/PIMTable/Pagination.vue";
-import { ref } from "vue";
-import { Search } from "@element-plus/icons-vue";
-import { ElMessageBox } from "element-plus";
-import {
-  invoiceListPage,
-  productRecordList,
-} from "@/api/procurementManagement/procurementInvoiceLedger.js";
-import dayjs from "dayjs";
-
-const { proxy } = getCurrentInstance();
-const tableData = ref([]);
-const tableLoading = ref(false);
-const page = reactive({
-  current: 1,
-  size: 100,
-});
-const total = ref(0);
-// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
-const data = reactive({
-  searchForm: {
-    purchaseContractNumber: "",
-    supplierName: "",
-    issueDate: [
-      dayjs().startOf("month").format("YYYY-MM-DD"),
-      dayjs().endOf("month").format("YYYY-MM-DD"),
-    ],
-    issueDateStart: dayjs().startOf("month").format("YYYY-MM-DD"),
-    issueDateEnd: dayjs().endOf("month").format("YYYY-MM-DD"),
-  },
-  form: {
-    issueDate: "", // 寮�绁ㄦ棩鏈�
-    purchaseLedgerId: "",
-    purchaseLedgerNo: "",
-    issUerId: "", // 寮�绁ㄤ汉id
-    issUer: "", // 寮�绁ㄤ汉濮撳悕
-  },
-  rules: {
-    purchaseLedgerId: [
-      { required: true, message: "璇烽�夋嫨", trigger: "change" },
-    ],
-  },
-});
-const { searchForm } = toRefs(data);
-
-// 鏌ヨ鍒楄〃
-/** 鎼滅储鎸夐挳鎿嶄綔 */
-const handleQuery = () => {
-  page.current = 1;
-  getList();
-};
-const paginationChange = (obj) => {
-  page.current = obj.page;
-  page.size = obj.limit;
-  getList();
-};
-const getList = () => {
-  tableLoading.value = true;
-  const { issueDate, ...rest } = searchForm.value;
-  invoiceListPage({ ...rest, ...page })
-    .then((res) => {
-      tableLoading.value = false;
-      tableData.value = res.records;
-      tableData.value.map((item) => {
-        item.children = [];
-      });
-      total.value = res.total;
-      expandedRowKeys.value = [];
-    })
-    .catch(() => {
-      tableLoading.value = false;
-    });
-};
-const formattedNumber = (row, column, cellValue) => {
-  return parseFloat(cellValue).toFixed(2);
-};
-// 琛ㄦ牸閫夋嫨鏁版嵁
-const expandedRowKeys = ref([]);
-// 灞曞紑琛�
-const expandChange = (row, expandedRows) => {
-  if (expandedRows.length > 0) {
-    expandedRowKeys.value = [];
-    try {
-      productRecordList({ id: row.id }).then((res) => {
-        const index = tableData.value.findIndex((item) => item.id === row.id);
-        if (index > -1) {
-          tableData.value[index].children = res;
-        }
-        expandedRowKeys.value.push(row.id);
-      });
-    } catch (error) {
-      console.log(error);
-    }
-  } else {
-    expandedRowKeys.value = [];
-  }
-};
-// 涓昏〃鍚堣鏂规硶
-const summarizeMainTable = (param) => {
-  return proxy.summarizeTable(param, ["invoiceAmount"], {
-    ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-    futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-  });
-};
-// 瀛愯〃鍚堣鏂规硶
-const summarizeChildrenTable = (param) => {
-  return proxy.summarizeTable(
-    param,
-    [
-      "taxInclusiveUnitPrice",
-      "taxInclusiveTotalPrice",
-      "taxExclusiveTotalPrice",
-      "ticketsNum",
-      "ticketsAmount",
-      "futureTickets",
-      "futureTicketsAmount",
-    ],
-    {
-      ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-      futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-    }
-  );
-};
-
-// 瀵煎嚭
-const handleOut = () => {
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
-    .then(() => {
-      proxy.download("/purchase/registration/export", {}, "鏉ョエ鐧昏.xlsx");
-    })
-    .catch(() => {
-      proxy.$modal.msg("宸插彇娑�");
-    });
-};
-
-const changeDateRange = (date) => {
-  if (date) {
-    searchForm.value.receiptPaymentDateStart = date[0];
-    searchForm.value.receiptPaymentDateEnd = date[1];
-    getList();
-  }
-};
-
-const clearRange = () => {
-  searchForm.value.issueDate = [];
-  searchForm.value.issueDateStart = undefined;
-  searchForm.value.issueDateEnd = undefined;
-  getList();
-};
-
-onMounted(() => {
-  getList();
-});
-</script>
-
-<style scoped lang="scss"></style>
diff --git a/src/views/salesManagement/invoiceLedger/index.vue b/src/views/salesManagement/invoiceLedger/index.vue
index 0b45dde..b35023f 100644
--- a/src/views/salesManagement/invoiceLedger/index.vue
+++ b/src/views/salesManagement/invoiceLedger/index.vue
@@ -73,8 +73,11 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item :label="`鍙戠エ閲戦(鍏�)锛� 鍚堝悓鎬婚(${form.taxInclusiveTotalPrice}鍏�)`" prop="invoiceTotal">
-              <el-input-number :step="0.01" :min="0" :max="form.taxInclusiveTotalPrice" style="width: 100%" v-model="form.invoiceTotal" placeholder="璇疯緭鍏�" clearable :precision="2"/>
+            <el-form-item :label="`鍙戠エ閲戦(鍏�)锛� `" prop="invoiceTotal">
+              <el-input-number :step="0.01" :min="0" :max="maxInvoiceAmount || form.taxInclusiveTotalPrice" style="width: 100%" v-model="form.invoiceTotal" placeholder="璇疯緭鍏�" clearable :precision="2"/>
+              <div v-if="maxInvoiceAmount > 0" style="color: #909399; font-size: 12px; margin-top: 5px;">
+                鍙~鏈�澶ч噾棰濅负锛毬{ maxInvoiceAmount.toFixed(2) }}鍏�
+              </div>
             </el-form-item>
           </el-col>
         </el-row>
@@ -203,6 +206,7 @@
 const { form: searchForm, resetForm } = useFormData(data.searchForm);
 const currentId = ref("");
 const userStore = useUserStore();
+const maxInvoiceAmount = ref(0); // 鍙戠エ閲戦鏈�澶у��
 const upload = reactive({
   // 涓婁紶鐨勫湴鍧�
   url: import.meta.env.VITE_APP_BASE_API + "/invoiceLedger/uploadFile",
@@ -269,6 +273,11 @@
     if (!form.value.invoicePerson) {
       form.value.invoicePerson = userStore.nickName;
     }
+    
+    // 璁$畻鍙戠エ閲戦鏈�澶у�硷細noInvoiceAmount + invoiceAmount
+    const noInvoiceAmount = parseFloat(res.data.noInvoiceAmount || 0);
+    const invoiceAmount = parseFloat(res.data.invoiceAmount || 0);
+    maxInvoiceAmount.value = noInvoiceAmount + invoiceAmount;
   });
   dialogFormVisible.value = true;
 };

--
Gitblit v1.9.3