From 07f9f8657d057a38792c3822acc9b08d83478967 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 07 五月 2026 14:23:10 +0800
Subject: [PATCH] 合并代码

---
 src/views/salesManagement/deliveryLedger/index.vue |  516 +++++++++++++++++++++++++++++++++------------------------
 1 files changed, 298 insertions(+), 218 deletions(-)

diff --git a/src/views/salesManagement/deliveryLedger/index.vue b/src/views/salesManagement/deliveryLedger/index.vue
index 983a3e5..d7f47dd 100644
--- a/src/views/salesManagement/deliveryLedger/index.vue
+++ b/src/views/salesManagement/deliveryLedger/index.vue
@@ -3,19 +3,22 @@
     <div class="search_form">
       <el-form :model="searchForm" :inline="true">
         <el-form-item label="閿�鍞鍗曞彿锛�">
-          <el-input v-model="searchForm.salesContractNo" placeholder="璇疯緭鍏�" clearable prefix-icon="Search" style="width: 200px"
-            @change="handleQuery" />
+          <el-input v-model="searchForm.salesContractNo" placeholder="璇疯緭鍏�" clearable prefix-icon="Search"
+                    style="width: 200px"
+                    @change="handleQuery"/>
         </el-form-item>
         <el-form-item label="杞︾墝鍙凤細">
-          <el-input v-model="searchForm.shippingCarNumber" placeholder="璇疯緭鍏�" clearable prefix-icon="Search" style="width: 200px"
-            @change="handleQuery" />
+          <el-input v-model="searchForm.shippingCarNumber" placeholder="璇疯緭鍏�" clearable prefix-icon="Search"
+                    style="width: 200px"
+                    @change="handleQuery"/>
         </el-form-item>
         <el-form-item label="蹇�掑崟鍙凤細">
-          <el-input v-model="searchForm.expressNumber" placeholder="璇疯緭鍏�" clearable prefix-icon="Search" style="width: 200px"
-            @change="handleQuery" />
+          <el-input v-model="searchForm.expressNumber" placeholder="璇疯緭鍏�" clearable prefix-icon="Search"
+                    style="width: 200px"
+                    @change="handleQuery"/>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="handleQuery"> 鎼滅储 </el-button>
+          <el-button type="primary" @click="handleQuery"> 鎼滅储</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -28,16 +31,18 @@
         </div>
       </div>
       <el-table :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange"
-        :row-key="(row) => row.id" style="width: 100%" height="calc(100vh - 21.5em)">
-        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column align="center" label="搴忓彿" type="index" width="60" />
-        <el-table-column label="閿�鍞鍗�" prop="salesContractNo" show-overflow-tooltip />
-        <el-table-column label="鍙戣揣璁㈠崟鍙�" prop="shippingNo" show-overflow-tooltip />
-        <el-table-column label="瀹㈡埛鍚嶇О" prop="customerName" show-overflow-tooltip />
-        <el-table-column label="鍙戣揣鏃堕棿" prop="shippingDate" show-overflow-tooltip />
-        <el-table-column label="鍙戣揣杞︾墝鍙�" prop="shippingCarNumber" show-overflow-tooltip />
-        <el-table-column label="蹇�掑叕鍙�" prop="expressCompany" show-overflow-tooltip />
-        <el-table-column label="蹇�掑崟鍙�" prop="expressNumber" show-overflow-tooltip />
+                :row-key="(row) => row.id" style="width: 100%" height="calc(100vh - 21.5em)">
+        <el-table-column align="center" type="selection" width="55"/>
+        <el-table-column align="center" label="搴忓彿" type="index" width="60"/>
+        <el-table-column label="閿�鍞鍗�" prop="salesContractNo" show-overflow-tooltip/>
+        <el-table-column label="鍙戣揣璁㈠崟鍙�" prop="shippingNo" show-overflow-tooltip/>
+        <el-table-column label="瀹㈡埛鍚嶇О" prop="customerName" show-overflow-tooltip/>
+        <el-table-column label="浜у搧鍚嶇О" prop="productName" show-overflow-tooltip/>
+        <el-table-column label="瑙勬牸鍨嬪彿" prop="specificationModel" show-overflow-tooltip/>
+        <el-table-column label="鍙戣揣鏃堕棿" prop="shippingDate" show-overflow-tooltip/>
+        <el-table-column label="鍙戣揣杞︾墝鍙�" prop="shippingCarNumber" show-overflow-tooltip/>
+        <el-table-column label="蹇�掑叕鍙�" prop="expressCompany" show-overflow-tooltip/>
+        <el-table-column label="蹇�掑崟鍙�" prop="expressNumber" show-overflow-tooltip/>
         <el-table-column label="瀹℃牳鐘舵��" prop="status" align="center" width="120">
           <template #default="scope">
             <el-tag :type="getApprovalStatusType(scope.row.status)">
@@ -45,40 +50,48 @@
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column fixed="right" label="鎿嶄綔" width="150" align="center">
+        <el-table-column fixed="right" label="鎿嶄綔" width="220" align="center">
           <template #default="scope">
-            <el-button 
-              link 
-              type="primary" 
-              size="small" 
-              :disabled="isApproving(scope.row.status)"
-              @click="openForm('edit', scope.row)">缂栬緫</el-button>
-            <el-button 
-              link 
-              type="danger" 
-              size="small" 
-              :disabled="isApproving(scope.row.status)"
-              @click="handleDeleteSingle(scope.row)">鍒犻櫎</el-button>
+            <el-button
+                link
+                type="primary"
+                :disabled="!isApproved(scope.row.status)"
+                @click="openForm('edit', scope.row)">琛ュ厖鍙戣揣淇℃伅
+            </el-button>
+            <el-button
+                link
+                type="primary"
+                style="color: #67C23A"
+                @click="openDetail(scope.row)"
+            >璇︽儏
+            </el-button>
+            <el-button
+                link
+                type="danger"
+                :disabled="isApproving(scope.row.status)"
+                @click="handleDeleteSingle(scope.row)">鍒犻櫎
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
       <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper"
-        :page="page.current" :limit="page.size" @pagination="paginationChange" />
+                  :page="page.current" :limit="page.size" @pagination="paginationChange"/>
     </div>
-    <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '鏂板鍙戣揣鍙拌处' : '缂栬緫鍙戣揣鍙拌处'" width="40%"
-      @close="closeDia">
+    <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '鏂板鍙戣揣鍙拌处' : '缂栬緫鍙戣揣鍙拌处'"
+               width="40%"
+               @close="closeDia">
       <el-form :model="form" label-width="120px" label-position="top" :rules="rules" ref="formRef">
         <el-row :gutter="30">
           <el-col :span="24">
             <el-form-item label="鍙戣揣绫诲瀷锛�" prop="type">
               <el-select
-                v-model="form.type"
-                placeholder="璇烽�夋嫨鍙戣揣绫诲瀷"
-                style="width: 100%"
-                @change="handleShippingTypeChange"
+                  v-model="form.type"
+                  placeholder="璇烽�夋嫨鍙戣揣绫诲瀷"
+                  style="width: 100%"
+                  @change="handleShippingTypeChange"
               >
-                <el-option label="璐ц溅" value="璐ц溅" />
-                <el-option label="蹇��" value="蹇��" />
+                <el-option label="璐ц溅" value="璐ц溅"/>
+                <el-option label="蹇��" value="蹇��"/>
               </el-select>
             </el-form-item>
           </el-col>
@@ -87,13 +100,13 @@
           <el-col :span="24">
             <el-form-item label="鍙戣揣鏃ユ湡锛�" prop="shippingDate">
               <el-date-picker
-                style="width: 100%"
-                v-model="form.shippingDate"
-                value-format="YYYY-MM-DD"
-                format="YYYY-MM-DD"
-                type="date"
-                placeholder="璇烽�夋嫨鍙戣揣鏃ユ湡"
-                clearable
+                  style="width: 100%"
+                  v-model="form.shippingDate"
+                  value-format="YYYY-MM-DD"
+                  format="YYYY-MM-DD"
+                  type="date"
+                  placeholder="璇烽�夋嫨鍙戣揣鏃ユ湡"
+                  clearable
               />
             </el-form-item>
           </el-col>
@@ -102,18 +115,18 @@
           <el-col :span="24" v-if="form.type === '璐ц溅'">
             <el-form-item label="鍙戣揣杞︾墝鍙凤細" prop="shippingCarNumber">
               <el-input
-                v-model="form.shippingCarNumber"
-                placeholder="璇疯緭鍏ュ彂璐ц溅鐗屽彿"
-                clearable
+                  v-model="form.shippingCarNumber"
+                  placeholder="璇疯緭鍏ュ彂璐ц溅鐗屽彿"
+                  clearable
               />
             </el-form-item>
           </el-col>
           <el-col :span="24" v-else>
             <el-form-item label="蹇�掑叕鍙革細" prop="expressCompany">
               <el-input
-                v-model="form.expressCompany"
-                placeholder="璇疯緭鍏ュ揩閫掑叕鍙�"
-                clearable
+                  v-model="form.expressCompany"
+                  placeholder="璇疯緭鍏ュ揩閫掑叕鍙�"
+                  clearable
               />
             </el-form-item>
           </el-col>
@@ -122,9 +135,9 @@
           <el-col :span="24">
             <el-form-item label="蹇�掑崟鍙凤細" prop="expressNumber">
               <el-input
-                v-model="form.expressNumber"
-                placeholder="璇疯緭鍏ュ揩閫掑崟鍙�"
-                clearable
+                  v-model="form.expressNumber"
+                  placeholder="璇疯緭鍏ュ揩閫掑崟鍙�"
+                  clearable
               />
             </el-form-item>
           </el-col>
@@ -132,29 +145,7 @@
         <el-row :gutter="30">
           <el-col :span="24">
             <el-form-item label="鍙戣揣鍥剧墖锛�">
-              <el-upload 
-                v-model:file-list="deliveryFileList" 
-                :action="upload.url" 
-                multiple 
-                ref="deliveryFileUpload" 
-                auto-upload
-                :headers="upload.headers" 
-                :data="{ type: 9 }"
-                :before-upload="handleDeliveryBeforeUpload" 
-                :on-error="handleDeliveryUploadError"
-                :on-success="handleDeliveryUploadSuccess" 
-                :on-remove="handleDeliveryRemove"
-                list-type="picture-card"
-                :limit="9"
-                accept="image/png,image/jpeg,image/jpg"
-              >
-                <el-icon class="avatar-uploader-icon"><Plus /></el-icon>
-                <template #tip>
-                  <div class="el-upload__tip">
-                    鏀寔 jpg銆乯peg銆乸ng 鏍煎紡锛屾渶澶氫笂浼� 9 寮狅紝鍗曞紶澶у皬涓嶈秴杩� 10MB
-                  </div>
-                </template>
-              </el-upload>
+              <ImageUpload v-model:file-list="deliveryFileList" :limit="9"/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -166,25 +157,73 @@
         </div>
       </template>
     </el-dialog>
+
+    <!-- 璇︽儏寮规 -->
+    <el-dialog v-model="detailDialogVisible" title="鍙戣揣鍙拌处璇︽儏" width="55%" @close="closeDetail">
+      <div v-if="detailRow" class="detail-wrapper">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item label="閿�鍞鍗�">{{ detailRow.salesContractNo || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="鍙戣揣璁㈠崟鍙�">{{ detailRow.shippingNo || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="瀹㈡埛鍚嶇О">{{ detailRow.customerName || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="浜у搧鍚嶇О">{{ detailRow.productName || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="瑙勬牸鍨嬪彿">{{ detailRow.specificationModel || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="鍙戣揣绫诲瀷">{{ detailRow.type || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="鍙戣揣鏃ユ湡">{{ detailRow.shippingDate || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="瀹℃牳鐘舵��">{{ getApprovalStatusText(detailRow.status) }}</el-descriptions-item>
+          <el-descriptions-item label="鍙戣揣杞︾墝鍙�">{{ detailRow.shippingCarNumber || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="蹇�掑叕鍙�">{{ detailRow.expressCompany || '--' }}</el-descriptions-item>
+          <el-descriptions-item label="蹇�掑崟鍙�" :span="2">{{ detailRow.expressNumber || '--' }}</el-descriptions-item>
+        </el-descriptions>
+        <el-table :data="getDeliveryProductInfoList()"
+                  border
+                  size="small"
+                  class="delivery-product-table"
+                  style="width: 100%; margin-top: 16px;">
+          <el-table-column label="鎵瑰彿"
+                           prop="batchNo"
+                           min-width="160"
+                           show-overflow-tooltip/>
+          <el-table-column label="浜у搧鍚嶇О"
+                           prop="productName"
+                           min-width="160"
+                           show-overflow-tooltip/>
+          <el-table-column label="瑙勬牸鍨嬪彿"
+                           prop="specificationModel"
+                           min-width="160"
+                           show-overflow-tooltip/>
+          <el-table-column label="鍙戣揣鏁伴噺"
+                           prop="deliveryQuantity"
+                           min-width="120"
+                           align="center"/>
+        </el-table>
+        <ImagePreview :file-list="detailRow.storageBlobVOs || []" />
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="closeDetail">鍏抽棴</el-button>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
 import pagination from "@/components/PIMTable/Pagination.vue";
-import { onMounted, ref, reactive, toRefs, getCurrentInstance } from "vue";
-import { ElMessageBox } from "element-plus";
-import { Plus } from "@element-plus/icons-vue";
-import { getToken } from "@/utils/auth";
-import { getCurrentDate } from "@/utils/index.js";
+import {onMounted, ref, reactive, toRefs, getCurrentInstance} from "vue";
+import {ElMessageBox} from "element-plus";
+import {getCurrentDate} from "@/utils/index.js";
 import {
   deliveryLedgerListPage,
-  addOrUpdateDeliveryLedger,
   delDeliveryLedger,
+  deductStock,
+  getDeliveryDetail,
 } from "@/api/salesManagement/deliveryLedger.js";
-import { delLedgerFile } from "@/api/salesManagement/salesLedger.js";
- 
+import {delLedgerFile} from "@/api/salesManagement/salesLedger.js";
+import ImageUpload from "@/components/AttachmentUpload/image/index.vue";
+import ImagePreview from "@/components/AttachmentPreview/image/index.vue";
 
-const { proxy } = getCurrentInstance();
+
+const {proxy} = getCurrentInstance();
 const tableData = ref([]);
 const selectedRows = ref([]);
 const tableLoading = ref(false);
@@ -195,15 +234,10 @@
 });
 const total = ref(0);
 const deliveryFileList = ref([]);
-const javaApi = proxy.javaApi;
-
-// 涓婁紶閰嶇疆
-const upload = reactive({
-  // 涓婁紶鐨勫湴鍧�
-  url: import.meta.env.VITE_APP_BASE_API + "/file/upload",
-  // 璁剧疆涓婁紶鐨勮姹傚ご閮�
-  headers: { Authorization: "Bearer " + getToken() },
-});
+// 璇︽儏寮规
+const detailDialogVisible = ref(false);
+const detailRow = ref(null);
+const detailProductList = ref([]);
 
 // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
 const operationType = ref("");
@@ -218,6 +252,8 @@
     id: null,
     salesContractNo: "",
     customerName: "",
+    specificationModel: "",
+    productName: "",
     type: "璐ц溅", // 璐ц溅, 蹇��
     shippingDate: "",
     shippingCarNumber: "",
@@ -225,24 +261,23 @@
     expressNumber: "", // 蹇�掑崟鍙�
   },
   rules: {
-    salesContractNo: [{ required: true, message: "璇烽�夋嫨閿�鍞鍗�", trigger: "change" }],
-    customerName: [{ required: true, message: "璇疯緭鍏ュ鎴峰悕绉�", trigger: "blur" }],
+    salesContractNo: [{required: true, message: "璇烽�夋嫨閿�鍞鍗�", trigger: "change"}],
+    customerName: [{required: true, message: "璇疯緭鍏ュ鎴峰悕绉�", trigger: "blur"}],
     type: [
-      { required: true, message: "璇烽�夋嫨鍙戣揣绫诲瀷", trigger: "change" }
+      {required: true, message: "璇烽�夋嫨鍙戣揣绫诲瀷", trigger: "change"}
     ],
-    shippingDate: [{ required: true, message: "璇烽�夋嫨鍙戣揣鏃堕棿", trigger: "change" }],
+    shippingDate: [{required: true, message: "璇烽�夋嫨鍙戣揣鏃堕棿", trigger: "change"}],
     shippingCarNumber: [
-      { validator: (_, value, callback) => validateShippingCarNumber(value, callback), trigger: "blur" }
+      {validator: (_, value, callback) => validateShippingCarNumber(value, callback), trigger: "blur"}
     ],
     expressCompany: [
-      { validator: (_, value, callback) => validateExpressCompany(value, callback), trigger: "blur" }
+      {validator: (_, value, callback) => validateExpressCompany(value, callback), trigger: "blur"}
     ],
   },
 });
-const { form, rules } = toRefs(data);
-const { searchForm } = toRefs(data);
+const {form, rules} = toRefs(data);
+const {searchForm} = toRefs(data);
 
- 
 
 // 鏌ヨ鍒楄〃
 const handleQuery = () => {
@@ -258,15 +293,15 @@
 
 const getList = () => {
   tableLoading.value = true;
-  deliveryLedgerListPage({ ...searchForm.value, ...page })
-    .then((res) => {
-      tableLoading.value = false;
-      tableData.value = res.data.records || [];
-      total.value = res.data.total || 0;
-    })
-    .catch(() => {
-      tableLoading.value = false;
-    });
+  deliveryLedgerListPage({...searchForm.value, ...page})
+      .then((res) => {
+        tableLoading.value = false;
+        tableData.value = res.data.records || [];
+        total.value = res.data.total || 0;
+      })
+      .catch(() => {
+        tableLoading.value = false;
+      });
 };
 
 // 閿�鍞鍗曞彉鍖栨椂鑷姩濉厖瀹㈡埛鍚嶇О
@@ -284,15 +319,14 @@
 
 // 鎵撳紑寮规
 const openForm = async (type, row) => {
-  // 缂栬緫鏃舵鏌ュ鏍哥姸鎬侊紝鍙湁瀹℃牳涓笉鑳界紪杈�
-  if (type === 'edit' && row && isApproving(row.status)) {
-    proxy.$modal.msgWarning("瀹℃牳涓殑鏁版嵁涓嶈兘缂栬緫");
+  // 琛ュ厖鍙戣揣淇℃伅锛氫粎鈥滃鏍搁�氳繃鈥濆厑璁哥紪杈�
+  if (type === 'edit' && row && !isApproved(row.status)) {
+    proxy.$modal.msgWarning("鍙湁瀹℃牳閫氳繃鐨勬暟鎹墠鍙互琛ュ厖鍙戣揣淇℃伅");
     return;
   }
-  
+
   operationType.value = type;
-  const baseUrl = import.meta.env.VITE_APP_BASE_API;
-  
+
   if (type === 'edit' && row) {
     form.value = {
       id: row.id ?? null,
@@ -304,85 +338,99 @@
       expressCompany: row.expressCompany ?? "",
       expressNumber: row.expressNumber ?? "",
     };
-    // 濡傛灉鏈夊浘鐗囷紝灏� commonFileList 杞崲涓烘枃浠跺垪琛ㄦ牸寮�
-    if (row.commonFileList && Array.isArray(row.commonFileList) && row.commonFileList.length > 0) {
-      deliveryFileList.value = row.commonFileList.map((file, index) => {
-        // 澶勭悊 URL锛氬皢 Windows 璺緞杞崲涓哄彲璁块棶鐨� URL
-        let fileUrl = file.url || '';
-        console.log('鍘熷 URL:', fileUrl);
-        
-        // 濡傛灉 URL 鏄� Windows 璺緞鏍煎紡锛堝寘鍚弽鏂滄潬锛夛紝闇�瑕佽浆鎹�
-        if (fileUrl && fileUrl.indexOf('\\') > -1) {
-          // 鏌ユ壘 uploads 鍏抽敭瀛楃殑浣嶇疆锛屼粠閭i噷寮�濮嬫彁鍙栫浉瀵硅矾寰�
-          const uploadsIndex = fileUrl.toLowerCase().indexOf('uploads');
-          if (uploadsIndex > -1) {
-            // 浠� uploads 寮�濮嬫彁鍙栬矾寰勶紝骞跺皢鍙嶆枩鏉犳浛鎹负姝f枩鏉�
-            const relativePath = fileUrl.substring(uploadsIndex).replace(/\\/g, '/');
-            fileUrl = '/' + relativePath;
-            console.log('杞崲鍚庣殑鐩稿璺緞:', fileUrl);
-          } else {
-            // 濡傛灉娌℃湁鎵惧埌 uploads锛屾彁鍙栨渶鍚庝竴涓洰褰曞拰鏂囦欢鍚�
-            const parts = fileUrl.split('\\');
-            const fileName = parts[parts.length - 1];
-            fileUrl = '/uploads/' + fileName;
-            console.log('鏈壘鍒� uploads锛屼娇鐢ㄦ枃浠跺悕:', fileUrl);
-          }
-        }
-        
-        // 纭繚鎵�鏈夐潪 http 寮�澶寸殑 URL 閮芥嫾鎺� baseUrl
-        if (fileUrl && !fileUrl.startsWith('http')) {
-          // 纭繚璺緞浠� / 寮�澶�
-          if (!fileUrl.startsWith('/')) {
-            fileUrl = '/' + fileUrl;
-          }
-          // 鎷兼帴 baseUrl
-          fileUrl = javaApi + fileUrl;
-          console.log('鏈�缁堟嫾鎺ョ殑 URL:', fileUrl);
-        }
-        
-        return {
-          uid: file.id || Date.now() + index,
-          name: file.name || `image_${index + 1}.jpg`,
-          url: fileUrl,
-          status: 'success',
-          response: {
-            code: 200,
-            data: {
-              tempId: file.id,
-              url: fileUrl
-            }
-          },
-          tempId: file.id // 淇濆瓨鏂囦欢ID锛岀敤浜庢彁浜ゆ椂浣跨敤
-        };
-      });
-    } else {
-      deliveryFileList.value = [];
-    }
-  } else {
-    form.value = {
-      id: null,
-      salesContractNo: "",
-      customerName: "",
-      type: "璐ц溅",
-      shippingDate: getCurrentDate(),
-      shippingCarNumber: "",
-      expressCompany: "",
-      expressNumber: "",
-    };
-    deliveryFileList.value = [];
+    deliveryFileList.value = row.storageBlobVOs || [];
   }
-  
+
   dialogFormVisible.value = true;
+};
+
+// 鎵撳紑璇︽儏寮规
+const openDetail = async (row) => {
+  detailRow.value = row || null;
+  detailProductList.value = [];
+  detailDialogVisible.value = true;
+  if (!row?.id) return;
+  try {
+    const res = await getDeliveryDetail(row.id);
+    const detailData = res?.data;
+    detailRow.value = {
+      ...row,
+      ...(Array.isArray(detailData) ? {} : detailData || {}),
+    };
+    detailProductList.value = resolveDeliveryDetailList(detailData);
+  } catch (error) {
+    proxy.$modal.msgError("鍔犺浇鍙戣揣鍙拌处璇︽儏澶辫触");
+  }
+};
+const resolveDeliveryDetailList = data => {
+  if (Array.isArray(data)) return data;
+  if (!data || typeof data !== "object") return [];
+  return [
+    data.batchNoDetailList,
+    data.batchNoList,
+    data.shippingBatchList,
+    data.shippingInfoDetailList,
+    data.detailList,
+    data.batchDetailList,
+    data.rows,
+    data.records,
+    data.list,
+    data.data,
+  ].find(value => Array.isArray(value) && value.length) || [];
+};
+const getDeliveryProductInfoList = () => {
+  const row = detailRow.value;
+  if (!row) return [];
+  const normalizeBatchNoList = value => {
+    if (Array.isArray(value)) return value;
+    if (typeof value === "string" && value.includes(",")) {
+      return value.split(",").map(item => item.trim()).filter(Boolean);
+    }
+    return value ? [value] : [];
+  };
+  const detailList = detailProductList.value.length ? detailProductList.value : [
+    row.batchNoDetailList,
+    row.batchNoList,
+    row.shippingBatchList,
+    row.shippingInfoDetailList,
+    row.detailList,
+    row.batchDetailList,
+  ].find(value => Array.isArray(value) && value.length);
+  const batchNoList = normalizeBatchNoList(row.batchNo);
+  const toTableRow = (item = {}) => ({
+    batchNo:
+        typeof item === "string" || typeof item === "number"
+            ? item
+            : item.batchNo ?? item.batchNumber ?? row.batchNo ?? "--",
+    productName: item.productName ?? row.productName ?? "--",
+    specificationModel:
+        item.specificationModel ?? item.model ?? row.specificationModel ?? "--",
+    deliveryQuantity:
+        item.deliveryQuantity ??
+        item.quantity ??
+        item.shippingQuantity ??
+        row.deliveryQuantity ??
+        row.quantity ??
+        "--",
+  });
+  if (detailList?.length) {
+    return detailList.map(toTableRow);
+  }
+  if (batchNoList.length) {
+    return batchNoList.map(batchNo => toTableRow({batchNo}));
+  }
+  return [toTableRow()];
+};
+const closeDetail = () => {
+  detailDialogVisible.value = false;
+  detailRow.value = null;
+  detailProductList.value = [];
 };
 
 // 鎻愪氦琛ㄥ崟
 const submitForm = () => {
   proxy.$refs["formRef"].validate((valid) => {
     if (valid) {
-      let tempFileIds = [];
-      if (deliveryFileList.value !== null && deliveryFileList.value.length > 0) {
-        tempFileIds = deliveryFileList.value.map((item) => item.tempId);
-      }
       const payload = {
         id: form.value.id,
         type: form.value.type,
@@ -390,9 +438,9 @@
         shippingCarNumber: form.value.type === "璐ц溅" ? form.value.shippingCarNumber : "",
         expressCompany: form.value.type === "蹇��" ? form.value.expressCompany : "",
         expressNumber: form.value.type === "蹇��" ? form.value.expressNumber : "",
-        tempFileIds: tempFileIds,
+        storageBlobDTOs: deliveryFileList.value || [],
       };
-      addOrUpdateDeliveryLedger(payload).then((res) => {
+      deductStock(payload).then((res) => {
         proxy.$modal.msgSuccess("鎿嶄綔鎴愬姛");
         closeDia();
         getList();
@@ -415,12 +463,12 @@
     cancelButtonText: "鍙栨秷",
     type: "warning",
   })
-    .then(() => {
-      proxy.download("/shippingInfo/export", {}, "鍙戣揣鍙拌处.xlsx");
-    })
-    .catch(() => {
-      proxy.$modal.msg("宸插彇娑�");
-    });
+      .then(() => {
+        proxy.download("/shippingInfo/export", {}, "鍙戣揣鍙拌处.xlsx");
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
+      });
 };
 
 // 鎵归噺鍒犻櫎
@@ -429,29 +477,29 @@
     proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
     return;
   }
-  
+
   // 妫�鏌ラ�変腑鐨勮鏄惁鏈�"瀹℃牳涓�"鐘舵��
   const approvingRows = selectedRows.value.filter(row => isApproving(row.status));
   if (approvingRows.length > 0) {
     proxy.$modal.msgWarning("瀹℃牳涓殑鏁版嵁涓嶈兘鍒犻櫎");
     return;
   }
-  
+
   const ids = selectedRows.value.map((item) => item.id);
   ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎", {
     confirmButtonText: "纭",
     cancelButtonText: "鍙栨秷",
     type: "warning",
   })
-    .then(() => {
-      delDeliveryLedger(ids).then((res) => {
-        proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-        getList();
+      .then(() => {
+        delDeliveryLedger(ids).then((res) => {
+          proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+          getList();
+        });
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
       });
-    })
-    .catch(() => {
-      proxy.$modal.msg("宸插彇娑�");
-    });
 };
 
 // 鍗曚釜鍒犻櫎
@@ -461,21 +509,21 @@
     proxy.$modal.msgWarning("瀹℃牳涓殑鏁版嵁涓嶈兘鍒犻櫎");
     return;
   }
-  
+
   ElMessageBox.confirm("姝ゆ搷浣滃皢鍒犻櫎璇ヨ褰曪紝鏄惁纭锛�", "鍒犻櫎", {
     confirmButtonText: "纭",
     cancelButtonText: "鍙栨秷",
     type: "warning",
   })
-    .then(() => {
-      delDeliveryLedger([row.id]).then((res) => {
-        proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-        getList();
+      .then(() => {
+        delDeliveryLedger([row.id]).then((res) => {
+          proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+          getList();
+        });
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
       });
-    })
-    .catch(() => {
-      proxy.$modal.msg("宸插彇娑�");
-    });
 };
 
 // 鍙戣揣绫诲瀷鏍¢獙锛氳揣杞︽椂瑕佹眰杞︾墝锛屽揩閫掓椂瑕佹眰蹇�掑叕鍙�
@@ -509,11 +557,13 @@
   proxy.$modal.loading("姝e湪涓婁紶鍥剧墖锛岃绋嶅��...");
   return true;
 }
+
 // 鍙戣揣鍥剧墖涓婁紶澶辫触
 function handleDeliveryUploadError(err) {
   proxy.$modal.msgError("涓婁紶鍥剧墖澶辫触");
   proxy.$modal.closeLoading();
 }
+
 // 鍙戣揣鍥剧墖涓婁紶鎴愬姛鍥炶皟
 function handleDeliveryUploadSuccess(res, file, uploadFiles) {
   proxy.$modal.closeLoading();
@@ -525,6 +575,7 @@
     proxy.$refs.deliveryFileUpload.handleRemove(file);
   }
 }
+
 // 绉婚櫎鍙戣揣鍥剧墖
 function handleDeliveryRemove(file) {
   console.log('file--', file)
@@ -583,6 +634,7 @@
     '瀹℃牳涓�': '瀹℃牳涓�',
     '瀹℃牳鎷掔粷': '瀹℃牳鎷掔粷',
     '瀹℃牳閫氳繃': '瀹℃牳閫氳繃',
+    '宸插彂璐�': '宸插彂璐�',
     '0': '寰呭鏍�',
     '1': '瀹℃牳涓�',
     '2': '瀹℃牳鎷掔粷',
@@ -613,6 +665,7 @@
     '瀹℃牳涓�': 'warning',
     '瀹℃牳鎷掔粷': 'danger',
     '瀹℃牳閫氳繃': 'success',
+    '宸插彂璐�': 'success',
     '0': 'info',
     '1': 'warning',
     '2': 'danger',
@@ -671,5 +724,32 @@
     display: none;
   }
 }
+
+.detail-wrapper {
+  padding: 8px 0;
+}
+
+.detail-images {
+  margin-top: 16px;
+}
+
+.detail-images-title {
+  font-weight: 600;
+  margin-bottom: 10px;
+  color: #303133;
+}
+
+.detail-image {
+  width: 120px;
+  height: 120px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  border-radius: 6px;
+}
+
+.detail-images-empty {
+  margin-top: 16px;
+  color: #909399;
+}
 </style>
 

--
Gitblit v1.9.3