From cfedb78a9608357dca82eb8e42188de857928aeb Mon Sep 17 00:00:00 2001
From: "han\\hanst" <songtao.han@xujiesoft.com>
Date: Fri, 27 Mar 2026 16:09:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A9=E7=BA=BF=E5=AF=BC=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/index.js                               |    2 +-
 src/api/ecss/ecss.js                          |    2 +
 src/views/modules/ecss/codelnotifyTX.vue      | 3261 +++++++++++++++++
 .../components/PackingDetailTabPallet.vue     |  639 ++++
 src/views/modules/ecss/createDeclaration.vue  |   10 +
 .../modules/ecss/del_upload_excel_tx.vue      | 1924 ++++++++++
 6 files changed, 5837 insertions(+), 1 deletion(-)
 create mode 100644 src/views/modules/ecss/codelnotifyTX.vue
 create mode 100644 src/views/modules/ecss/components/PackingDetailTabPallet.vue
 create mode 100644 src/views/modules/ecss/del_upload_excel_tx.vue

diff --git a/config/index.js b/config/index.js
index 58d4a69..a2f0bc0 100644
--- a/config/index.js
+++ b/config/index.js
@@ -13,7 +13,7 @@ module.exports = {
     // 代理列表, 是否开启代理通过[./dev.env.js]配置
     proxyTable: devEnv.OPEN_PROXY === false ? {} : {
       '/proxyApi': {
-        target: 'http://127.0.0.1:9000',
+        target: 'http://127.0.0.1:9001',
         changeOrigin: true,
         pathRewrite: {
           // 把 /proxyApi 替换成 /
diff --git a/src/api/ecss/ecss.js b/src/api/ecss/ecss.js
index 01c5054..f540493 100644
--- a/src/api/ecss/ecss.js
+++ b/src/api/ecss/ecss.js
@@ -3,7 +3,9 @@ import { createAPI } from "@/utils/httpRequest.js";
 
 
 export const previewExcel = data => createAPI(`/ecss/coDel/previewExcel`,'post',data)
+export const previewExcelTX = data => createAPI(`/ecss/coDel/previewExcelTX`,'post',data)
 export const saveEcssCoDelNotifyByExcel = data => createAPI(`/ecss/coDel/saveEcssCoDelNotifyByExcel`,'post',data)
+export const saveEcssCoDelNotifyByExcelTX = data => createAPI(`/ecss/coDel/saveEcssCoDelNotifyByExcelTX`,'post',data)
 
 export const modifyNotifyDetailByExcel = data => createAPI(`/ecss/coDel/modifyNotifyDetailByExcel`,'post',data)
 export const searchEcssCoDelNotifyHeader = data => createAPI(`/ecss/coDel/searchEcssCoDelNotifyHeader`,'post',data)
diff --git a/src/views/modules/ecss/codelnotifyTX.vue b/src/views/modules/ecss/codelnotifyTX.vue
new file mode 100644
index 0000000..ea91af3
--- /dev/null
+++ b/src/views/modules/ecss/codelnotifyTX.vue
@@ -0,0 +1,3261 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" label-position="top" label-width="60px" style="margin-top: 0px;">
+      <el-form-item :label="'BU:'">
+        <el-select v-model="searchData.buNo" placeholder="请选择"  style="width: 80px">
+          <el-option label="全部" value=""></el-option>
+        <el-option
+          v-for = "i in buList"
+          :key = "i.buNo"
+          :label = "i.buDesc"
+          :value = "i.buNo">
+        </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="'发货通知单:'">
+        <el-input v-model="searchData.delNo" clearable  style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'CMC Invoice:'">
+        <el-input v-model="searchData.cmcInvoice" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'通知单状态:'">
+        <el-select filterable v-model="searchData.notifyStatus" style="width: 120px">
+          <el-option label="全部" value=""></el-option>
+          <el-option label="已计划" value="已计划"></el-option>
+          <el-option label="已下达" value="已下达"></el-option>
+          <el-option label="仓库已确认" value="仓库已确认"></el-option>
+          <el-option label="已报关" value="已报关"></el-option>
+          <el-option label="订单取消" value="订单取消"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="'ReadyDate'" >
+        <el-date-picker
+          style="width: 120px"
+          v-model="searchData.startDate"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="'To'" >
+        <el-date-picker
+          style="width: 120px"
+          v-model="searchData.endDate"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="' '" >
+        <el-button @click="searchTable()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'查询'}}</el-button>
+      </el-form-item>
+        <el-form-item :label="' '" >
+          <el-button @click="importModelTX()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'导入'}}</el-button>
+          <el-button @click="exportExcel()" type="primary" style="margin-left: 2px">{{'导出'}}</el-button>
+        </el-form-item><br>
+    </el-form>
+
+    <el-table
+      @row-click="changeData"
+      highlight-current-row
+      :height="height"
+      :data="dataList"
+      ref="mainTable" :cell-style="cellStyle"
+      border :row-class-name="tableRowClassName"
+      v-loading="dataListLoading"
+      style="width: 100%;">
+      <el-table-column
+        header-align="center"
+        align="center"
+        width="80"
+        fixed="left"
+        label="操作">
+        <template slot-scope="scope" >
+          <a type="text" style="color: red" size="small"  @click="deleteDelHeader(scope.row)">删除</a>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item,index) in columnList1" :key="index"
+        :sortable="item.columnSortable"
+        :prop="item.columnProp"
+        :header-align="item.headerAlign"
+        :show-overflow-tooltip="item.showOverflowTooltip"
+        :align="item.align"
+        :fixed="item.fixed==''?false:item.fixed"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel">
+        <template slot-scope="scope">
+          <span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
+          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
+                                             style="width: 100px; height: 80px"/></span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 1000]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+    <el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName"   type="border-card" @tab-click="tabClick" >
+      <el-tab-pane :label="currentRow.cmcInvoice+'明细'" name="detail">
+        <el-button v-show="currentRow.notifyStatus!=='订单取消' && (currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID')" @click="openCreateDetailModel()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'新增'}}</el-button>
+        <el-button v-show="currentRow.notifyStatus!=='订单取消' && (currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID')" @click="importDetailModel()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'改单导入'}}</el-button>
+        <el-button v-show="currentRow.notifyStatus!=='订单取消' && (currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID')" @click="importUpcModel()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'UPC导入'}}</el-button>
+        <el-button v-show="currentRow.notifyStatus!=='订单取消' && (currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID')" @click="fixTtlAmountHandle()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'TTL Amount修正'}}</el-button>
+        <el-table ref="detailTable"
+          :height="height"
+          :data="dataList2" :cell-style="cellStyleDetail"
+          border show-summary :summary-method="getSummaries"
+          style="width: 100%;">
+          <el-table-column
+            v-for="(item,index) in columnList2" :key="index"
+            :sortable="item.columnSortable"
+            :prop="item.columnProp"
+            :header-align="item.headerAlign"
+            :show-overflow-tooltip="item.showOverflowTooltip"
+            :align="item.align"
+            :fixed="item.fixed==''?false:item.fixed"
+            :min-width="item.columnWidth"
+            :label="item.columnLabel">
+            <template slot-scope="scope">
+              <template v-if="item.columnProp === 'ttlAmount' || item.columnProp === 'sumPrice'">
+                <span>{{!!scope.row[item.columnProp]?scope.row[item.columnProp].toFixed(2):''}}</span>
+              </template>
+              <!-- PN字段特殊处理，添加提示信息 -->
+              <template v-else-if="item.columnProp === 'pn'">
+                <el-tooltip
+                  v-if="isPnDataIncomplete(scope.row)"
+                  content="品名未维护，点击跳转到维护页面"
+                  placement="top">
+                  <span
+                    v-if="!item.columnHidden"
+                    class="clickable-pn"
+                    @click="navigateToPartHsCode(scope.row.pn)">
+                    {{ scope.row[item.columnProp] }}
+                  </span>
+                </el-tooltip>
+                <span v-else-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
+              </template>
+              <template v-else>
+                <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
+                <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
+              </template>
+            </template>
+          </el-table-column>
+          <el-table-column
+            fixed="left"
+            header-align="center"
+            align="center"
+            width="100" v-if="currentRow.notifyStatus!=='订单取消' && (currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID')"
+            label="操作" >
+            <template slot-scope="scope">
+              <a v-if="currentRow.notifyStatus!=='订单取消'&& scope.row.qty!==0" type="text" size="small" @click="openUpdateDetailModel(scope.row)">修改</a>
+              <a v-if="currentRow.notifyStatus!=='订单取消' && scope.row.qty!==0" style="color: red" type="text" size="small" @click="deleteDelDetail(scope.row)">取消</a>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="装箱明细" name="pallet">
+        <packing-detail-tab
+          v-if="currentRow.buNo === '01-Label' || currentRow.buNo === '03-RFID'"
+          ref="packingDetailTab"
+          :current-row="currentRow"
+          :height="height"
+          :show-actions="false">
+        </packing-detail-tab>
+        <packing-detail-tab-pallet
+          v-else
+          ref="packingDetailTabPallet"
+          :current-row="currentRow"
+          :height="height"
+          :show-actions="false">
+        </packing-detail-tab-pallet>
+      </el-tab-pane>
+      <el-tab-pane label="UPC明细" name="upcDetail" v-if="dataList3.length > 0">
+        <el-button
+          @click="deleteAllUpcData()"
+          type="danger"
+          style="margin-bottom: 2px;">
+          一键删除
+        </el-button>
+        <el-table
+          ref="upcTable"
+          :height="height"
+          :data="dataList3"
+          :span-method="arraySpanMethod"
+          border
+          style="width: 100%;">
+          <el-table-column
+            prop="cartonNo"
+            label="箱号"
+            width="120"
+            align="center"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="so"
+            label="SO"
+            width="120"
+            align="center"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="pn"
+            label="P/N"
+            min-width="150"
+            align="left"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="description"
+            label="Description"
+            min-width="200"
+            align="left"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="upc"
+            label="UPC"
+            width="150"
+            align="center"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="qty"
+            label="Qty"
+            width="100"
+            align="center"
+            header-align="center">
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="相关文档" name="codelnotifyDocument">
+        <oss-components label="申请单号" style="margin-top: 5px" height="44vh" :columns="ossColumns"
+                        :order-ref1="currentRow.site" :order-ref2="currentRow.delNo" :codelnotifyFlag="'1'"
+                        :rfq-no="currentRow.delNo">
+        </oss-components>
+      </el-tab-pane>
+    </el-tabs>
+    <el-dialog title="编辑发货通知单" :close-on-click-modal="false" v-drag :visible.sync="updateHeaderModelFlag" width="672px">
+      <el-form  label-position="top"  style="margin-left: 5px;margin-top: -5px;">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item :label="'BU'" >
+              <el-input v-model="updateHeaderModel.buDesc" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'CMC Invoice'" >
+              <el-input v-model="updateHeaderModel.cmcInvoice" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'发货通知单号'" >
+              <el-input v-model="updateHeaderModel.delNo" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'ReadyDate'" >
+              <el-date-picker
+                style="width: 145px"
+                v-model="updateHeaderModel.readyDate"
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item :label="'ShippingMode'" >
+              <el-input v-model="updateHeaderModel.shippingMode"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'Destination'" >
+              <el-input v-model="updateHeaderModel.destination"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'发货日期'" >
+              <el-date-picker
+                style="width: 145px"
+                v-model="updateHeaderModel.notifyDate"
+                disabled
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item :label="'Remark'" >
+              <el-input v-model="updateHeaderModel.remark"  ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button type="primary" @click="doUpdateHeader()">保存</el-button>
+        <el-button type="primary" @click="updateHeaderModelFlag=false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+    <el-dialog title="编辑发货通知单明细" :close-on-click-modal="false" v-drag :visible.sync="updateDetailModelFlag" width="750px">
+      <el-form  label-position="top"  style="margin-left: 7px;margin-top: -5px;">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item :label="'行号'" >
+              <el-input v-model="updateDetailModel.itemNo" style="text-align: right" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item  :label="'PN'">
+              <span slot="label" @click="queryComponentPartModal"><a herf="#">PN</a></span>
+              <el-input v-model="updateDetailModel.pn"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'Description'" >
+              <el-input v-model="updateDetailModel.partDescription"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'Qty (pcs)'" >
+              <el-input v-model="updateDetailModel.qty" type="number" @input="calculateAmounts"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'销售订单号'" >
+              <el-input v-model="updateDetailModel.salesOrder"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'客户采购单号'" >
+              <el-input v-model="updateDetailModel.customerPO"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'Version'" >
+              <el-input v-model="updateDetailModel.version"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'Status'" >
+              <el-input v-model="updateDetailModel.status"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'Family'" >
+              <el-input v-model="updateDetailModel.family"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'LT (wks)'" >
+              <el-input v-model="updateDetailModel.lt" type="number" ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'CMC Comment'" >
+              <el-input v-model="updateDetailModel.cmcComment"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'内外销方式'" >
+              <el-input v-model="updateDetailModel.saleType"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'AWB/ BL#'" >
+              <el-input v-model="updateDetailModel.awbBl"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'ShippingNumber'" >
+              <el-input v-model="updateDetailModel.shippingNumber"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'Forwarder Info'" >
+              <el-input v-model="updateDetailModel.forwarderInfo"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'Currency'" >
+              <el-input v-model="updateDetailModel.currency"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'TP'" >
+              <el-input v-model="updateDetailModel.tp" type="number" @input="calculateAmounts"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'TTL Amount'" >
+              <el-input v-model="updateDetailModel.ttlAmount" type="number" ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'VAT'" >
+              <el-input v-model="updateDetailModel.vat" @input="calculateAmounts"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'价税合计'" >
+              <el-input v-model="updateDetailModel.sumPrice" type="number" ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'SO'" >
+              <el-input v-model="updateDetailModel.so"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'UPC'" >
+              <el-input v-model="updateDetailModel.upc"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'Roll'" >
+              <el-input v-model="updateDetailModel.roll"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item :label="'Carton'" >
+              <el-input v-model="updateDetailModel.carton"  ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item :label="'Remark'" >
+              <el-input v-model="updateDetailModel.remark"  ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button type="primary" @click="doUpdateDetail()" :loading="updateDetailLoading" :disabled="updateDetailLoading">
+          {{ updateDetailLoading ? '保存中...' : '保存' }}
+        </el-button>
+        <el-button type="primary" @click="updateDetailModelFlag=false" :disabled="updateDetailLoading">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+    <el-dialog title="订单确认" :close-on-click-modal="false" v-drag :visible.sync="walMartOrderDialog" width="200px">
+      <el-form label-position="top"  style="margin-left: 36px;margin-top: 10px;">
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item v-if="currentRow.buNo=='03-RFID'" :label="'沃尔玛订单'" >
+              <el-radio v-model="walMartOrderFlag" label="Y">是</el-radio>
+              <el-radio v-model="walMartOrderFlag" label="N">否</el-radio>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item v-if="currentRow.buNo=='03-RFID'" :label="'FSC'" >
+              <el-radio v-model="fscFlag" label="Y">是</el-radio>
+              <el-radio v-model="fscFlag" label="N">否</el-radio>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item :label="'维护箱尺寸'" >
+              <el-radio v-model="boxSizeFlag" label="Y">是</el-radio>
+              <el-radio v-model="boxSizeFlag" label="N">否</el-radio>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button type="primary" @click="xiadaEcssDel" :loading="xiadaLoading">
+          {{ xiadaLoading ? '下达中...' : '确定' }}
+        </el-button>
+        <el-button type="primary" @click="walMartOrderDialog=false" :disabled="xiadaLoading">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+      <!-- 导入 -->
+      <del-upload-excel ref="delUploadExcel" @refreshTable="searchTable" v-drag></del-upload-excel>
+      <!-- 天线/硬标导入 -->
+      <del-upload-excel-tx ref="delUploadExcelTx" @refreshTable="searchTable" v-drag></del-upload-excel-tx>
+      <!-- 导入 -->
+    <del-detail-upload-excel ref="delDetailUploadExcel" @refreshTable="searchTable" v-drag></del-detail-upload-excel>
+    <!-- UPC导入 -->
+    <upc-upload-excel ref="upcUploadExcel" @refreshTable="searchTable" v-drag></upc-upload-excel>
+    <!--列表的组件-->
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
+    <el-dialog title="物料清单" top="17vh" :close-on-click-modal="false" v-drag :visible.sync="componentPartModelFlag" width="700px">
+      <el-form :inline="true" label-position="top" :model="componentPartData">
+        <el-form-item :label="'PN'">
+          <el-input v-model="componentPartData.sku" clearable style="width: 120px"></el-input>
+        </el-form-item>
+        <el-form-item :label="'物料编码'">
+          <el-input v-model="componentPartData.partNo" clearable style="width: 120px"></el-input>
+        </el-form-item>
+        <el-form-item :label="'物料描述'">
+          <el-input v-model="componentPartData.partDesc" clearable style="width: 120px"></el-input>
+        </el-form-item>
+        <el-form-item :label="' '">
+          <el-button type="primary" @click="queryComponentPartList">查询</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        :height="250"
+        :data="componentPartList"
+        @row-dblclick="getComponentRowData"
+        border
+        style="width: 100%;">
+        <el-table-column
+          v-for="(item,index) in componentPartColumnList" :key="index"
+          :sortable="item.columnSortable"
+          :prop="item.columnProp"
+          :header-align="item.headerAlign"
+          :show-overflow-tooltip="item.showOverflowTooltip"
+          :align="item.align"
+          :fixed="item.fixed==''?false:item.fixed"
+          :min-width="item.columnWidth"
+          :label="item.columnLabel">
+          <template slot-scope="scope">
+            <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span>
+            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页插件 -->
+      <el-pagination
+        @size-change="sizeChangeHandle3"
+        @current-change="currentChangeHandle3"
+        :current-page="pageIndex3"
+        :page-sizes="[20, 50, 100, 200, 500]"
+        :page-size="pageSize3"
+        :total="totalPage3"
+        layout="total, sizes, prev, pager, next, jumper">
+      </el-pagination>
+      <el-footer style="height:35px;margin-top:10px;text-align:center">
+        <el-button type="primary" @click="componentPartModelFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="导出发票" :close-on-click-modal="false" v-drag :visible.sync="exportInvoiceFlag" width="450px">
+      <el-form label-position="top"  style="margin-left: 2px;margin-top: 10px;">
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item :label="''" >
+              <template #label>
+                <span slot="label" style="" class="big-label">
+                  <a href="#" @click="openTemplate('发票')">发票模版</a>
+                </span>
+              </template>
+              <el-input v-model="exportInvoice.templateName" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" >
+            <el-form-item :label="''" >
+              <el-checkbox v-model="exportInvoice.hsCodeDesc">品名</el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" >
+            <el-form-item :label="''" >
+              <el-checkbox v-model="exportInvoice.hsCodeFlag">Hs Code</el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" >
+            <el-form-item :label="''" >
+              <el-checkbox v-model="exportInvoice.contractFlag">合同</el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" >
+            <el-form-item :label="''" >
+              <el-checkbox v-model="exportInvoice.goodsLabel">货物明细</el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'品名类型'" >
+              <el-radio v-model="exportInvoice.hsCodeDescType" label="Y">中文</el-radio>
+              <el-radio v-model="exportInvoice.hsCodeDescType" label="N">英文</el-radio>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="' '" >
+              <el-checkbox v-model="exportInvoice.showWeight">显示毛净重</el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'RFID Base Material'" >
+              <el-checkbox v-model="exportInvoice.material"></el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'HS Code'" >
+              <el-input :disabled="!exportInvoice.material" v-model="exportInvoice.hsCode"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'Non-reusable plastic packaging'" >
+              <el-checkbox v-model="exportInvoice.packaging"></el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'plastic packaging'" >
+              <el-input :disabled="!exportInvoice.packaging" v-model="exportInvoice.kgs"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" v-show="currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID'">
+            <el-form-item :label="'制造地'" >
+              <el-input  v-model="exportInvoice.origin"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24" style="">
+            <el-form-item :label="'备注'" >
+              <el-input type="textarea" :rows="3" v-model="exportInvoice.fpremark"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-table v-show="currentRow.buNo==='03-RFID'"
+                :height="240"
+                :data="notifyPartDetailList"
+                stripe
+                highlight-current-row
+                border :row-style="{ height: '30px' }"
+                style="width: 100%;margin-top: 60px" class="zxClass">
+        <el-table-column
+          prop="pn"
+          header-align="center"
+          align="center"
+          label="PN">
+        </el-table-column>
+        <el-table-column
+          prop="ehundred"
+          header-align="center"
+          align="center"
+          label="E100">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.ehundred" style="width: 100px;"></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="lossratio"
+          header-align="center"
+          align="center"
+          label="纯FSC纸重量损耗">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.lossratio" style="width: 100px;"></el-input>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-footer style="height:40px;margin-top: 60px;text-align:center">
+        <el-button type="primary" @click="downloadInvoice()">确定</el-button>
+        <el-button type="primary" @click="exportInvoiceFlag=false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+    <el-dialog title="导出出口货物委托书" :close-on-click-modal="false" v-drag :visible.sync="exportGoodsFlag" width="500px">
+      <el-form label-position="top"  style="margin-left: 7px;margin-top: 10px;">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="'品名类型'" >
+              <el-radio v-model="exportGoods.hsCodeDescType" label="Y">中文</el-radio>
+              <el-radio v-model="exportGoods.hsCodeDescType" label="N">英文</el-radio>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'贸易方式'" >
+              <el-input v-model="exportGoods.salesMethod"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'币制'" >
+              <el-input  v-model="exportGoods.currency"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'货物产地'" >
+              <el-input  v-model="exportGoods.madeArea"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'发货港'" >
+              <el-input v-model="exportGoods.sendPort"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'唛头'" >
+              <el-input v-model="exportGoods.voyage"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'提/送货日期'" >
+              <el-input v-model="exportGoods.deliveryGoodsDate"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'船期'" >
+              <el-input v-model="exportGoods.shippingDate"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item :label="'发货人'" >
+              <el-input type="textarea"
+                        :rows="4" v-model="exportGoods.shipper"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height:40px;margin-top: 80px;text-align:center">
+        <el-button type="primary" @click="downloadExportGoods()">确定</el-button>
+        <el-button type="primary" @click="exportGoodsFlag=false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+    <el-dialog title="模版" @close="closeTemplateDialog" @open="openTemplateDialog" :visible.sync="templateFlag" width="559px" v-drag>
+      <el-form inline="inline" label-position="top" :model="templateData" style="margin-left: 7px;margin-top: -5px;">
+        <el-form-item label="模版名称">
+          <el-input v-model="templateData.name" clearable style="width: 110px"></el-input>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" style="padding: 3px 12px" @click="searchTemplateList()">查询</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        :height="height + 110"
+        :data="templateList"
+        stripe
+        highlight-current-row
+        border
+        @row-dblclick="templateRowDblclick"
+        style="width: 100%;">
+        <el-table-column
+          prop="buNo"
+          header-align="center"
+          align="center"
+          label="BuNo">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          header-align="center"
+          align="center"
+          label="模版名称">
+        </el-table-column>
+        <el-table-column
+          prop="shippingMode"
+          header-align="center"
+          align="center"
+          label="运输方式">
+        </el-table-column>
+      </el-table>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button @click="templateFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <!-- 客户信息编辑对话框 -->
+    <el-dialog title="编辑客户信息" :close-on-click-modal="false" v-drag :visible.sync="customerInfoDialogFlag" width="600px">
+      <el-form label-position="top" style="margin-left: 7px; margin-top: -5px;">
+        <el-row :gutter="20">
+          <el-col :span="16">
+            <el-form-item label="客户名称(Customer Name)">
+              <el-input
+                v-model="customerInfoModel.customerName"
+                style="cursor: pointer;">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="贸易国(Sales Area)">
+              <el-input v-model="customerInfoModel.salesArea" placeholder="请输入贸易国"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="客户地址(Local Ship Address)">
+              <el-input v-model="customerInfoModel.localShipAddress"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="16">
+            <el-form-item label="收货单位(Overseas Shipper)">
+              <el-input v-model="customerInfoModel.overseasShipper"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="运抵国(Cnative)">
+              <el-input v-model="customerInfoModel.cnative" placeholder="请输入运抵国"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="收货单位地址(Overseas Address)">
+              <el-input v-model="customerInfoModel.overseasAddress">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="模板名称">
+              <el-input
+                v-model="customerInfoModel.templateName"
+                placeholder="请输入模板名称（用于另存为新的客户模版）">
+                <el-button
+                  slot="append"
+                  type="success"
+                  :disabled="!customerInfoModel.templateName || !customerInfoModel.templateName.trim()"
+                  :class="{ 'fake-disabled': !customerInfoModel.templateName }"
+                  @click="saveAsTemplate">
+                  另存为
+                </el-button>
+              </el-input>
+            </el-form-item>
+
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height:40px; margin-top: 10px; text-align:center">
+        <el-button type="primary" @click="updateCustomerInfo('')">仅保存客户信息</el-button>
+        <el-button type="primary" @click="updateCustomerInfo(customerInfoModel.templateNo)">保存并修改模版</el-button>
+        <el-button @click="customerInfoDialogFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+  </div>
+</template>
+
+  <script>
+    import Chooselist from '@/views/modules/common/Chooselist_eam'
+    import delUploadExcel from "./del_upload_excel.vue";
+    import delUploadExcelTx from "./del_upload_excel_tx.vue";
+    import delDetailUploadExcel from "./del_detail_upload_excel.vue";
+  import upcUploadExcel from "./upc_upload_excel.vue";
+  import PackingDetailTab from "./components/PackingDetailTab.vue";
+  import PackingDetailTabPallet from "./components/PackingDetailTabPallet.vue";
+  import {} from "@/api/sysLanguage.js"
+  import { getTableUserListLanguage} from "@/api/table.js"
+  import {getTableDefaultListLanguage} from "../../../api/table";
+  import excel from "@/utils/excel-util.js";
+  import {
+    searchEcssCoDelNotifyHeader,
+    searchEcssCoDelNotifyDetail,
+    updateEcssDelHeader,
+    updateCustomerInfo,
+    deleteEcssDelHeader,
+    cancelEcssDelHeader,
+    recoverEcssDelHeader,
+    changeEcssDelStatus,
+    updateEcssDelDetail,
+    deleteEcssDelDetail,
+    searchCoDelPalletDataNew,
+    queryPartListAll,
+    searchTemplateList,
+    getCustomerList,
+    getCustomers,
+    getCustomerAdd,
+    getNotifyPartDetail,
+    fixTtlAmount,
+    searchUpcImportData,
+    deleteUpcImportData,
+    updateCustomerTemplate
+  }from "@/api/ecss/ecss.js"
+  import {getBuList}from  '@/api/factory/site.js'
+  import ExportUtil from "@/utils/export";
+  import OssComponents from '../oss/ossComponents.vue'
+  export default {
+    name: "null",
+    components:{
+      OssComponents,
+      delUploadExcel,
+      delUploadExcelTx,
+      delDetailUploadExcel,
+      upcUploadExcel,
+      Chooselist,
+      PackingDetailTab,
+      PackingDetailTabPallet,
+    },
+    data() {
+      return {
+        pageIndex: 1,
+        pageSize: 100,
+        totalPage: 0,
+        height: 200,
+        // 选中行持久化相关
+        selectedRowKey: null, // 当前选中行的唯一标识
+        componentPartModelFlag: false,
+        componentPartData: {
+          site: '',
+          buNo: '',
+          sku: '',
+          partNo: '',
+          partDesc: '',
+          page: 1,
+          limit: 10
+        },
+        pageIndex3: 1,
+        pageSize3: 20,
+        totalPage3: 0,
+        componentPartList: [],
+        componentPartColumnList: [
+          {
+            columnProp: 'sku',
+            headerAlign: "center",
+            align: "center",
+            columnLabel: 'PN',
+            columnHidden: false,
+            columnImage: false,
+            status: true,
+            fixed: '',
+            columnWidth: 120
+          },
+          {
+            columnProp: 'partNo',
+            headerAlign: "center",
+            align: "center",
+            columnLabel: '物料编码',
+            columnHidden: false,
+            columnImage: false,
+            status: true,
+            fixed: '',
+            columnWidth: 120
+          },
+          {
+            columnProp: 'partDesc',
+            headerAlign: "center",
+            align: "center",
+            columnLabel: '物料描述',
+            columnHidden: false,
+            columnImage: false,
+            status: true,
+            fixed: '',
+            columnWidth: 300
+          },
+        ],
+
+        walMartOrderFlag: 'N',
+        fscFlag: 'N',
+        boxSizeFlag: 'N',
+        walMartOrderDialog:false,
+        buList:[],
+        dataList:[],
+        dataList2:[],
+        dataList3:[], // UPC数据列表
+        dataListLoading: false,
+        xiadaLoading: false, // 下达按钮加载状态
+        updateDetailLoading: false, // 明细保存/取消按钮加载状态
+        searchData: {
+          page: 1,
+          limit: 100,
+          buNo:'',
+          delNo:'',
+          cmcInvoice:'',
+          notifyStatus:'',
+          startDate:'',
+          endDate:'',
+          username:this.$store.state.user.name,
+          modifyData:'',
+          fscFlag:'',
+          walMartOrderFlag:'',
+          boxSizeFlag:'',
+        },
+        buttons:{
+          search:'查询',
+        },
+        updateHeaderModelFlag:false,
+        updateHeaderModel:{
+          site:'',
+          buDesc:'',
+          cmcInvoice:'',
+          delNo:'',
+          readyDate:'',
+          shippingMode:'',
+          destination:'',
+          notifyDate:'',
+          remark:'',
+        },
+        updateDetailModelFlag:false,
+        updateDetailModel:{
+          site:'',
+          buNo:'',
+          delNo:'',
+          itemNo:'',
+          partNo:'',
+          partDescription:'',
+          qty:'',
+          salesOrder:'',
+          line:'',
+          customerPO:'',
+          version:'',
+          status:'',
+          family:'',
+          lt:'',
+          cmcComment:'',
+          saleType:'',
+          awbBl:'',
+          shippingNumber:'',
+          forwarderInfo:'',
+          currency:'',
+          tp:'',
+          ttlAmount:'',
+          sumPrice:'',
+          so:'',
+          upc:'',
+          remark:'',
+          pn:'',
+          addFlag:'',
+          carton:'',
+          vat:'',
+          roll:'',
+        },
+        activeName:'detail',
+        columnList1: [
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1BuDesc',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "buDesc",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "BU",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1CmcInvoice',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "cmcInvoice",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "CMC Invoice",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1DelNo',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "delNo",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "发货通知单号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 110
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1ReadyDate',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "readyDate",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "ReadyDate",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1CustomerName',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "customerName",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "客户名称",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 220
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1ShippingMode',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "shippingMode",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "ShippingMode",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1Destination',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "destination",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Destination",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1NotifyStatus',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "notifyStatus",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "通知单状态",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1NotifyDate',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "notifyDate",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "发货日期",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 120
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1CreateBy',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "createBy",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "创建人",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1CreateDate',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "createDate",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "创建时间",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 130
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1UpdateBy',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "updateBy",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "修改人",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1UpdateDate',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "updateDate",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "修改时间",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 130
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1Remark',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "remark",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Remark",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 300
+          },
+        ],
+        columnList2: [
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2ItemNo',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "itemNo",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "行号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2PartNo',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "pn",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "PN",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2PartDescription',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "partDescription",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Description",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 300
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Qty',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "qty",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "Qty (pcs)",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+        /*  {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2SalesOrder',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "salesOrder",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "销售订单号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },*/
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2CustomerPO',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "customerPO",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "客户采购单号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          /*{
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Version',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "version",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Version",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Status',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "status",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Status",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Family',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "family",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Family",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Lt',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "lt",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "LT (wks)",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2CmcComment',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "cmcComment",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "CMC Comment",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },*/
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2SaleType',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "saleType",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "内外销方式",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          /*{
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2AwbBl',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "awbBl",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "AWB/ BL#",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2ShippingNumber',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "shippingNumber",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "ShippingNumber",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2ForwarderInfo',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "forwarderInfo",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Forwarder Info",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },*/
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Currency',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "currency",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Currency",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Tp',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "tp",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "TP",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2TtlAmount',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "ttlAmount",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "TTL Amount",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+         /* {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Remark',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "vat",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "VAT",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },*/
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2SumPrice',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "sumPrice",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "价税合计",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+         /* {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2So',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "so",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "SO",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Upc',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "upc",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "UPC",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },*/
+          // {
+          //   userId: this.$store.state.user.name,
+          //   functionId: 801001,
+          //   serialNumber: '801001Table2ErpDelItemNo',
+          //   tableId: "801001Table2",
+          //   tableName: "关务系统发货通知单明细",
+          //   columnProp: "erpDelItemNo",
+          //   headerAlign: "center",
+          //   align: "right",
+          //   columnLabel: "ERP发货单行号",
+          //   columnHidden: false,
+          //   columnImage: false,
+          //   columnSortable: false,
+          //   sortLv: 0,
+          //   status: true,
+          //   fixed: '',
+          //   columnWidth: 60
+          // },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Remark',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "remark",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Remark",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 300
+          },
+          /*{
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Remark',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "roll",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "Roll",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Remark',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "carton",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "Carton",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Remark',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "qtyRoll",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "qty/roll",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Remark',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "qtyBox",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "qty/box",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },*/
+        ],
+
+        ossColumns:[
+          {
+            userId: this.$store.state.user.name,
+            functionId: 103001,
+            serialNumber: '103001Table2FileName',
+            tableId: '103001Table2',
+            tableName: '文件信息表',
+            columnProp: 'fileName',
+            headerAlign: 'center',
+            align: 'center',
+            columnLabel: '文件名称',
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 140
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 103001,
+            serialNumber: '103001Table2FileRemark',
+            tableId: '103001Table2',
+            tableName: '文件信息表',
+            columnProp: 'fileRemark',
+            headerAlign: 'center',
+            align: 'center',
+            columnLabel: '备注',
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 240
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 103001,
+            serialNumber: '103001Table2CreateDate',
+            tableId: '103001Table2',
+            tableName: '文件信息表',
+            columnProp: 'createDate',
+            headerAlign: 'center',
+            align: 'center',
+            columnLabel: '上传时间',
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 140
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 103001,
+            serialNumber: '103001Table2CreatedBy',
+            tableId: '103001Table2',
+            tableName: '文件信息表',
+            columnProp: 'createdBy',
+            headerAlign: 'center',
+            align: 'center',
+            columnLabel: '上传人',
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 140
+          }
+        ],
+        currentRow:{},
+        // 导出 start
+        exportData: [],
+        exportName: '发货通知单'+this.dayjs().format('YYYYMMDDHHmmss'),
+        exportHeader: ["发货通知单"],
+        exportFooter: [],
+        // 导出 end
+        exportInvoiceFlag:false,
+        exportInvoice:{
+          origin:"made in china",
+          templateName:'',
+          hsCodeDesc:'',
+          contractFlag:'',
+          packaging:'',
+          kgs:'',
+          hsCode:'',
+          material:'',
+          hsCodeDescType:'',
+          goodsLabel:true,
+          hsCodeFlag:true,
+          overseasShipper:'',
+          overseasAddress:'',
+          fpremark:'',
+          showWeight:false
+        },
+        exportGoodsFlag:false,
+        exportGoods:{
+          salesMethod:'EXW',
+          currency: 'USD',
+          madeArea: 'Nantong, China',
+          sendPort:'Shanghai, China',
+          deliveryGoodsDate:'',
+          voyage :'',
+          shippingDate:'',
+          hsCodeDescType:'Y',
+          shipper:'Checkpoint Commercial (Shanghai) Co., Ltd.   保点贸易（上海）有限公司\t\t\t\t\t\t\n' +
+            'Room 1411, No. 31, Lane 2419, Hunan Road, Pudong New Area, Shanghai\t\t\t\t\t\t\n' +
+            '电话/Tel: (86-21)38112888   传真/Fax: (86-21)38112990\t\t\t\t\t\t\n' +
+            '上海市浦东新区沪南路2419弄31号1411室\t\t\t\t\t\t\n'
+        },
+        notifyPartDetailList:[],
+        templateFlag:false,
+        templateData:{},
+        templateList:[],
+        customerData:{},
+        customerAddData:{},
+        // 客户信息编辑相关
+        customerInfoDialogFlag: false,
+        customerInfoModel: {
+          customerName: '',
+          localShipAddress: '',
+          overseasShipper: '',
+          overseasAddress: '',
+          salesArea: '',
+          cnative: '',
+          templateName: ''
+        },
+        // 客户选择相关
+        customerSelectFlag: false,
+        addressSelectFlag: false,
+        shipperSelectFlag: false,
+        overseasAddressSelectFlag: false,
+        customerListForEdit: [],
+        customerAddrsForEdit: [],
+        customSearchData: {},
+      }
+    },
+    mounted() {
+      this.$nextTick(() => {
+        this.height = (window.innerHeight - 240)/2;
+      })
+    },
+    methods: {
+      isPnDataIncomplete(row) {
+        const hsCodeDesc = row.hsCodeDesc !== null && row.hsCodeDesc !== undefined && row.hsCodeDesc !== ''&& row.hsCodeDesc !== '*';
+        return !hsCodeDesc;
+      },
+
+      // 跳转到PN维护页面
+      navigateToPartHsCode(pn) {
+        if (!pn) {
+          this.$message.warning('PN不能为空');
+          return;
+        }
+        this.$router.push({
+          path: '/ecss-partHsCode',
+          query: {
+            sku: pn
+          }
+        });
+      },
+      // 获取基础数据列表S
+      getBaseList(val, type) {
+        this.tagNo = val
+        this.$nextTick(() => {
+          let strVal = ''
+          if (val === 507) {
+            strVal = this.updateDetailModel.partNo
+          }
+          this.$refs.baseList.init(val, strVal)
+        })
+      },
+
+      /* 列表方法的回调 */
+      getBaseData(val) {
+        if (this.tagNo === 507) {
+          this.updateDetailModel.partNo = val.part_no
+        }
+      },
+      // 每页数
+      sizeChangeHandle (val) {
+        this.pageSize = val
+        this.pageIndex = 1
+        this.searchTable()
+      },
+      // 当前页
+      currentChangeHandle (val) {
+        this.pageIndex = val
+        this.searchTable()
+      },
+      searchTable(){
+        this.searchData.limit = this.pageSize
+        this.searchData.page = this.pageIndex
+        searchEcssCoDelNotifyHeader(this.searchData).then(({data}) => {
+          //区分请求成功和失败的状况
+          if (data && data.code == 0) {
+            this.dataList = data.page.list
+            this.pageIndex = data.page.currPage
+            this.pageSize = data.page.pageSize
+            this.totalPage = data.page.totalCount
+            if(this.dataList.length>0){
+              this.dataList.forEach(o => {
+                // 显示改单次数，如：改单（1）、改单（2）
+                o.modifyLabel = !!o.modifyFlag ? (o.modifyCount>1 ? '改单(' + o.modifyCount + ')' : '改单(1)') : '';
+              });
+
+              // 使用 $nextTick 确保 DOM 渲染完成后再设置选中行
+              this.$nextTick(() => {
+                try {
+                  // 检查表格引用是否存在
+                  if (!this.$refs.mainTable) {
+                    console.warn('[行选择持久化] 表格引用不存在，跳过设置选中行');
+                    return;
+                  }
+
+                  // 尝试恢复之前选中的行
+                  const restoredRow = this.restoreSelectedRow();
+                  if (restoredRow) {
+                    this.$refs.mainTable.setCurrentRow(restoredRow);
+                    this.changeData(restoredRow);
+                  } else {
+                    // 如果没有之前选中的行，默认选中第一行
+                    this.$refs.mainTable.setCurrentRow(this.dataList[0]);
+                    this.changeData(this.dataList[0]);
+                  }
+                } catch (error) {
+                  console.error('[行选择持久化] 设置选中行失败:', error);
+                  // 降级处理：只调用 changeData，不设置表格选中状态
+                  const restoredRow = this.restoreSelectedRow();
+                  this.changeData(restoredRow || this.dataList[0]);
+                }
+              });
+            }else {
+              this.changeData(null)
+            }
+          } else {
+            this.dataList = [];
+          }
+        });
+      },
+      // 动态列开始 获取 用户保存的 格式列
+      async getTableUserColumn (tableId, columnId) {
+        let queryTableUser = {
+          userId: this.$store.state.user.name,
+          functionId: this.$route.meta.menuId,
+          tableId: tableId,
+          status: true,
+          languageCode: this.$i18n.locale
+        }
+        await getTableUserListLanguage(queryTableUser).then(({data}) => {
+          if (data.rows.length > 0) {
+            //this.columnList1 = []
+            switch (columnId) {
+              case 1:
+                this.columnList1 = data.rows
+                break;
+              // case 2:
+              //   this.columnDetailList = data.rows
+              //   break;
+              // case 3:
+              //   this.columnList2 = data.rows
+              //   break;
+              // case 4:
+              //   this.columnList3 = data.rows
+              //   break;
+            }
+          } else {
+            this.getColumnList(tableId, columnId)
+          }
+        })
+      },
+      // 获取 tableDefault 列
+      async getColumnList (tableId, columnId) {
+        let queryTable = {
+          functionId: this.$route.meta.menuId,
+          tableId: tableId,
+          languageCode: this.$i18n.locale
+        }
+        await getTableDefaultListLanguage(queryTable).then(({data}) => {
+          if (!data.rows.length == 0) {
+            switch (columnId) {
+              case 1:
+                this.columnList1 = data.rows
+                break;
+              // case 2:
+              //   this.columnDetailList = data.rows
+              //   break;
+              // case 3:
+              //   this.columnList2 = data.rows
+              //   break;
+              // case 4:
+              //   this.columnList3 = data.rows
+              //   break;
+            }
+          } else {
+            // this.showDefault = true.
+          }
+        })
+      },
+      changeData(row){
+        this.currentRow = JSON.parse(JSON.stringify(row));
+        this.headerData=row;
+
+        // 保存选中行的唯一标识到本地存储
+        if (row && row.delNo) {
+          this.selectedRowKey = row.delNo;
+          this.saveSelectedRowToStorage();
+        }
+
+        // 预先查询UPC数据，用于判断是否显示UPC tab
+        this.getUpcDataList();
+
+        this.refreshCurrentTabTable ();
+      },
+      importModel(){
+        this.$nextTick(() => {
+          this.$refs.delUploadExcel.init()
+        })
+      },
+      importModelTX(){
+        this.$nextTick(() => {
+          this.$refs.delUploadExcelTx.init()
+        })
+      },
+      importDetailModel(){
+        this.$nextTick(() => {
+          this.$refs.delDetailUploadExcel.init(this.currentRow)
+        })
+      },
+      /**
+       * UPC导入
+       */
+      importUpcModel(){
+        if (!this.currentRow || !this.currentRow.cmcInvoice) {
+          this.$message.warning('请先选择一个发货通知单')
+          return
+        }
+        this.$nextTick(() => {
+          this.$refs.upcUploadExcel.init(this.currentRow)
+        })
+      },
+      // TTL Amount修正方法
+      fixTtlAmountHandle(){
+        if (!this.currentRow || !this.currentRow.delNo) {
+          this.$message.warning('请先选择一个发货通知单')
+          return
+        }
+        this.$confirm('确认要将所有明细的价税合计(sumPrice)赋值到TTL Amount字段吗？', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          fixTtlAmount(this.currentRow).then(({data}) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: 'TTL Amount修正成功',
+                type: 'success',
+                duration: 1500
+              })
+              // 刷新明细列表
+              this.refreshCurrentTabTable()
+            } else {
+              this.$alert(data.msg || 'TTL Amount修正失败', '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          }).catch((error) => {
+            this.$alert('TTL Amount修正失败: ' + error, '错误', {
+              confirmButtonText: '确定'
+            })
+          })
+        }).catch(() => {
+          // 用户取消操作
+        })
+      },
+      refreshCurrentTabTable(){
+        if(this.currentRow===''||this.currentRow===null){
+          this.currentRow={site:'',delNo:''}
+        }
+        if(this.activeName==='detail'){
+          searchEcssCoDelNotifyDetail(this.currentRow).then(({data}) => {
+            //区分请求成功和失败的状况
+            if (data && data.code == 0) {
+              this.dataList2 = data.rows
+
+            } else {
+              this.dataList2 = [];
+            }
+          });
+        }
+        if(this.activeName==='pallet'){
+          // 刷新装箱明细组件
+          if (this.$refs.packingDetailTab) {
+            this.$refs.packingDetailTab.refresh();
+          }
+        }
+        if(this.activeName==='upcDetail'){
+          // 查询UPC数据
+          this.getUpcDataList()
+        }
+      },
+      /**
+       * 获取UPC数据列表
+       */
+      getUpcDataList(){
+        if(!this.currentRow || !this.currentRow.cmcInvoice){
+          this.dataList3 = []
+          return
+        }
+
+        const params = {
+          site: this.currentRow.site,
+          cmcInvoice: this.currentRow.cmcInvoice
+        }
+
+        searchUpcImportData(params).then(({data}) => {
+          if (data && data.code === 0) {
+            this.dataList3 = data.rows || []
+          } else {
+            this.dataList3 = []
+          }
+        }).catch((error) => {
+          console.error('查询UPC数据失败:', error)
+          this.dataList3 = []
+        })
+      },
+      /**
+       * 删除发货通知单的全部UPC数据
+       */
+      deleteAllUpcData(){
+        if (!this.currentRow || !this.currentRow.cmcInvoice) {
+          this.$message.warning('请先选择一个发货通知单')
+          return
+        }
+
+        // 确认删除
+        this.$confirm(`确定要删除发票号 ${this.currentRow.cmcInvoice} 的全部UPC数据吗？`, '删除确认', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          const params = {
+            site: this.currentRow.site,
+            cmcInvoice: this.currentRow.cmcInvoice
+          }
+
+          deleteUpcImportData(params).then(({data}) => {
+            if (data && data.code === 0) {
+              this.$message.success('UPC数据删除成功')
+              // 清空当前数据列表
+              this.dataList3 = []
+              // 切换回明细tab
+              this.activeName = 'detail'
+            } else {
+              this.$alert(data.msg || 'UPC数据删除失败', '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          }).catch((error) => {
+            console.error('删除UPC数据失败:', error)
+            this.$alert('删除UPC数据失败: ' + error, '错误', {
+              confirmButtonText: '确定'
+            })
+          })
+        }).catch(() => {
+          // 用户取消删除
+        })
+      },
+      /**
+       * 合并表格单元格方法
+       * 用于合并相同cartonNo的行
+       */
+      arraySpanMethod({ row, column, rowIndex, columnIndex }) {
+        // 只对第一列（箱号列）进行合并
+        if (columnIndex === 0) {
+          // 如果数据为空，不合并
+          if (!this.dataList3 || this.dataList3.length === 0) {
+            return {
+              rowspan: 1,
+              colspan: 1
+            }
+          }
+
+          // 获取当前行的箱号
+          const currentCartonNo = row.cartonNo
+
+          // 如果是第一行，或者与上一行的箱号不同
+          if (rowIndex === 0 || this.dataList3[rowIndex - 1].cartonNo !== currentCartonNo) {
+            // 计算相同箱号的行数
+            let rowspan = 1
+            for (let i = rowIndex + 1; i < this.dataList3.length; i++) {
+              if (this.dataList3[i].cartonNo === currentCartonNo) {
+                rowspan++
+              } else {
+                break
+              }
+            }
+
+            return {
+              rowspan: rowspan,
+              colspan: 1
+            }
+          } else {
+            // 如果与上一行的箱号相同，则隐藏该单元格
+            return {
+              rowspan: 0,
+              colspan: 0
+            }
+          }
+        }
+
+        // 其他列不合并
+        return {
+          rowspan: 1,
+          colspan: 1
+        }
+      },
+      tabClick (tab, event) {
+        // 刷新列表数据
+        this.refreshCurrentTabTable()
+      },
+      updateHeaderModelDo(row){
+        this.updateHeaderModel=JSON.parse(JSON.stringify(row));
+        this.updateHeaderModelFlag=true
+      },
+      doUpdateHeader(){
+        if(this.updateHeaderModel.readyDate==null||this.updateHeaderModel.readyDate==''){
+          this.$alert('请选择ReadyDate！', '错误', {
+            confirmButtonText: '确定'
+          })
+          return false
+        }
+        updateEcssDelHeader(this.updateHeaderModel).then(({data}) => {
+          if (data && data.code === 0) {
+            // 保存当前选中行的标识，以便刷新后恢复
+            const currentSelectedKey = this.currentRow ? this.currentRow.delNo : null;
+            if (currentSelectedKey) {
+              this.selectedRowKey = currentSelectedKey;
+              this.saveSelectedRowToStorage();
+            }
+            this.searchTable()
+            this.updateHeaderModelFlag = false
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {}
+            })
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            })
+          }
+        })
+      },
+      deleteDelHeader(row){
+        this.$confirm('确认删除吗？', '提示').then(() => {
+          deleteEcssDelHeader(row).then(({data}) => {
+            if (data && data.code === 0) {
+              // 如果删除的是当前选中行，清除选中状态
+              if (this.currentRow && this.currentRow.delNo === row.delNo) {
+                this.clearSelectedRowStorage();
+              }
+              this.searchTable()
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+        })
+      },
+      xiadaChoose(row){
+        // 设置当前行
+        this.currentRow = row;
+
+        if (this.dataList2.length===0) {
+          this.$alert('该发货通知单下没有明细无法下达！', '错误', {
+            confirmButtonText: '确定'
+          })
+          return false
+        }
+        this.walMartOrderFlag='N';
+        this.fscFlag='N';
+        this.boxSizeFlag = 'N';
+        this.walMartOrderDialog=true;
+      },
+      cancelDelHeader(row){
+        this.$confirm('确认废弃吗？', '提示').then(() => {
+          cancelEcssDelHeader(row).then(({data}) => {
+            if (data && data.code === 0) {
+              // 保存当前选中行的标识，以便刷新后恢复
+              const currentSelectedKey = row ? row.delNo : null;
+              if (currentSelectedKey) {
+                this.selectedRowKey = currentSelectedKey;
+                this.saveSelectedRowToStorage();
+              }
+              this.searchTable()
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+        })
+      },
+      recoverDelHeader(row){
+        this.$confirm('确认取消废弃吗？', '提示').then(() => {
+          recoverEcssDelHeader(row).then(({data}) => {
+            if (data && data.code === 0) {
+              // 保存当前选中行的标识，以便刷新后恢复
+              const currentSelectedKey = row ? row.delNo : null;
+              if (currentSelectedKey) {
+                this.selectedRowKey = currentSelectedKey;
+                this.saveSelectedRowToStorage();
+              }
+              this.searchTable()
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+        })
+      },
+      tableRowClassName({row}) {
+        if (row.notifyStatus==='订单取消') {
+          return 'warning-row';
+        }
+      },
+      cellStyle({row, column }) {
+        // 改单列显示橙色：只要modifyFlag为true就显示橙色
+        if (column.property === 'modifyLabel' && row.modifyFlag===true) {
+          return { color: '#ff5d03' };
+        }
+        return {};
+      },
+      cellStyleDetail({row, column }) {
+        if (column.property === 'qty' && row.modifyQtyFlag===true) {
+          return { color: '#ff5d03' };
+        }
+
+        // PN列保持原有的 modifyFlag 判断
+        if (column.property === 'pn' && row.modifyFlag===true) {
+          return { color: '#ff5d03' };
+        }
+        // 检查 pn 列，当 boxrolls、rollqty、boxweight 其中任意一个没有值时，将 pn 颜色改成橙色
+        if (column.property === 'pn') {
+          const hsCodeDesc = row.hsCodeDesc !== null && row.hsCodeDesc !== undefined && row.hsCodeDesc !== ''&& row.hsCodeDesc !== '*';
+
+          if (!hsCodeDesc) {
+            return { color: '#ff8c00' }; // 橙色
+          }
+        }
+        return {};
+      },
+      xiadaEcssDel(){
+        let inData={
+          site:this.currentRow.site,
+          buNo:this.currentRow.buNo,
+          createBy:this.currentRow.createBy,
+          delNo:this.currentRow.delNo,
+          cmcInvoice:this.currentRow.cmcInvoice,
+          notifyStatus:'已下达',
+          walMartOrderFlag:this.walMartOrderFlag,
+          fscFlag:this.fscFlag,
+          boxSizeFlag:this.boxSizeFlag
+        }
+        // 开始加载
+        this.dataListLoading = true;
+
+        changeEcssDelStatus(inData).then(({data}) => {
+          if (data && data.code === 0) {
+            // 保存当前选中行的标识，以便刷新后恢复
+            const currentSelectedKey = this.currentRow ? this.currentRow.delNo : null;
+            if (currentSelectedKey) {
+              this.selectedRowKey = currentSelectedKey;
+              this.saveSelectedRowToStorage();
+            }
+            this.searchTable()
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {}
+            })
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            })
+          }
+        }).catch((error) => {
+          // 处理错误情况
+          this.$alert('操作失败，请重试', '错误', {
+            confirmButtonText: '确定'
+          })
+        }).finally(() => {
+          // 无论成功还是失败都要恢复加载状态
+          this.dataListLoading = false;
+        })
+        this.walMartOrderDialog=false;
+      },
+      jihuaEcssDel(row){
+        let inData={
+          site:row.site,
+          delNo:row.delNo,
+          notifyStatus:'已计划'
+        }
+        this.$confirm('确认取消下达吗？', '提示').then(() => {
+          changeEcssDelStatus(inData).then(({data}) => {
+            if (data && data.code === 0) {
+              // 保存当前选中行的标识，以便刷新后恢复
+              const currentSelectedKey = row ? row.delNo : null;
+              if (currentSelectedKey) {
+                this.selectedRowKey = currentSelectedKey;
+                this.saveSelectedRowToStorage();
+              }
+              this.searchTable()
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+        })
+      },
+      declarationCompleted(row){
+        let inData={
+          site:row.site,
+          delNo:row.delNo,
+          walMartOrderFlag:row.walMartOrderFlag,
+          notifyStatus:'已报关'
+        }
+        this.$confirm('确认一键结单吗？', '提示').then(() => {
+          changeEcssDelStatus(inData).then(({data}) => {
+            if (data && data.code === 0) {
+              // 保存当前选中行的标识，以便刷新后恢复
+              const currentSelectedKey = row ? row.delNo : null;
+              if (currentSelectedKey) {
+                this.selectedRowKey = currentSelectedKey;
+                this.saveSelectedRowToStorage();
+              }
+              this.searchTable()
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+        })
+      },
+      // 每页数
+      sizeChangeHandle3 (val) {
+        this.pageSize3 = val
+        this.pageIndex3 = 1
+        this.queryComponentPartModal()
+      },
+
+      // 当前页
+      currentChangeHandle3 (val) {
+        this.pageIndex3 = val
+        this.queryComponentPartModal()
+      },
+      // 子物料列表
+      queryComponentPartModal () {
+        this.componentPartData.limit = this.pageSize3
+        this.componentPartData.page = this.pageIndex3
+        this.componentPartData.site = this.currentRow.site
+        this.componentPartData.buNo = this.currentRow.buNo
+        // 查询所有物料
+        queryPartListAll(this.componentPartData).then(({data}) => {
+          if (data && data.code === 0) {
+            this.componentPartList = data.page.list
+            this.pageIndex3 = data.page.currPage
+            this.pageSize3 = data.page.pageSize
+            this.totalPage3 = data.page.totalCount
+            this.componentPartModelFlag = true
+          } else {
+            this.componentPartList = []
+          }
+        })
+      },
+      // 物料查询列表
+      queryComponentPartList () {
+        this.componentPartData.limit = this.pageSize3
+        this.componentPartData.page = this.pageIndex3
+        // 查询所有物料
+        queryPartListAll(this.componentPartData).then(({data}) => {
+          if (data && data.code === 0) {
+            this.componentPartList = data.page.list
+            this.pageIndex3 = data.page.currPage
+            this.pageSize3 = data.page.pageSize
+            this.totalPage3 = data.page.totalCount
+          } else {
+            this.componentPartList = []
+          }
+        })
+      },
+      // 双击选中子物料
+      getComponentRowData (row) {
+        this.updateDetailModel.partDescription = row.partDesc
+        this.updateDetailModel.pn = row.sku
+        this.updateDetailModel.partNo = row.partNo
+        this.componentPartModelFlag = false
+      },
+
+      doUpdateDetail(){
+        if(this.updateDetailModel.partNo==null||this.updateDetailModel.partNo==''){
+          this.$alert('请输入PN！', '错误', {
+            confirmButtonText: '确定'
+          })
+          return false
+        }
+        if(this.updateDetailModel.qty==null||this.updateDetailModel.qty==''){
+          this.$alert('请输入QTY！', '错误', {
+            confirmButtonText: '确定'
+          })
+          return false
+        }
+        if(this.updateDetailModel.qty<=0){
+          this.$alert('QTY必须大于0！', '错误', {
+            confirmButtonText: '确定'
+          })
+          return false
+        }
+
+        // 开始加载
+        this.updateDetailLoading = true
+
+        updateEcssDelDetail(this.updateDetailModel).then(({data}) => {
+          if (data && data.code === 0) {
+            // 保存当前选中行的标识，以便刷新后恢复
+            const currentSelectedKey = this.currentRow ? this.currentRow.delNo : null
+            if (currentSelectedKey) {
+              this.selectedRowKey = currentSelectedKey
+              this.saveSelectedRowToStorage()
+            }
+
+            // 刷新明细表格
+            this.refreshCurrentTabTable()
+            // 刷新表头列表
+            this.searchTable()
+
+            this.updateDetailModelFlag=false
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {}
+            })
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            })
+          }
+        }).catch((error) => {
+          // 处理错误情况
+          this.$alert('操作失败，请重试', '错误', {
+            confirmButtonText: '确定'
+          })
+        }).finally(() => {
+          // 无论成功还是失败都要恢复加载状态
+          this.updateDetailLoading = false
+        })
+      },
+
+      // 自动计算金额
+      calculateAmounts() {
+        // 获取数值，如果无效则为0
+        const qty = parseFloat(this.updateDetailModel.qty) || 0;
+        const tp = parseFloat(this.updateDetailModel.tp) || 0;
+        const vat = parseFloat(this.updateDetailModel.vat) || 0;
+
+        // 价税合计 = 数量 * TP，保留两位小数
+        const sumPrice = qty * tp;
+        this.updateDetailModel.sumPrice = sumPrice > 0 ? sumPrice.toFixed(2) : '';
+
+        // TTL Amount = 价税合计 * VAT，保留两位小数
+        const ttlAmount = sumPrice * vat;
+        this.updateDetailModel.ttlAmount = ttlAmount > 0 ? ttlAmount.toFixed(2) : '';
+      },
+
+      openCreateDetailModel(){
+        this.updateDetailModel.site=this.currentRow.site;
+        this.updateDetailModel.buNo=this.currentRow.buNo;
+        this.updateDetailModel.delNo=this.currentRow.delNo;
+        this.updateDetailModel.partNo=''
+        this.updateDetailModel.qty=''
+        this.updateDetailModel.partDescription=''
+        this.updateDetailModel.itemNo=''
+        this.updateDetailModel.salesOrder=''
+        this.updateDetailModel.line=''
+        this.updateDetailModel.customerPO=''
+        this.updateDetailModel.version=''
+        this.updateDetailModel.status=''
+        this.updateDetailModel.family=''
+        this.updateDetailModel.lt=''
+        this.updateDetailModel.cmcComment=''
+        this.updateDetailModel.saleType=''
+        this.updateDetailModel.awbBl=''
+        this.updateDetailModel.shippingNumber=''
+        this.updateDetailModel.forwarderInfo=''
+        this.updateDetailModel.currency=''
+        this.updateDetailModel.tp=''
+        this.updateDetailModel.ttlAmount=''
+        this.updateDetailModel.sumPrice=''
+        this.updateDetailModel.so=''
+        this.updateDetailModel.upc=''
+        this.updateDetailModel.remark=''
+        this.updateDetailModel.pn=''
+        this.updateDetailModel.roll=''
+        this.updateDetailModel.carton=''
+        this.updateDetailModel.vat=''
+        this.updateDetailModel.addFlag=0
+        this.updateDetailModelFlag=true
+      },
+      openUpdateDetailModel(row){
+        this.updateDetailModel=JSON.parse(JSON.stringify(row));
+        this.updateDetailModel.addFlag=1
+        this.updateDetailModelFlag=true
+      },
+      deleteDelDetail(row){
+        this.$confirm('确认取消此明细？', '提示').then(() => {
+          // 开始加载
+          this.updateDetailLoading = true
+
+          deleteEcssDelDetail(row).then(({data}) => {
+            if (data && data.code === 0) {
+              // 保存当前选中行的标识，以便刷新后恢复
+              const currentSelectedKey = this.currentRow ? this.currentRow.delNo : null
+              if (currentSelectedKey) {
+                this.selectedRowKey = currentSelectedKey
+                this.saveSelectedRowToStorage()
+              }
+
+              // 刷新明细表格
+              this.refreshCurrentTabTable()
+              // 刷新表头列表
+              this.searchTable()
+
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          }).catch((error) => {
+            // 处理错误情况
+            this.$alert('操作失败，请重试', '错误', {
+              confirmButtonText: '确定'
+            })
+          }).finally(() => {
+            // 无论成功还是失败都要恢复加载状态
+            this.updateDetailLoading = false
+          })
+        }).catch(() => {
+          // 用户取消确认时不需要loading状态
+        })
+      },
+      getBu () {
+        let tempData = {
+          username: this.$store.state.user.name,
+        }
+        getBuList(tempData).then(({data}) => {
+          if (data.code === 0) {
+            this.buList = data.row2
+            if (this.buList.length===1) {
+              this.searchData.buNo = this.buList[0].buNo;
+            }
+          }
+        })
+      },
+      //导出excel
+      async createExportData() {
+        this.searchData.limit = -1
+        this.searchData.page = 1
+        await searchEcssCoDelNotifyHeader(this.searchData).then(({data}) => {
+          this.exportList= data.page.list;
+        })
+
+        return this.exportList;
+      },
+      startDownload() {
+        //  this.exportData = this.dataList
+
+      },
+      finishDownload() {
+      },
+      fields() {
+        let json = "{"
+        this.columnList1.forEach((item, index) => {
+          if (index == this.columnList1.length - 1) {
+            json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
+          } else {
+            json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
+          }
+        })
+        json += "}"
+        let s = eval("(" + json + ")")
+
+        return s
+      },
+      async exportExcel() {
+        this.searchData.limit = -1
+        this.searchData.page = 1
+        excel.exportTable({
+          url: "/ecss/coDel/searchEcssCoDelNotifyHeader",
+          columnMapping:  this.columnList1,//可以直接用table，不需要的列就剔除
+          mergeSetting: [],//需要合并的列
+          params: this.searchData,
+          fileName: this.exportName+".xlsx",
+          rowFetcher: res => res.data,
+          columnFormatter: [],
+          dropColumns: [],//需要剔除的列，例如dropColumns: ["netWeight"]，即剔除净重列
+        });
+      },
+      getSummaries(param) {
+        const { columns } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '合计';
+            return;
+          }
+          let sumDataList = this.dataList2.filter(item => item.qty>0);
+          const values = sumDataList.map(item => Number(item[column.property]));
+          if (!values.every(value => isNaN(value))) {
+            switch(column.property) {
+              case 'qty':
+                sums[index] = `${values.reduce((a, b) => a + b, 0)}`;
+                break;
+              case 'ttlAmount':
+                sums[index] = `${values.reduce((a, b) => a + b, 0).toFixed(2)}`;
+                break;
+              case 'sumPrice':
+                sums[index] = `${values.reduce((a, b) => a + b, 0).toFixed(2)}`;
+                break;
+              default:
+                sums[index] = '';
+            }
+          } else {
+            sums[index] = '';
+          }
+        });
+        this.$nextTick(() => this.$refs.detailTable.doLayout());// 强制刷新布局,  否则会被表格覆盖
+        return sums;
+      },
+
+      exportInvoiceList() {
+        if (!this.currentRow || !this.currentRow.buNo) {
+          this.$message.warning('请选择发货通知单！')
+          return
+        }
+        if (this.currentRow.notifyStatus==='订单取消') {
+          this.$message.warning('该发货通知单已取消！')
+          return
+        }
+        this.exportInvoice.templateName=''
+        this.exportInvoice.hsCodeDesc=this.currentRow.hsCodeDesc
+        this.exportInvoice.contractFlag=this.currentRow.contractFlag
+        this.exportInvoice.packaging=this.currentRow.packaging
+        this.exportInvoice.kgs=this.currentRow.kgs
+        this.exportInvoice.hsCode=this.currentRow.hsCode
+        this.exportInvoice.material=this.currentRow.material
+        this.exportInvoice.hsCodeDescType=this.currentRow.hsCodeDescType
+        this.exportInvoice.goodsLabel=this.currentRow.goodsLabel
+        this.exportInvoice.origin="made in china"
+        //this.exportInvoice = this.currentRow
+        if (!this.exportInvoice.origin) {
+          this.exportInvoice.origin = 'made in china'
+        }
+        if (!this.exportInvoice.itemNo) {
+          this.exportInvoice.itemNo = 'Y'
+        }
+        this.notifyPartDetailList = [];
+        this.customerData=''
+        this.customerAddData = ''
+        this.exportInvoiceFlag = true
+        if (this.currentRow.buNo==='03-RFID') {
+          getNotifyPartDetail(this.currentRow).then(({data}) => {
+            //区分请求成功和失败的状况
+            if (data && data.code == 0) {
+              this.notifyPartDetailList = data.rows
+              this.notifyPartDetailList.forEach(o => {
+                if (!o.lossratio) {
+                  o.lossratio = '1.2';
+                }
+              });
+            } else {
+              this.notifyPartDetailList = [];
+            }
+          });
+        }
+        this.templateData.type='发票'
+        this.searchTemplateOne();
+      },
+
+      searchTemplateOne() {
+        this.templateData.buNo = this.currentRow.buNo
+        this.templateData.customName = this.currentRow.customerName
+        this.templateData.shippingMode = this.currentRow.shippingMode
+        searchTemplateList(this.templateData).then(({data}) => {
+          if (data && data.code === 0){
+            if (data.rows && data.rows.length > 0) {
+              this.templateRowDblclick(data.rows[0]);
+            }
+          }
+        })
+      },
+
+      exportGoodsList() {
+        if (!this.currentRow || !this.currentRow.buNo) {
+          this.$message.warning('请选择发货通知单！')
+          return
+        }
+        this.exportGoods.hsCodeDescType = 'N'
+        this.exportGoods.salesMethod = 'EXW'
+        this.exportGoods.currency = this.currentRow.currency?this.currentRow.currency:this.dataList2.length>0?this.dataList2[0].currency:'USD'
+        this.exportGoods.madeArea = 'Nantong, China'
+        this.exportGoods.sendPort = 'Shanghai, China'
+        this.exportGoods.deliveryGoodsDate = ''
+        this.exportGoods.voyage = this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID'?this.currentRow.cmcInvoice:''
+        this.exportGoods.shippingDate = ''
+        this.exportGoodsFlag = true
+      },
+
+      /**
+       * 打开客户信息编辑对话框
+       */
+      openCustomerInfoDialog() {
+        if (!this.currentRow || !this.currentRow.cmcInvoice) {
+          this.$message.warning('请选择发货通知单！')
+          return
+        }
+        if (this.currentRow.notifyStatus === '订单取消') {
+          this.$message.warning('该发货通知单已取消！')
+          return
+        }
+
+        // 初始化客户信息数据
+        this.customerInfoModel = {
+          customerName: this.currentRow.customerName || '',
+          localShipAddress: this.currentRow.localShipAddress || '',
+          overseasShipper: this.currentRow.overseasShipper || '',
+          overseasAddress: this.currentRow.overseasAddress || '',
+          salesArea: this.currentRow.salesArea || '',
+          cnative: this.currentRow.cnative || '',
+          templateNo: this.currentRow.templateNo || '',
+          templateName: ''
+        }
+
+        this.customerInfoDialogFlag = true
+      },
+
+      /**
+       * 更新客户信息
+       */
+      updateCustomerInfo(templateNo) {
+        // 验证必填字段
+        if (!this.customerInfoModel.customerName) {
+          this.$message.warning('请填写客户名称')
+          return
+        }
+
+        // 准备更新数据
+        const updateData = {
+          site: this.currentRow.site,
+          delNo: this.currentRow.delNo,
+          templateNo : templateNo,
+          customerName: this.customerInfoModel.customerName,
+          localShipAddress: this.customerInfoModel.localShipAddress,
+          overseasShipper: this.customerInfoModel.overseasShipper,
+          overseasAddress: this.customerInfoModel.overseasAddress,
+          salesArea: this.customerInfoModel.salesArea,
+          cnative: this.customerInfoModel.cnative
+        }
+
+        // 调用专门的客户信息更新接口
+        updateCustomerInfo(updateData).then(({data}) => {
+          if (data && data.code === 0) {
+            this.$message.success('客户信息更新成功')
+            this.customerInfoDialogFlag = false
+            // 刷新列表
+            this.searchTable()
+          } else {
+            this.$message.error(data.msg || '更新失败')
+          }
+        }).catch(error => {
+          this.$message.error('更新失败：' + (error.message || '网络异常'))
+        })
+      },
+
+      /**
+       * 另存为模板
+       */
+      async saveAsTemplate() {
+        // 验证必填字段
+        if (!this.customerInfoModel.templateName) {
+          this.$message.warning('请输入模板名称')
+          return
+        }
+
+        if (!this.customerInfoModel.customerName) {
+          this.$message.warning('请填写客户名称')
+          return
+        }
+
+        // 准备模板数据
+        const templateData = {
+          templateName: this.customerInfoModel.templateName,
+          originalTemplateName: '', // 空字符串表示新增模板
+          ccuscode: '', // 客户编码，可以为空
+          ccusname: this.customerInfoModel.customerName,
+          localShipAddress: this.customerInfoModel.localShipAddress || '',
+          overseasShipper: this.customerInfoModel.overseasShipper || '',
+          overseasAddress: this.customerInfoModel.overseasAddress || '',
+          cnative: this.customerInfoModel.cnative || '',
+          salesArea: this.customerInfoModel.salesArea || ''
+        }
+
+        try {
+          const {data} = await updateCustomerTemplate(templateData)
+
+          if (data && data.code === 0) {
+            this.$message.success(`模板"${this.customerInfoModel.templateName}"保存成功！`)
+            // 清空模板名称
+            this.customerInfoModel.templateName = ''
+          } else {
+            this.$message.error(data.msg || '保存模板失败')
+          }
+        } catch (error) {
+          console.error('保存模板失败:', error)
+          this.$message.error('保存模板失败：' + (error.message || '网络异常'))
+        }
+      },
+      // 导出
+      downloadInvoice() {
+        if (!this.currentRow || !this.currentRow.buNo) {
+          this.$message.warning('请选择报关单！')
+          return
+        }
+        let exportParam=this.exportInvoice
+        exportParam.declarationNo = this.currentRow.declarationNo
+        exportParam.site = this.currentRow.site
+        exportParam.delNo = this.currentRow.delNo
+        exportParam.notifyPartDetailList = this.notifyPartDetailList
+        ExportUtil.export(
+          "/ecss/coDel/downloadInvoice",
+          exportParam, "CI "+this.currentRow.cmcInvoice+" "+this.currentRow.destination+"-"+this.currentRow.shippingMode+".xlsx"
+        );
+        this.exportInvoiceFlag=false
+        this.searchTable()
+      },
+
+      downloadExportGoods() {
+        if (!this.currentRow || !this.currentRow.buNo) {
+          this.$message.warning('请选择报关单！')
+          return
+        }
+        let exportParam=this.exportGoods
+        exportParam.declarationNo = this.currentRow.declarationNo
+        exportParam.site = this.currentRow.site
+        exportParam.delNo = this.currentRow.delNo
+        ExportUtil.export(
+          "/ecss/coDel/downloadExportGoods",
+          exportParam, "Booking "+this.currentRow.cmcInvoice+" "+this.currentRow.destination+"-"+this.currentRow.shippingMode+".xlsx"
+        );
+        this.exportGoodsFlag = false;
+        this.searchTable()
+      },
+
+      openTemplate (type) {
+        this.templateData.type=type;
+        this.templateFlag = true;
+      },
+
+      openTemplateDialog () {
+        //请求
+        this.searchTemplateList();
+      },
+      closeTemplateDialog () {
+        this.templateList = []
+        this.templateFlag = false
+      },
+      searchTemplateList () {
+        this.templateData.buNo = this.currentRow.buNo
+        this.templateData.customName = ''
+        searchTemplateList(this.templateData).then(({data}) => {
+          if (data && data.code === 0){
+            this.templateList = data.rows;
+          }
+        })
+      },
+      templateRowDblclick (row) {
+        if (this.templateData.type=='发票') {
+          this.exportInvoice.templateName=row.name
+          this.exportInvoice.hsCodeDesc=row.hsCodeDesc
+          this.exportInvoice.contractFlag=row.contractFlag
+          this.exportInvoice.origin=this.currentRow.origin?this.currentRow.origin:row.origin
+          this.exportInvoice.packaging=this.currentRow.packaging?this.currentRow.packaging:row.packaging
+          this.exportInvoice.kgs=this.currentRow.kgs?this.currentRow.kgs:row.kgs
+          this.exportInvoice.hsCode=this.currentRow.hsCode?this.currentRow.hsCode:row.hsCode
+          this.exportInvoice.material=this.currentRow.material?this.currentRow.material:row.material
+          this.exportInvoice.hsCodeDescType=this.currentRow.hsCodeDescType?this.currentRow.hsCodeDescType:row.hsCodeDescType
+          this.exportInvoice.goodsLabel=this.currentRow.goodsLabel?this.currentRow.goodsLabel:row.goodsLabel
+          this.exportInvoice.fpremark=row.remark
+          this.exportInvoice.showWeight = row.showWeight
+        } else if (this.templateData.type=='出口货物委托书'){
+          this.exportGoods.salesMethod = row.salesMethod
+          this.exportGoods.currency = row.currency
+          this.exportGoods.madeArea = row.madeArea
+          this.exportGoods.sendPort = row.sendPort
+          this.exportGoods.deliveryGoodsDate = row.deliveryGoodsDate
+          this.exportGoods.voyage = this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID'?this.currentRow.cmcInvoice:row.voyage
+          this.exportGoods.shippingDate = row.shippingDate;
+          this.exportGoods.shipper=row.shipper
+          this.exportGoods.remark=row.remark
+        }
+        if (this.templateData.type!=='出口货物委托书') {
+          this.notifyPartDetailList.forEach(o => {
+            // 开启fsc损耗则给默认值
+            if (o.lossratio) {
+              if (row.fscWeight) {
+                o.lossratio = o.lossratio;
+              } else {
+                o.lossratio = '';
+              }
+            } else {
+              if (row.fscWeight) {
+                o.lossratio = '1.2';
+              } else {
+                o.lossratio = '';
+              }
+            }
+          });
+        }
+        this.templateFlag = false
+      },
+
+      /**
+       * 保存选中行到本地存储
+       * 使用页面路径和用户名作为存储键的一部分，确保不同页面和用户的选择互不影响
+       */
+      saveSelectedRowToStorage() {
+        try {
+          const storageKey = `codelnotify_selected_row_${this.$store.state.user.name}`;
+          localStorage.setItem(storageKey, this.selectedRowKey);
+          console.log(`[行选择持久化] 已保存选中行: ${this.selectedRowKey}`);
+        } catch (error) {
+          console.warn('保存选中行状态失败:', error);
+        }
+      },
+
+      /**
+       * 从本地存储恢复选中行
+       * @returns {Object|null} 返回匹配的行数据，如果没有找到则返回null
+       */
+      restoreSelectedRow() {
+        try {
+          const storageKey = `codelnotify_selected_row_${this.$store.state.user.name}`;
+          const savedRowKey = localStorage.getItem(storageKey);
+
+          // 检查必要的条件
+          if (!savedRowKey) {
+            console.log('[行选择持久化] 没有保存的选中行');
+            return null;
+          }
+
+          if (!this.dataList || this.dataList.length === 0) {
+            console.log('[行选择持久化] 数据列表为空，无法恢复选中行');
+            return null;
+          }
+
+          // 在当前数据列表中查找匹配的行
+          const matchedRow = this.dataList.find(row => row && row.delNo === savedRowKey);
+          if (matchedRow) {
+            this.selectedRowKey = savedRowKey;
+            console.log(`[行选择持久化] 已恢复选中行: ${savedRowKey}`);
+            return matchedRow;
+          } else {
+            console.log(`[行选择持久化] 未找到匹配的行: ${savedRowKey}，当前数据列表长度: ${this.dataList.length}`);
+          }
+
+          return null;
+        } catch (error) {
+          console.warn('恢复选中行状态失败:', error);
+          return null;
+        }
+      },
+
+      /**
+       * 清除本地存储的选中行状态
+       */
+      clearSelectedRowStorage() {
+        try {
+          const storageKey = `codelnotify_selected_row_${this.$store.state.user.name}`;
+          localStorage.removeItem(storageKey);
+          this.selectedRowKey = null;
+        } catch (error) {
+          console.warn('清除选中行状态失败:', error);
+        }
+      },
+    },
+    activated() {
+      this.searchTable()
+    },
+    created() {
+        this.getBu ()
+      // 动态列
+      this.getTableUserColumn(this.$route.meta.menuId+'table1',1)
+
+      // 初始化时从本地存储加载选中行状态
+      try {
+        const storageKey = `codelnotify_selected_row_${this.$store.state.user.name}`;
+        const savedRowKey = localStorage.getItem(storageKey);
+        if (savedRowKey) {
+          this.selectedRowKey = savedRowKey;
+        }
+      } catch (error) {
+        console.warn('初始化选中行状态失败:', error);
+      }
+    }
+  }
+</script>
+
+<style lang="scss" >
+.warning-row td{
+  color: darkred !important;
+}
+/deep/ .zxClass .cell {
+  line-height: 24px;
+  font-size: 12px;
+  height: 24px;
+}
+/* 可点击的PN样式 */
+.clickable-pn {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.clickable-pn:hover {
+  opacity: 0.8;
+}
+.fake-disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+</style>
diff --git a/src/views/modules/ecss/components/PackingDetailTabPallet.vue b/src/views/modules/ecss/components/PackingDetailTabPallet.vue
new file mode 100644
index 0000000..961926d
--- /dev/null
+++ b/src/views/modules/ecss/components/PackingDetailTabPallet.vue
@@ -0,0 +1,639 @@
+<template>
+  <div class="packing-detail-tab">
+    <!-- 批量操作按钮 -->
+    <div class="batch-edit-toolbar" v-if="showActions">
+      <el-button type="warning" size="small" icon="el-icon-s-operation" @click="openAdjustWeightDialog">
+        调整总毛重
+      </el-button>
+    </div>
+
+    <!-- 行合并表格 - 托盘和明细一目了然 -->
+    <div style="height: 350px">
+    <el-table
+      :data="flattenedTableData"
+      :max-height="350"
+      border
+      v-loading="dataListLoading"
+      :element-loading-text="loadingText"
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.6)"
+      style="width: 100%;"
+      :span-method="mainTableSpanMethod"
+      :row-class-name="rowClassName"
+      :header-cell-class-name="getHeaderClassName"
+      :cell-class-name="getCellClassName"
+      show-summary
+      @cell-mouse-enter="handleCellMouseEnter"
+      @cell-mouse-leave="handleCellMouseLeave"
+      :summary-method="getSummaries"
+      :header-cell-style="{background:'#f5f7fa', color:'#606266', fontWeight:'600'}">
+
+      <!-- 托盘信息列（会合并） -->
+      <el-table-column label="托号" prop="pallet_no" width="120" align="center">
+        <template slot-scope="scope">
+          <span class="box-info-text">{{ scope.row.pallet_no || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="托数" prop="pallet_qty" width="120" align="center">
+        <template slot-scope="scope">
+          <span class="box-info-text">{{ scope.row.pallet_qty || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="总体积" prop="volume" width="120" align="center">
+        <template slot-scope="scope">
+          <span class="box-info-text">{{ scope.row.volume !== null && scope.row.volume !== undefined ? Number(scope.row.volume).toFixed(2) : '-' }}</span>
+        </template>
+      </el-table-column>
+
+      <!-- 箱信息列（会合并） -->
+      <el-table-column label="毛重" prop="gross_weight" width="120" align="center">
+        <template slot-scope="scope">
+          <span class="box-weight-text">{{ scope.row.gross_weight || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="净重" prop="net_weight" width="120" align="center">
+        <template slot-scope="scope">
+          <span class="box-weight-text">{{ scope.row.net_weight || '-' }}</span>
+        </template>
+      </el-table-column>
+
+      <!-- 明细信息列（不合并） -->
+      <el-table-column label="PN" prop="pn" min-width="120" align="left">
+        <template slot-scope="scope">
+          <span class="detail-text">{{ scope.row.pn || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="数量" prop="qty" min-width="100" align="center">
+        <template slot-scope="scope">
+          <span class="detail-text">{{ formatDetailValue(scope.row.qty, 'qty') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="数量/箱" prop="qty_per_box" min-width="100" align="center">
+        <template slot-scope="scope">
+          <span class="detail-text">{{ scope.row.qty_per_box || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="箱数" prop="box_qty" min-width="100" align="center">
+        <template slot-scope="scope">
+          <span class="detail-text">{{ scope.row.box_qty || '-' }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+import { searchEcssCoDelPalletDetailData, searchEcssCoDelPalletHeaderData, selectBoxList, adjustTotalGrossWeight, updateTotalVolume } from "@/api/ecss/ecss.js"
+
+export default {
+  name: "PackingDetailTabPallet",
+  props: {
+    currentRow: {
+      type: Object,
+      default: () => ({})
+    },
+    height: {
+      type: Number,
+      default: 200
+    },
+    showActions: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      flattenedTableData: [], // 扁平化的表格数据
+      dataListLoading: false,
+      loadingText: '加载中...',
+      selectedBoxes: [],
+      currentLoadingId: null,
+
+      palletWeight: 0,
+      totalGrossWeight: 0,
+      totalVolume: null,
+
+      // 调整总毛重弹窗相关
+      adjustWeightDialogVisible: false,
+      adjustWeightSaving: false,
+      adjustWeightForm: {
+        actualGrossWeight: ''
+      },
+
+      hoveredPalletKey: null,
+      hoveredBoxKey: null
+    }
+  },
+  computed: {
+    currentTotalGrossWeight() {
+      return this.totalGrossWeight;
+    }
+  },
+  watch: {
+    currentRow: {
+      handler(newVal, oldVal) {
+        if (oldVal && newVal && oldVal.delNo !== newVal.delNo) {
+          this.flattenedTableData = [];
+          this.selectedBoxes = [];
+        }
+        if (newVal && newVal.site) {
+          this.loadBoxList();
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    async loadBoxList() {
+      if (!this.currentRow || !this.currentRow.site) {
+        this.flattenedTableData = [];
+        this.palletWeight = 0;
+        this.totalGrossWeight = 0;
+        this.totalVolume = null;
+        this.selectedBoxes = [];
+        this.currentLoadingId = null;
+        return;
+      }
+
+      const loadingId = Date.now() + '_' + Math.random();
+      this.currentLoadingId = loadingId;
+      this.flattenedTableData = [];
+      this.selectedBoxes = [];
+      this.dataListLoading = true;
+
+      try {
+        const queryParams = {
+          site: this.currentRow.site,
+          buNo: this.currentRow.buNo,
+          delNo: this.currentRow.delNo
+        };
+
+        const [palletResponse, boxResponse, detailResponse] = await Promise.all([
+          searchEcssCoDelPalletHeaderData(queryParams),
+          selectBoxList(queryParams),
+          searchEcssCoDelPalletDetailData(queryParams)
+        ]);
+
+        if (this.currentLoadingId !== loadingId) return;
+
+        const pallets = palletResponse.data && palletResponse.data.code === 0 ? palletResponse.data.rows || [] : [];
+        const boxes = boxResponse.data && boxResponse.data.code === 0 ? boxResponse.data.rows || boxResponse.data.data || [] : [];
+        const details = detailResponse.data && detailResponse.data.code === 0 ? detailResponse.data.rows || [] : [];
+
+        this.palletWeight = pallets
+          .filter(item => item.palletQty > 0)
+          .reduce((sum, item) => sum + (Number(item.weight) || 0), 0);
+
+        // Group boxes by pallet's seq_no
+        const boxesMap = new Map();
+        boxes.forEach(box => {
+          const palletSeqNo = String(box.seq_no || box.seqNo);
+          if (!boxesMap.has(palletSeqNo)) {
+            boxesMap.set(palletSeqNo, []);
+          }
+          boxesMap.get(palletSeqNo).push(box);
+        });
+
+        // Group details by box's item_no (which is detail.seqNo)
+        const detailsMap = new Map();
+        details.forEach(detail => {
+          const boxItemNo = String(detail.seqNo || detail.seq_no);
+          if (!detailsMap.has(boxItemNo)) {
+            detailsMap.set(boxItemNo, []);
+          }
+          detailsMap.get(boxItemNo).push(detail);
+        });
+
+        const flattenedData = [];
+
+        pallets.forEach(pallet => {
+          const palletSeqNo = String(pallet.seqNo);
+          const palletBoxes = boxesMap.get(palletSeqNo) || [];
+
+          let palletRowSpan = 0;
+          const palletRows = [];
+
+          if (palletBoxes.length > 0) {
+            palletBoxes.forEach((box, boxIdx) => {
+              const boxItemNo = String(box.item_no || box.itemNo);
+              const boxDetails = detailsMap.get(boxItemNo) || [];
+
+              if (boxDetails.length > 0) {
+                boxDetails.forEach((detail, detailIdx) => {
+                  palletRowSpan++;
+                  palletRows.push({
+                    _palletKey: palletSeqNo,
+                    _boxKey: boxItemNo,
+                    _isFirstRowOfPallet: boxIdx === 0 && detailIdx === 0,
+                    _isFirstRowOfBox: detailIdx === 0,
+                    _boxRowSpan: detailIdx === 0 ? boxDetails.length : 0,
+                    pallet_no: pallet.palletNo,
+                    pallet_qty: pallet.palletQty,
+                    volume: pallet.volume,
+                    gross_weight: box.gross_weight || box.grossWeight,
+                    net_weight: box.net_weight || box.netWeight,
+                    _hasDetail: true,
+                    seqNo: detail.seqNo,
+                    itemNo: detail.itemNo,
+                    notifyDetailItemNo: detail.notifyDetailItemNo,
+                    pn: detail.pn,
+                    qty: detail.qty,
+                    box_qty: detail.boxQty,
+                    qty_per_box: detail.boxQty && detail.boxQty > 0 ? (detail.qty / detail.boxQty).toFixed(2) : '-'
+                  });
+                });
+              } else {
+                palletRowSpan++;
+                palletRows.push({
+                  _palletKey: palletSeqNo,
+                  _boxKey: boxItemNo,
+                  _isFirstRowOfPallet: boxIdx === 0,
+                  _isFirstRowOfBox: true,
+                  _boxRowSpan: 1,
+                  pallet_no: pallet.palletNo,
+                  pallet_qty: pallet.palletQty,
+                  volume: pallet.volume,
+                  gross_weight: box.gross_weight || box.grossWeight,
+                  net_weight: box.net_weight || box.netWeight,
+                  _hasDetail: false,
+                  pn: '',
+                  qty: '',
+                  box_qty: box.box_qty || box.boxQty || '',
+                  qty_per_box: ''
+                });
+              }
+            });
+          } else {
+            // Pallet has no boxes
+            palletRowSpan++;
+            palletRows.push({
+              _palletKey: palletSeqNo,
+              _boxKey: 'empty_box_' + palletSeqNo,
+              _isFirstRowOfPallet: true,
+              _isFirstRowOfBox: true,
+              _boxRowSpan: 1,
+              pallet_no: pallet.palletNo,
+              pallet_qty: pallet.palletQty,
+              volume: pallet.volume,
+              gross_weight: '',
+              net_weight: '',
+              _hasDetail: false,
+              pn: '',
+              qty: '',
+              box_qty: '',
+              qty_per_box: ''
+            });
+          }
+
+          if (palletRows.length > 0) {
+            palletRows[0]._palletRowSpan = palletRowSpan;
+            flattenedData.push(...palletRows);
+          }
+        });
+
+        this.flattenedTableData = flattenedData;
+
+        const palletGrossWeight = pallets.reduce((sum, item) => sum + (Number(item.grossWeight) || 0), 0);
+        this.totalGrossWeight = palletGrossWeight + this.palletWeight;
+
+        this.totalVolume = this.currentRow.totalVolume !== undefined && this.currentRow.totalVolume !== null
+          ? this.currentRow.totalVolume
+          : null;
+
+      } catch (error) {
+        console.error(`[${loadingId}] 加载数据失败:`, error);
+        if (this.currentLoadingId === loadingId) {
+          this.flattenedTableData = [];
+          this.palletWeight = 0;
+          this.totalGrossWeight = 0;
+        }
+      } finally {
+        if (this.currentLoadingId === loadingId) {
+          this.dataListLoading = false;
+        }
+      }
+    },
+
+    mainTableSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (!row._palletKey) {
+        return { rowspan: 1, colspan: 1 };
+      }
+
+      // 托盘级别合并（托号、托数、总体积）
+      if (columnIndex >= 0 && columnIndex <= 2) {
+        if (row._isFirstRowOfPallet) {
+          return { rowspan: row._palletRowSpan, colspan: 1 };
+        } else {
+          return { rowspan: 0, colspan: 0 };
+        }
+      }
+
+      // 箱级别合并（毛重、净重）
+      if (columnIndex >= 3 && columnIndex <= 4) {
+        if (row._isFirstRowOfBox) {
+          return { rowspan: row._boxRowSpan, colspan: 1 };
+        } else {
+          return { rowspan: 0, colspan: 0 };
+        }
+      }
+
+      return { rowspan: 1, colspan: 1 };
+    },
+
+    rowClassName({ row, rowIndex }) {
+      let classes = [];
+      // 给每个托盘的最后一行加一个下边框加粗的类，用于区分不同的托盘
+      if (row._isLastRowOfPallet) {
+        classes.push('pallet-bottom-border');
+      }
+
+      // 动态添加悬浮高亮类
+      if (this.hoveredPalletKey && row._palletKey === this.hoveredPalletKey) {
+        classes.push('hover-pallet-group');
+      } else if (this.hoveredBoxKey && row._boxKey === this.hoveredBoxKey) {
+        classes.push('hover-box-group');
+      }
+
+      return classes.join(' ');
+    },
+
+    handleCellMouseEnter(row, column, cell, event) {
+      if (column.property === 'pallet_no' || column.property === 'pallet_qty' || column.property === 'volume') {
+        this.hoveredPalletKey = row._palletKey;
+        this.hoveredBoxKey = null;
+      } else if (column.property === 'gross_weight' || column.property === 'net_weight') {
+        this.hoveredBoxKey = row._boxKey;
+        this.hoveredPalletKey = null;
+      }
+    },
+
+    handleCellMouseLeave(row, column, cell, event) {
+      this.hoveredPalletKey = null;
+      this.hoveredBoxKey = null;
+    },
+
+    getHeaderClassName({ column, columnIndex }) {
+      if (columnIndex >= 0 && columnIndex <= 2) {
+        return 'pallet-header';
+      } else if (columnIndex >= 3 && columnIndex <= 4) {
+        return 'box-header';
+      } else if (columnIndex >= 5 && columnIndex <= 8) {
+        return 'detail-header';
+      }
+      return '';
+    },
+
+    getCellClassName({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex >= 0 && columnIndex <= 2) {
+        return 'pallet-cell';
+      } else if (columnIndex >= 3 && columnIndex <= 4) {
+        return 'box-cell';
+      } else if (columnIndex >= 5 && columnIndex <= 8) {
+        return 'detail-cell';
+      }
+      return '';
+    },
+
+    formatDetailValue(value, columnProp) {
+      if (value === null || value === undefined || value === '') {
+        return '-';
+      }
+      if (columnProp === 'qty' ) {
+        return value.toLocaleString();
+      }
+      return value;
+    },
+
+    refresh() {
+      this.loadBoxList();
+    },
+
+    getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '合计';
+          return;
+        }
+
+        if (column.property === 'pallet_qty') {
+          const palletFirstRows = data.filter(item => item._isFirstRowOfPallet);
+          const sum = palletFirstRows.reduce((prev, curr) => {
+            const value = Number(curr.pallet_qty);
+            return !isNaN(value) ? prev + value : prev;
+          }, 0);
+          sums[index] = sum;
+        } else if (column.property === 'volume') {
+          const palletFirstRows = data.filter(item => item._isFirstRowOfPallet);
+          const sum = palletFirstRows.reduce((prev, curr) => {
+            const value = Number(curr.volume);
+            return !isNaN(value) ? prev + value : prev;
+          }, 0);
+          sums[index] = sum.toFixed(2);
+        } else if (column.property === 'gross_weight') {
+          const boxFirstRows = data.filter(item => item._isFirstRowOfBox);
+          const sum = boxFirstRows.reduce((prev, curr) => {
+            const value = Number(curr.gross_weight);
+            return !isNaN(value) ? prev + value : prev;
+          }, 0);
+          sums[index] = sum.toFixed(2);
+        } else if (column.property === 'net_weight') {
+          const boxFirstRows = data.filter(item => item._isFirstRowOfBox);
+          const sum = boxFirstRows.reduce((prev, curr) => {
+            const value = Number(curr.net_weight);
+            return !isNaN(value) ? prev + value : prev;
+          }, 0);
+          sums[index] = sum.toFixed(2);
+        } else if (column.property === 'qty') {
+          const sum = data.filter(item => item._hasDetail).reduce((prev, curr) => {
+            const value = Number(curr.qty);
+            return !isNaN(value) ? prev + value : prev;
+          }, 0);
+          sums[index] = sum > 0 ? sum.toLocaleString() : '';
+        } else if (column.property === 'box_qty') {
+          // 箱数需要根据明细累加，如果没有明细，则根据箱级别累加
+          let sum = 0;
+          const boxFirstRows = data.filter(item => item._isFirstRowOfBox);
+          boxFirstRows.forEach(boxRow => {
+            // Find all details for this box
+            const boxDetails = data.filter(item => item._boxKey === boxRow._boxKey && item._hasDetail);
+            if (boxDetails.length > 0) {
+              // Sum box_qty from details
+              boxDetails.forEach(detail => {
+                const value = Number(detail.box_qty);
+                if (!isNaN(value)) sum += value;
+              });
+            } else {
+              // Use box_qty from box level if no details
+              const value = Number(boxRow.box_qty);
+              if (!isNaN(value)) sum += value;
+            }
+          });
+          sums[index] = sum;
+        } else {
+          sums[index] = '';
+        }
+      });
+      return sums;
+    },
+
+    openAdjustWeightDialog() {
+      this.adjustWeightForm.actualGrossWeight = '';
+      this.adjustWeightDialogVisible = true;
+    },
+
+    async submitAdjustWeight() {
+      const actualGrossWeight = parseFloat(this.adjustWeightForm.actualGrossWeight);
+      if (isNaN(actualGrossWeight) || actualGrossWeight <= 0) {
+        this.$message.warning('请输入有效的实际总毛重');
+        return;
+      }
+      this.adjustWeightSaving = true;
+      try {
+        const adjustParams = {
+          site: this.currentRow.site,
+          buNo: this.currentRow.buNo,
+          delNo: this.currentRow.delNo,
+          actualGrossWeight: actualGrossWeight,
+          updateBy: this.$store.state.user.name
+        };
+        const response = await adjustTotalGrossWeight(adjustParams);
+        if (response.data && response.data.code === 0) {
+          this.$message.success('总毛重调整成功');
+          this.adjustWeightDialogVisible = false;
+          this.loadBoxList();
+          this.$emit('refresh');
+        } else {
+          this.$alert(response.data.msg || '调整失败', '错误', { confirmButtonText: '确定' });
+        }
+      } catch (error) {
+        this.$message.error('调整失败');
+      } finally {
+        this.adjustWeightSaving = false;
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.packing-detail-tab {
+  width: 100%;
+}
+.batch-edit-toolbar {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: flex-start;
+  gap: 10px;
+}
+.box-info-text {
+  font-weight: 600;
+  color: #303133;
+  font-size: 14px;
+}
+.box-weight-text {
+  font-weight: 600;
+  color: #606266;
+  font-size: 14px;
+}
+.detail-text {
+  color: #606266;
+  font-size: 13px;
+}
+/deep/ .el-table {
+  font-size: 13px;
+}
+/deep/ .el-table th {
+  background-color: #f5f7fa !important;
+  color: #606266 !important;
+  padding: 5px 0;
+}
+/deep/ .el-table td {
+  padding: 8px 0;
+}
+/deep/ .el-table__body td[rowspan] .cell {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 40px;
+}
+
+/* 托盘级别颜色 */
+/deep/ .el-table .pallet-header {
+  background-color: #e8effa !important;
+}
+/deep/ .el-table .pallet-cell {
+  background-color: #ffffff !important;
+}
+/* 托盘悬浮颜色 */
+/deep/ .el-table--enable-row-hover .el-table__body tr.hover-row > td.pallet-cell,
+/deep/ .el-table__body tr.hover-row td.pallet-cell[rowspan] {
+  background-color: #f5f7fa !important;
+}
+
+/* 箱级别颜色 */
+/deep/ .el-table .box-header {
+  background-color: #f8f4eb !important;
+}
+/deep/ .el-table .box-cell {
+  background-color: #ffffff !important;
+}
+/* 箱悬浮颜色 */
+/deep/ .el-table--enable-row-hover .el-table__body tr.hover-row > td.box-cell,
+/deep/ .el-table__body tr.hover-row td.box-cell[rowspan] {
+  background-color: #f5f7fa !important;
+}
+
+/* 明细级别颜色 (纯白) */
+/deep/ .el-table .detail-header {
+  background-color: #f5f7fa !important;
+}
+/deep/ .el-table .detail-cell {
+  background-color: #ffffff !important;
+}
+/* 明细悬浮颜色 */
+/deep/ .el-table--enable-row-hover .el-table__body tr.hover-row > td.detail-cell {
+  background-color: #f5f7fa !important;
+}
+
+/* 整个托盘组悬浮高亮效果 */
+/deep/ .el-table .hover-pallet-group td.pallet-cell {
+  background-color: #f5f7fa !important;
+}
+/deep/ .el-table .hover-pallet-group td.box-cell {
+  background-color: #f5f7fa !important;
+}
+/deep/ .el-table .hover-pallet-group td.detail-cell {
+  background-color: #f5f7fa !important;
+}
+
+/* 整个箱组悬浮高亮效果 */
+/deep/ .el-table .hover-box-group td.box-cell {
+  background-color: #f5f7fa !important;
+}
+/deep/ .el-table .hover-box-group td.detail-cell {
+  background-color: #f5f7fa !important;
+}
+
+/* 增加行之间的边框，让层级更明显 */
+/deep/ .el-table td, /deep/ .el-table th.is-leaf {
+  border-bottom: 1px solid #ebeef5;
+}
+/deep/ .el-table--border td, /deep/ .el-table--border th, /deep/ .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+  border-right: 1px solid #ebeef5;
+}
+
+/* 托盘之间的分隔线 */
+/deep/ .el-table .pallet-bottom-border td {
+  border-bottom: 1px solid #ebeef5 !important;
+}
+
+/* 移除明细最后一行的默认底边框，避免冲突 */
+/deep/ .el-table::before {
+  height: 0px;
+}
+</style>
diff --git a/src/views/modules/ecss/createDeclaration.vue b/src/views/modules/ecss/createDeclaration.vue
index 112de58..458aee3 100644
--- a/src/views/modules/ecss/createDeclaration.vue
+++ b/src/views/modules/ecss/createDeclaration.vue
@@ -136,11 +136,19 @@
       </el-tab-pane>
       <el-tab-pane label="装箱明细" name="pallet">
         <packing-detail-tab
+          v-if="currentRow.buNo === '01-Label' || currentRow.buNo === '03-RFID'"
           ref="packingDetailTab"
           :current-row="currentRow"
           :height="height"
           :show-actions="false">
         </packing-detail-tab>
+        <packing-detail-tab-pallet
+          v-else
+          ref="packingDetailTabPallet"
+          :current-row="currentRow"
+          :height="height"
+          :show-actions="false">
+        </packing-detail-tab-pallet>
       </el-tab-pane>
     </el-tabs>
     <el-dialog title="创建报关单" :close-on-click-modal="false" v-drag :visible.sync="declarationFlag" width="1100px">
@@ -485,6 +493,7 @@
 
   import {} from "@/api/sysLanguage.js"
   import PackingDetailTab from "./components/PackingDetailTab.vue";
+  import PackingDetailTabPallet from "./components/PackingDetailTabPallet.vue";
   import {
     searchEcssCoDelNotifyHeaderForDanZheng,
     searchEcssCoDelNotifyDetail,
@@ -497,6 +506,7 @@
     name: "null",
     components:{
       PackingDetailTab,
+      PackingDetailTabPallet,
     },
     data() {
       return {
diff --git a/src/views/modules/ecss/del_upload_excel_tx.vue b/src/views/modules/ecss/del_upload_excel_tx.vue
new file mode 100644
index 0000000..208fa09
--- /dev/null
+++ b/src/views/modules/ecss/del_upload_excel_tx.vue
@@ -0,0 +1,1924 @@
+<template>
+  <div class="customer-css">
+    <el-dialog :title="titleCon" :close-on-click-modal="false" :visible.sync="visible"
+               :width="showPreview ? '1300px' : '600px'" class="customer-dialog" >
+      <el-form label-position="top">
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="BU">
+              <el-select v-model="pageData.buNo" placeholder="请选择" style="width: 100%">
+                <el-option v-for="i in buList" :key="i.buNo" :label="i.buDesc" :value="i.buNo"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label=" ">
+              <el-button type="primary" @click="downloadFile()">下载文件模板</el-button>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label=" " v-if="showPreview">
+              <div style="margin-top:40px;padding: 10px; background-color: #FFF3E0; border: 1px solid #FFB74D; border-radius: 4px; font-size: 13px; line-height: 1.6;">
+                <div style="color: #E65100; font-weight: bold; margin-bottom: 5px;">
+                  <i class="el-icon-warning" style="margin-right: 5px;"></i>导入规则
+                </div>
+                <div style="color: #666;">
+                  以下3种情况不读取Excel内容：<br/>
+                  1、发票在系统已存在<br/>
+                  2、内销<br/>
+                  3、CargoReady Date为空
+                </div>
+                <div style="color: #E65100; font-weight: bold; margin-bottom: 5px;">
+                  <i class="el-icon-warning" style="margin-right: 5px;"></i>保存模板规则
+                </div>
+                <div style="color: #666;">
+                  客户模板名称无修改，点"保存模板"会修改原模板<br/>
+                  客户模板名称有修改，点"保存模板"会另存为新模板
+                </div>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="20" style="margin-top: 10px">
+            <el-upload class="customer-upload" drag action="javascript:void(0);" ref="uploadFile" :limit="1" accept=".xlsx,.xls"
+                       :before-upload="beforeUploadHandle" :on-change="onChange" :auto-upload="false" style="text-align: left;">
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+            </el-upload>
+          </el-col>
+        </el-row>
+      </el-form>
+
+      <!-- 预览数据表格 -->
+      <!-- 加载状态 -->
+      <div v-if="previewLoading" style="margin-top: 20px; text-align: center; padding: 40px;">
+        <i class="el-icon-loading" style="font-size: 24px; color: #409EFF;"></i>
+        <p style="margin-top: 10px; color: #666;">正在解析文件，请稍候...</p>
+      </div>
+
+      <div v-if="showPreview" style="margin-top: 10px; margin-bottom: 10px;">
+        <!-- 可导入的发票表格 -->
+        <div v-if="validInvoices.length > 0">
+          <div style="display: flex; align-items: center; margin-bottom: 8px;">
+            <span style="color: #67C23A;">
+              <i class="el-icon-success" style="margin-right: 8px;"></i>
+              可导入的发票 (共{{ validInvoices.length }}个发票)
+            </span>
+            <el-button
+              type="danger"
+              size="mini"
+              style="margin-left: 15px;"
+              :disabled="selectedRows.length === 0"
+              @click="batchDeleteRows">
+              <i class="el-icon-delete"></i>
+              批量删除 <span v-if="selectedRows.length > 0">({{ selectedRows.length }})</span>
+            </el-button>
+          </div>
+          <el-table
+            :data="validInvoices"
+            border
+            style="width: 100%"
+            max-height="300"
+            :show-overflow-tooltip="true"
+            class="delClass valid-table"
+            ref="validInvoicesTable"
+            @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="40" fixed="left" align="center"></el-table-column>
+<!--          <el-table-column label="操作" width="50" fixed="left">
+            <template slot-scope="scope">
+              <a type="text" size="small" style="color: red"  @click="deleteRow(scope.$index, scope.row)">删除</a>
+            </template>
+          </el-table-column>-->
+          <el-table-column prop="cmcInvoice" label="发票号" width="90" fixed="left">
+            <template slot-scope="scope">
+              <div>
+                <span :style="scope.row.exists ? 'color: red; font-weight: bold;' : ''">
+                  {{ scope.row.cmcInvoice }}
+                </span>
+                <div style="margin-top: 2px;">
+                  <el-tag v-if="scope.row.exists" type="warning" size="mini">已存在</el-tag>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="destination" label="目的地" width="100" :show-overflow-tooltip="true"></el-table-column>
+          <el-table-column label="客户模板名称" width="150">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.selectedTemplate"
+                placeholder="请选择客户模板名称"
+                @dblclick.native="selectTemplateForRow(scope.row)"
+                size="small"
+                style="cursor: pointer;">
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="客户" width="150">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.selectedCustomer"
+                placeholder="请选择客户"
+                @dblclick.native="selectCustomerForRow(scope.row)"
+                size="small"
+                style="cursor: pointer;"
+                readonly>
+                <i slot="suffix" class="el-icon-edit" style="cursor: pointer;" @click.stop="openEditDialog(scope.row, 'selectedCustomer', '客户', '编辑客户信息')"></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="客户地址" min-width="160">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.selectedLocalAddress"
+                placeholder="请选择客户地址"
+                @dblclick.native="selectLocalAddressForRow(scope.row)"
+                size="small"
+                style="cursor: pointer;"
+                readonly>
+                <i slot="suffix" class="el-icon-edit" style="cursor: pointer;" @click.stop="openEditDialog(scope.row, 'selectedLocalAddress', '客户地址', '编辑客户地址')"></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="收货单位" width="150">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.selectedOverseasShipper"
+                placeholder="请选择收货单位"
+                @dblclick.native="selectOverseasShipperForRow(scope.row)"
+                size="small"
+                style="cursor: pointer;"
+                readonly>
+                <i slot="suffix" class="el-icon-edit" style="cursor: pointer;" @click.stop="openEditDialog(scope.row, 'selectedOverseasShipper', '收货单位', '编辑收货单位')"></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="收货单位地址" width="160">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.selectedOverseasAddress"
+                placeholder="请选择收货单位地址"
+                @dblclick.native="selectOverseasAddressForRow(scope.row)"
+                size="small"
+                style="cursor: pointer;"
+                readonly>
+                <i slot="suffix" class="el-icon-edit" style="cursor: pointer;" @click.stop="openEditDialog(scope.row, 'selectedOverseasAddress', '收货单位地址', '编辑收货单位地址')"></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="运抵国" width="80">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.selectedCnative"
+                placeholder="运抵国"
+                size="small"
+                style="cursor: pointer;"
+                readonly>
+                <i slot="suffix" class="el-icon-edit" style="cursor: pointer;" @click.stop="openEditDialog(scope.row, 'selectedCnative', '运抵国', '编辑运抵国')"></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="贸易国" width="80">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.selectedSalesArea"
+                placeholder="贸易国"
+                size="small"
+                style="cursor: pointer;"
+                readonly>
+                <i slot="suffix" class="el-icon-edit" style="cursor: pointer;" @click.stop="openEditDialog(scope.row, 'selectedSalesArea', '贸易国', '编辑贸易国')"></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="60" fixed="right">
+            <template slot-scope="scope">
+              <a v-if="scope.row.selectedTemplate"
+                type="text"
+                size="small"
+                @click="saveTemplateChanges(scope.row)">
+                保存模板
+              </a>
+              <span v-else style="color: #C0C4CC; font-size: 12px;">未选择</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        </div>
+
+        <!-- 物料不存在的发票表格 -->
+        <div v-if="invalidInvoices.length > 0" style="margin-top: 10px;margin-bottom: 10px">
+          <span style="color: #F56C6C;">
+            <i class="el-icon-warning" style="margin-right: 8px;"></i>
+            物料不存在的发票 (共{{ invalidInvoices.length }}个发票，将不会导入)
+          </span>
+          <el-table :data="invalidInvoices" border style="width: 100%" max-height="300" :show-overflow-tooltip="true" class="delClass invalid-table">
+            <el-table-column prop="cmcInvoice" label="发票号" width="120" fixed="left">
+              <template slot-scope="scope">
+                <div>
+                  <span
+                    class="clickable-invoice"
+                    style="color: #F56C6C; font-weight: bold;"
+                    @click="showInvalidMaterials(scope.row)">
+                    {{ scope.row.cmcInvoice }}
+                    <i class="el-icon-view" style="margin-left: 4px; font-size: 12px;"></i>
+                  </span>
+                  <div style="margin-top: 2px;">
+                    <el-tag type="danger" size="mini">物料不存在</el-tag>
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="destination" label="目的地" width="100"></el-table-column>
+            <el-table-column label="状态" width="100">
+              <template slot-scope="scope">
+                <div style="color: #F56C6C;">
+                  <el-tag type="danger" size="small">物料不存在</el-tag>
+                  <div style="font-size: 12px; margin-top: 2px;">将不会导入</div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="不存在物料" width="150">
+              <template slot-scope="scope">
+                <div style="color: #F56C6C;">
+                  <el-tag type="danger" size="small">{{ scope.row.invalidMaterials ? scope.row.invalidMaterials.length : 0 }}个物料</el-tag>
+                  <div style="font-size: 12px; margin-top: 2px;">
+                    点击发票号查看详情
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="客户信息" width="150">
+              <template slot-scope="scope">
+                <div style="color: #999; font-size: 12px;">
+                  无需填写
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="readyDate" label="Ready Date" width="160"></el-table-column>
+            <el-table-column prop="totalQty" label="总数量" width="150" align="right">
+              <template slot-scope="scope">
+                {{ scope.row.totalQty || 0 }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalItems" label="明细数" width="160" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.totalItems || 0 }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="shippingMode" label="运输方式" min-width="80"></el-table-column>
+          </el-table>
+        </div>
+
+        <!-- Sheet错误信息展示 -->
+        <div v-if="sheetErrors.length > 0" style="margin-bottom: 5px;">
+          <span style="color: #E6A23C; ">
+            <i class="el-icon-warning" style="margin-right: 8px;"></i>
+            Sheet处理警告 (共{{ sheetErrors.length }}个Sheet存在问题)
+          </span>
+          <el-table :data="sheetErrors" border style="width: 100%" max-height="400" class="delClass warning-table">
+            <el-table-column prop="sheetName" label="Sheet名称" width="150" fixed="left" >
+              <template slot-scope="scope">
+                <span style="font-weight: bold;">{{ scope.row.sheetName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="errorMessage" label="原因" min-width="300">
+              <template slot-scope="scope">
+                <div>
+                  <el-tooltip
+                    v-if="scope.row.errorDetails && scope.row.errorDetails.length > 0"
+                    placement="top"
+                    effect="light">
+                    <div slot="content" style="max-width: 500px; line-height: 1.6;">
+                      <div style="font-weight: bold; margin-bottom: 8px; color: #E6A23C;">详细错误信息 (共{{ scope.row.errorDetails.length }}条)：</div>
+                      <div v-for="(detail, index) in scope.row.errorDetails" :key="index" style="margin-bottom: 6px;">
+                        <span style="color: #E6A23C; font-weight: bold;">{{ index + 1 }}.</span> {{ detail }}
+                      </div>
+                    </div>
+                    <div style="font-size: 12px; color: #909399; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                      <span v-for="(detail, index) in scope.row.errorDetails" :key="index">
+                        <span v-if="index > 0">; </span>
+                        <span style="color: #E6A23C; font-weight: bold;">{{ index + 1 }}.</span> {{ detail }}
+                      </span>
+                    </div>
+                  </el-tooltip>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+      <span slot="footer" class="dialog-footer" style="margin-top: 10px">
+        <el-button v-if="!showPreview" type="primary" @click="saveUploadFile" :loading="saveButtonLoading" :disabled="saveButtonLoading">保存</el-button>
+        <el-button v-if="showPreview" type="primary" @click="saveFromPreview" :loading="confirmSaveButtonLoading" :disabled="confirmSaveButtonLoading">确认保存</el-button>
+        <el-button v-if="showPreview" @click="cancelPreview" :disabled="confirmSaveButtonLoading">取消预览</el-button>
+        <el-button v-if="!showPreview" type="primary" @click="closeDialog" :disabled="saveButtonLoading">关闭</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog :title="currentRow ? `为发票号 ${currentRow.cmcInvoice} 选择客户模板` : '客户模板'"
+               @close="templateFlag = false; currentRow = null" :visible.sync="templateFlag" width="1200px" v-drag>
+      <!-- 搜索表单 -->
+      <el-form :inline="true" label-position="top" :model="templateSearchData" label-width="100px" >
+        <el-form-item label="模板名称">
+          <el-input
+            v-model="templateSearchData.templateName"
+            placeholder="请输入模板名称"
+            style="width: 200px;"
+            clearable>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="客户名称">
+          <el-input
+            v-model="templateSearchData.customerName"
+            placeholder="请输入客户名称"
+            style="width: 200px;"
+            clearable>
+          </el-input>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" @click="searchTemplateList">查询</el-button>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button @click="resetTemplateSearch">重置</el-button>
+        </el-form-item>
+      </el-form>
+
+      <el-table
+        :height="400"
+        :data="customerTemplateList"
+        stripe
+        highlight-current-row
+        border class="delClass"
+        @row-dblclick="rowDblclickTemplate"
+        style="width: 100%;">
+        <el-table-column
+          prop="template_name"
+          header-align="center"
+          align="left"
+          width="150"
+          label="模板名称">
+        </el-table-column>
+        <el-table-column
+          prop="ccusname"
+          header-align="center"
+          align="left"
+          width="200"
+          label="客户名称">
+        </el-table-column>
+        <el-table-column
+          prop="localShipAddress"
+          header-align="center"
+          align="left"
+          width="300"
+          label="客户地址">
+        </el-table-column>
+        <el-table-column
+          prop="overseasShipper"
+          header-align="center"
+          align="left"
+          width="200"
+          label="收货单位">
+        </el-table-column>
+        <el-table-column
+          prop="overseasAddress"
+          header-align="center"
+          align="left"
+          width="300"
+          label="收货地址">
+        </el-table-column>
+        <el-table-column
+          prop="salesArea"
+          header-align="center"
+          align="left"
+          width="80"
+          label="贸易国">
+        </el-table-column>
+        <el-table-column
+          prop="cnative"
+          header-align="center"
+          align="left"
+          width="80"
+          label="运抵国">
+        </el-table-column>
+      </el-table>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button @click="templateFlag = false; currentRow = null">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog :title="currentRow ? `为发票号 ${currentRow.cmcInvoice} 选择客户` : '客户'" @close="closeCustomDialog" :visible.sync="customFlag" width="500px" v-drag>
+      <el-form inline="inline" label-position="top" :model="customSearchData" style="margin-left: 7px;margin-top: -5px;">
+        <el-form-item label="客户名称">
+          <el-input v-model="customSearchData.ccusname" clearable style="width: 150px"></el-input>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" style="padding: 3px 12px" @click="getCustomerList()">查询</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        :height="400"
+        :data="customerList"
+        stripe
+        highlight-current-row
+        border
+        @row-dblclick="rowDblclick"
+        style="width: 100%;">
+        <el-table-column
+          prop="ccusname"
+          header-align="center"
+          align="left"
+          width="350"
+          label="客户名称">
+        </el-table-column>
+        <el-table-column
+          prop="country"
+          header-align="center"
+          align="left"
+          label="贸易国">
+        </el-table-column>
+      </el-table>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button @click="customFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog :title="currentRow ? `为发票号 ${currentRow.cmcInvoice} 选择客户地址` : '客户地址'" @close="localShipAddressFlag = false; currentRow = null" :visible.sync="localShipAddressFlag" width="500px" v-drag>
+      <el-table
+        :height="400"
+        :data="customerAddrs"
+        stripe
+        highlight-current-row
+        border
+        @row-dblclick="rowDblclick2"
+        style="width: 100%;">
+        <el-table-column
+          prop="cDeliverAdd"
+          header-align="center"
+          align="left"
+          label="客户地址">
+        </el-table-column>
+      </el-table>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button @click="localShipAddressFlag = false; currentRow = null">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog :title="currentRow ? `为发票号 ${currentRow.cmcInvoice} 选择收货单位地址` : '收货单位地址'" @close="overseasAddressFlag = false; currentRow = null" :visible.sync="overseasAddressFlag" width="500px" v-drag>
+      <el-table
+        :height="400"
+        :data="customerAddrs"
+        stripe
+        highlight-current-row
+        border
+        @row-dblclick="rowDblclick3"
+        style="width: 100%;">
+        <el-table-column
+          prop="cDeliverAdd"
+          header-align="center"
+          align="left"
+          label="收货单位地址">
+        </el-table-column>
+      </el-table>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button @click="overseasAddressFlag = false; currentRow = null">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog :title="currentRow ? `为发票号 ${currentRow.cmcInvoice} 选择收货单位` : '收货单位'" @close="overseasShipperFlag = false; currentRow = null" :visible.sync="overseasShipperFlag" width="500px" v-drag>
+      <el-table
+        :height="400"
+        :data="customerAddrs"
+        stripe
+        highlight-current-row
+        border
+        @row-dblclick="rowDblclick4"
+        style="width: 100%;">
+        <el-table-column
+          prop="cDeliverUnit"
+          header-align="left"
+          align="left"
+          width="350"
+          label="收货单位">
+        </el-table-column>
+        <el-table-column
+          prop="deliverycountry"
+          header-align="center"
+          align="left"
+          label="运抵国">
+        </el-table-column>
+      </el-table>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button @click="overseasShipperFlag = false; currentRow = null">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <!-- 大输入框编辑弹窗 -->
+    <el-dialog
+      :title="editDialog.title"
+      :visible.sync="editDialog.visible"
+      width="600px"
+      class="edit-dialog"
+      @close="closeEditDialog">
+      <div class="edit-dialog-tip">
+        <i class="el-icon-info"></i> 提示：您可以在此编辑较长的文本内容，支持多行输入
+      </div>
+      <el-form label-position="top" style="margin-bottom: 120px">
+        <el-form-item :label="editDialog.label">
+          <el-input ref="editTextarea"
+            v-model="editDialog.value"
+            type="textarea"
+            :rows="6"
+            placeholder="请输入内容，支持多行文本..."
+            maxlength="500"
+            show-word-limit
+            class="edit-textarea">
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeEditDialog">取消</el-button>
+        <el-button type="primary" @click="confirmEdit">保存</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 物料不存在详情对话框 -->
+    <el-dialog
+      :title="`发票号 ${invalidMaterialsDialog.invoice} - 不存在的物料详情`"
+      :visible.sync="invalidMaterialsDialog.visible"
+      width="320px"
+      class="invalid-materials-dialog"
+      @close="closeInvalidMaterialsDialog">
+      <div class="invalid-materials-content">
+        <el-table
+          :data="invalidMaterialsDialog.materials"
+          border
+          style="width: 100%; margin-top: 15px;"
+          max-height="300">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="60"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="material"
+            label="物料号"
+            align="left">
+            <template slot-scope="scope">
+              <span style="color: #F56C6C; font-weight: bold;">{{ scope.row }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="materials-summary" style="margin-top: 15px; padding: 10px; background-color: #FEF0F0; border-radius: 4px;">
+          <span style="color: #F56C6C;">
+            <i class="el-icon-info"></i>
+            共发现 <strong>{{ invalidMaterialsDialog.materials.length }}</strong> 个不存在的物料
+          </span>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="closeInvalidMaterialsDialog">确定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import {queryFileId} from "@/api/qc/qc.js"
+  import {previewExcelTX,saveEcssCoDelNotifyByExcelTX,getCustomerList,getCustomers,getCustomerAdd,getCustomerTemplateList,saveExcelImportTemplate} from '@/api/ecss/ecss.js'
+  import {downLoadObjectFile} from '@/api/eam/eam_object_list.js'
+  import {getBuList}from  '@/api/factory/site.js'
+  export default {
+    name: 'delUploadExcelTx',
+    data() {
+      return {
+        buList: [],
+        titleCon: '天线/硬标导入',
+        visible: false,
+        fileList: [],
+        pageData: {
+          site: '',
+          buNo: '',
+          createBy: this.$store.state.user.name,
+          customerName:'',
+          localShipAddress:'',
+          overseasShipper:'',
+          overseasAddress:'',
+          cnative:'',
+          salesArea:'',
+        },
+        previewData: [], // 预览数据
+        showPreview: false, // 是否显示预览
+        selectedFile: null, // 选择的文件
+        previewLoading: false, // 预览加载状态
+        saveButtonLoading: false, // 保存按钮加载状态
+        confirmSaveButtonLoading: false, // 确认保存按钮加载状态
+        deletedInvoices: [], // 被删除的发票号列表
+        sheetErrors: [], // Sheet错误信息列表
+        customSearchData: {},
+        customerList : [],//所有客户
+        customerAddrs : [],//地址
+        customerPersons : [],//联系人
+        customerMap:new Map,
+        customFlag:false,
+        localShipAddressFlag:false,
+        overseasShipperFlag:false,
+        overseasAddressFlag:false,
+        templateFlag:false,
+        customerTemplateList: [],//客户模板列表
+        templateSearchData: {
+          templateName: '',
+          customerName: ''
+        },//模板搜索条件
+        cacheKey: '', // 缓存键
+        cacheTimer: null, // 缓存定时器
+        currentRow: null, // 当前编辑的行
+        cachedFileInfo: null, // 缓存的文件信息
+        cachedFileList: [], // 缓存的文件列表
+        // 大输入框编辑弹窗相关数据
+        editDialog: {
+          visible: false,
+          title: '',
+          label: '',
+          value: '',
+          fieldName: '', // 要编辑的字段名
+          row: null // 当前编辑的行数据
+        },
+        // 物料不存在详情对话框相关数据
+        invalidMaterialsDialog: {
+          visible: false,
+          invoice: '',
+          materials: []
+        },
+        // 批量删除相关数据
+        selectedRows: [] // 选中的行
+      }
+    },
+    computed: {
+      // 可导入的发票（不包含物料不存在的发票）
+      validInvoices() {
+        return this.previewData.filter(item => !item.hasInvalidMaterials)
+      },
+      // 物料不存在的发票
+      invalidInvoices() {
+        return this.previewData.filter(item => item.hasInvalidMaterials)
+      }
+    },
+    watch: {
+      // 深度监听pageData的变化，自动保存到缓存
+      pageData: {
+        handler: function(newVal, oldVal) {
+          // 只有在组件已初始化且对话框可见时才保存缓存
+          if (this.visible && this.cacheKey) {
+            this.saveToCache();
+          }
+        },
+        deep: true
+      },
+      // 深度监听previewData的变化，保存用户的编辑
+      previewData: {
+        handler: function(newVal, oldVal) {
+          // 只有在组件已初始化且对话框可见时才保存缓存
+          if (this.visible && this.cacheKey && newVal && newVal.length > 0) {
+            this.saveToCache();
+          }
+        },
+        deep: true
+      }
+    },
+    beforeDestroy() {
+      // 组件销毁前清理定时器
+      if (this.cacheTimer) {
+        clearTimeout(this.cacheTimer);
+      }
+    },
+    methods: {
+      // 生成缓存键
+      generateCacheKey() {
+        const userId = this.$store.state.user.id || this.$store.state.user.name;
+        return `ecss_del_upload_cache_${userId}`;
+      },
+
+      // 保存数据到缓存（防抖处理）
+      saveToCache() {
+        // 清除之前的定时器
+        if (this.cacheTimer) {
+          clearTimeout(this.cacheTimer);
+        }
+
+        // 设置新的定时器，500ms后执行保存
+        this.cacheTimer = setTimeout(() => {
+          try {
+            const cacheData = {
+              pageData: {
+                buNo: this.pageData.buNo,
+                customerName: this.pageData.customerName,
+                localShipAddress: this.pageData.localShipAddress,
+                overseasShipper: this.pageData.overseasShipper,
+                overseasAddress: this.pageData.overseasAddress,
+                cnative: this.pageData.cnative,
+                salesArea: this.pageData.salesArea,
+              },
+              // 保存文件和预览相关数据
+              fileInfo: this.selectedFile ? {
+                name: this.selectedFile.name,
+                size: this.selectedFile.size,
+                lastModified: this.selectedFile.lastModified
+              } : null,
+              showPreview: this.showPreview,
+              previewData: this.previewData,
+              deletedInvoices: this.deletedInvoices,
+              fileList: this.fileList.map(file => ({
+                name: file.name,
+                size: file.size,
+                lastModified: file.lastModified,
+                uid: file.uid
+              }))
+            };
+            localStorage.setItem(this.cacheKey, JSON.stringify(cacheData));
+          } catch (error) {
+            console.warn('保存缓存失败:', error);
+          }
+        }, 500);
+      },
+
+      // 从缓存加载数据
+      loadFromCache() {
+        try {
+          const cachedData = localStorage.getItem(this.cacheKey);
+          if (cachedData) {
+            const parsedData = JSON.parse(cachedData);
+            if (parsedData.pageData) {
+              // 恢复基础表单数据
+              Object.assign(this.pageData, parsedData.pageData);
+
+              // 恢复预览数据和文件状态
+              if (parsedData.previewData && parsedData.previewData.length > 0) {
+                this.previewData = parsedData.previewData;
+                this.showPreview = parsedData.showPreview || false;
+              }
+
+              // 恢复删除的发票号列表
+              if (parsedData.deletedInvoices) {
+                this.deletedInvoices = parsedData.deletedInvoices;
+              }
+
+              // 恢复文件列表信息（用于界面显示）
+              if (parsedData.fileList && parsedData.fileList.length > 0) {
+                // 记录缓存的文件信息，用于后续比对
+                this.cachedFileInfo = parsedData.fileInfo;
+                this.cachedFileList = parsedData.fileList;
+              }
+
+              return true;
+            }
+          }
+        } catch (error) {
+          console.warn('加载缓存失败:', error);
+        }
+        return false;
+      },
+
+      // 清除缓存
+      clearCache() {
+        try {
+          localStorage.removeItem(this.cacheKey);
+        } catch (error) {
+          console.warn('清除缓存失败:', error);
+        }
+      },
+
+      // 检查并恢复文件状态
+      checkAndRestoreFileState() {
+        // 检查上传组件中是否有文件
+        const uploadFiles = this.$refs.uploadFile.uploadFiles;
+
+        if (this.cachedFileInfo && this.cachedFileList.length > 0) {
+          // 如果有缓存的文件信息，检查当前上传组件中的文件
+          if (uploadFiles && uploadFiles.length > 0) {
+            const currentFile = uploadFiles[0];
+            const isSameFile = currentFile.name === this.cachedFileInfo.name &&
+                             currentFile.size === this.cachedFileInfo.size &&
+                             currentFile.lastModified === this.cachedFileInfo.lastModified;
+
+            if (isSameFile) {
+              // 是同一个文件，恢复文件相关状态
+              this.selectedFile = currentFile;
+              this.fileList = [currentFile];
+              console.log('恢复文件状态:', currentFile.name);
+            } else {
+              // 文件不匹配，清除预览状态但保留表单数据
+              this.showPreview = false;
+              this.previewData = [];
+              this.selectedFile = null;
+              this.fileList = [];
+              console.log('文件不匹配，清除预览状态');
+            }
+          } else {
+            // 没有文件但有缓存，说明文件可能被清除了
+            this.showPreview = false;
+            this.previewData = [];
+            this.selectedFile = null;
+            this.fileList = [];
+            console.log('没有找到文件，清除预览状态');
+          }
+        }
+
+        // 保存当前状态
+        this.saveToCache();
+      },
+
+      // 初始化组件的参数
+      init () {
+        // 初始化缓存键，但不清除任何现有数据
+        this.cacheKey = this.generateCacheKey();
+        this.previewLoading = false
+
+        let tempData = {
+          username: this.$store.state.user.name,
+        }
+        getBuList(tempData).then(({data}) => {
+          if (data.code === 0) {
+            this.buList = data.row2
+            if(data.row2.length===1){
+              this.pageData.buNo=data.row2[0].buNo
+            }
+          }
+          // 在获取BU列表后尝试加载缓存
+          this.loadFromCache();
+
+          // 检查并恢复文件状态
+          this.$nextTick(() => {
+            this.checkAndRestoreFileState();
+          });
+        })
+
+        getCustomerList({}).then(({data}) => {
+          //区分请求成功和失败的状况
+          if (data && data.code === 0) {
+            this.customerList=data.rows
+          }
+        });
+
+        // 只有在完全没有缓存数据时才初始化为空
+        const hasCache = this.loadFromCache();
+        if (!hasCache) {
+          this.fileList = []
+          this.previewData = []
+          this.showPreview = false
+          this.selectedFile = null
+          this.deletedInvoices = []
+          this.pageData.customerName=''
+          this.pageData.cnative=''
+          this.pageData.localShipAddress='',
+          this.pageData.overseasShipper='',
+          this.pageData.overseasAddress='',
+          this.pageData.salesArea=''
+        }
+
+        this.customerPersons=[]
+        this.customerAddrs=[]
+        // 打开页面
+        this.visible = true
+      },
+      getCustomerList(){
+        getCustomerList(this.customSearchData).then(({data}) => {
+          //区分请求成功和失败的状况
+          if (data && data.code === 0) {
+            this.customerList=data.rows
+          }
+        });
+      },
+      getCusPersons(){
+        let cusData = {ccusname: this.pageData.customerName}
+        getCustomers(cusData).then(({data}) => {
+          //区分请求成功和失败的状况
+          if (data && data.code === 0) {
+            this.customerPersons=data.rows
+            this.customerPersons.forEach(o => {
+              if (!this.customerMap.has(o.ccontactname)) {
+                this.customerMap.set(o.ccontactname, o.cnative);
+              }
+            });
+          }
+        });
+        getCustomerAdd(cusData).then(({data}) => {
+          //区分请求成功和失败的状况
+          if (data && data.code === 0) {
+            this.customerAddrs=data.rows
+          }
+        });
+      },
+      setCnative(){
+        this.pageData.cnative=this.customerMap.get(this.pageData.overseasShipper)
+      },
+      closeCustomDialog () {
+        this.customFlag = false
+        this.currentRow = null
+      },
+      rowDblclickTemplate(row) {
+        console.log(row)
+        if (this.currentRow) {
+          // 使用模板设置当前行的所有信息
+          this.currentRow.templateNo = row.template_no
+          this.currentRow.ccuscode = row.ccuscode
+          this.currentRow.selectedTemplate = row.template_name
+          this.currentRow.originalTemplateName = row.template_name // 保存原始模板名称，用于判断是否修改
+          this.currentRow.selectedCustomer = row.ccusname || ''
+          this.currentRow.selectedLocalAddress = row.localShipAddress || ''
+          this.currentRow.selectedOverseasShipper = row.overseasShipper || ''
+          this.currentRow.selectedOverseasAddress = row.overseasAddress || ''
+          this.currentRow.selectedCnative = row.cnative || ''
+          this.currentRow.selectedSalesArea = row.salesArea || ''
+
+          // 如果模板中有客户信息，自动获取该客户的地址和收货单位信息
+          if (row.ccusname) {
+            this.getCusPersonsForRow(row.ccusname)
+          }
+        }
+        this.templateFlag = false
+        this.currentRow = null
+      },
+
+      rowDblclick (row) {
+        if (this.currentRow) {
+          // 预览模式下，为当前行设置客户信息
+          this.currentRow.selectedCustomer = row.ccusname
+          this.currentRow.selectedSalesArea = row.country
+          this.currentRow.selectedLocalAddress = ''
+          this.currentRow.selectedOverseasShipper = ''
+          this.currentRow.selectedOverseasAddress = ''
+          this.currentRow.selectedCnative = ''
+          this.getCusPersonsForRow(row.ccusname)
+        } else {
+          // 普通模式下，设置全局信息
+          this.pageData.customerName=row.ccusname
+          this.pageData.cnative='',
+          this.pageData.localShipAddress='',
+          this.pageData.overseasShipper='',
+          this.pageData.overseasAddress='',
+          this.pageData.salesArea = row.country
+          this.getCusPersons()
+        }
+        this.customFlag = false
+      },
+      rowDblclick2 (row) {
+        if (this.currentRow) {
+          this.currentRow.selectedLocalAddress = row.cDeliverAdd
+        } else {
+          this.pageData.localShipAddress = row.cDeliverAdd
+        }
+        this.localShipAddressFlag = false
+        this.currentRow = null
+      },
+      rowDblclick3 (row) {
+        if (this.currentRow) {
+          this.currentRow.selectedOverseasAddress = row.cDeliverAdd
+        } else {
+          this.pageData.overseasAddress = row.cDeliverAdd
+        }
+        this.overseasAddressFlag = false
+        this.currentRow = null
+      },
+      rowDblclick4 (row) {
+        if (this.currentRow) {
+          this.currentRow.selectedOverseasShipper = row.cDeliverUnit
+          this.currentRow.selectedCnative = row.deliverycountry
+        } else {
+          this.pageData.overseasShipper = row.cDeliverUnit
+          this.pageData.cnative = row.deliverycountry
+        }
+        this.overseasShipperFlag = false
+        this.currentRow = null
+      },
+
+      // 上传之前
+      beforeUploadHandle (file) {
+        let extName = file[0].name.substring(file[0].name.lastIndexOf('.')).toLowerCase()
+        if (!(extName === '.xlsx' || extName === '.xls')) {
+          this.$message.error('数据导入失败，请选择正确的xlsx模板文件')
+          return false
+        }
+      },
+
+      // 选择上传文件时
+      onChange (file) {
+        this.fileList.push(file)
+        this.selectedFile = file
+        this.previewFile(file)
+        // 保存文件信息到缓存
+        this.saveToCache()
+      },
+
+      // 关闭modal
+      closeDialog () {
+        // 保存当前状态到缓存
+        this.saveToCache()
+        // 关闭当前的页面
+        this.visible = false
+        this.$emit('refreshTable')
+      },
+      deleteFile(){
+        // 只有在明确需要清除数据时才调用此方法
+        this.fileList = []
+        this.previewData = []
+        this.showPreview = false
+        this.selectedFile = null
+        this.deletedInvoices = []
+        this.cachedFileInfo = null
+        this.cachedFileList = []
+        // 清空文件上传记录
+        this.$refs.uploadFile.clearFiles()
+        // 清除缓存
+        this.clearCache()
+        // 刷新报工的页面
+        this.$emit('refreshTable')
+      },
+
+      // 保修当前的数据
+      saveUploadFile () {
+        if (null == this.pageData.buNo || this.pageData.buNo=='') {
+          this.$message.error("请先选择BU!")
+          return false
+        }
+        if (null == this.pageData.customerName || this.pageData.customerName=='') {
+          this.$message.error("请先选择客户!")
+          return false
+        }
+        if (null == this.pageData.localShipAddress || this.pageData.localShipAddress=='') {
+          this.$message.error("请先填写客户发货地址!")
+          return false
+        }
+        if (null == this.pageData.overseasShipper || this.pageData.overseasShipper=='') {
+          this.$message.error("请先填写收货单位!")
+          return false
+        }
+        if (null == this.pageData.overseasAddress || this.pageData.overseasAddress=='') {
+          this.$message.error("请先填写收货单位地址!")
+          return false
+        }
+        if (null == this.pageData.cnative || this.pageData.cnative=='') {
+          this.$message.error("请先填写收货单位运抵国!")
+          return false
+        }
+        // 判断文件是否上传
+        if (null == this.fileList || 0 === this.fileList.length) {
+          this.$message.error("请先上传文件!")
+          return false
+        }
+
+        this.saveButtonLoading = true // 开始加载
+
+        const formData = new FormData()
+        formData.append("buNo",this.pageData.buNo)
+        formData.append("username",this.$store.state.user.name)
+        formData.append("file", this.fileList[0].raw)
+        formData.append("customerName", this.pageData.customerName)
+        formData.append("localShipAddress", this.pageData.localShipAddress)
+        formData.append("overseasShipper", this.pageData.overseasShipper)
+        formData.append("overseasAddress", this.pageData.overseasAddress)
+        formData.append("cnative", this.pageData.cnative)
+        formData.append("salesArea", this.pageData.salesArea)
+        saveEcssCoDelNotifyByExcelTX(formData).then(({ data }) => {
+          if (data.code === 0) {
+            const { resultMap } = data;
+            const successList = resultMap.success || [];
+            const failList = resultMap.fail || [];
+
+            // 紧凑样式
+            let html = `
+                    <div style="max-height:380px;overflow:auto;font-size:12px;line-height:1.4;">
+                  `;
+
+            if (successList.length > 0) {
+              html += `<div style="margin-bottom:6px;">
+                      <div style="color:green;font-weight:bold;margin-bottom:3px;">
+                        ✅ 成功（${successList.length}）
+                      </div>
+                      <table border="1" cellspacing="0" cellpadding="2"
+                        style="border-collapse:collapse;width:100%;">
+                    `;
+              successList.forEach(item => {
+                html += `<tr><td style="color:green;padding:2px 4px;">${item}</td></tr>`;
+              });
+              html += `</table></div>`;
+            }
+
+            if (failList.length > 0) {
+              html += `<div>
+                  <div style="color:red;font-weight:bold;margin-bottom:3px;">
+                    ❌ 失败（${failList.length}）
+                  </div>
+                  <table border="1" cellspacing="0" cellpadding="2"
+                    style="border-collapse:collapse;width:100%;">
+                `;
+              failList.forEach(item => {
+                html += `<tr><td style="color:red;padding:2px 4px;">${item}</td></tr>`;
+              });
+              html += `</table></div>`;
+            }
+
+            html += `</div>`;
+
+            this.$alert(html, '导入结果', {
+              confirmButtonText: '确定',
+              dangerouslyUseHTMLString: true,
+              callback: () => {
+                if (successList.length > 0){
+                  this.clearCache();
+                  this.clearPreviewData();
+                  this.closeDialog();
+                }
+              }
+            });
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            });
+          }
+        }).catch(error => {
+          this.$message.error('保存失败：' + (error.message || '网络异常'))
+        }).finally(() => {
+          this.saveButtonLoading = false // 结束加载
+        });
+
+
+      },
+
+      // 预览文件
+      async previewFile(file) {
+        if (!file || !file.raw) {
+          return
+        }
+        if (!this.pageData.buNo) {
+          this.$message.error('请先选择BU!')
+          this.fileList = []
+          this.$refs.uploadFile.clearFiles()
+          return
+        }
+
+        this.previewLoading = true // 开始加载
+
+        const formData = new FormData()
+        formData.append("file", file.raw)
+        formData.append("buNo", this.pageData.buNo)
+
+        try {
+          const { data } = await previewExcelTX(formData)
+
+          if (data.code === 0) {
+            this.previewData = data.data || []
+            this.sheetErrors = data.sheetErrors || []
+            this.showPreview = true
+            // 清空删除列表，因为这是新的文件预览
+            this.deletedInvoices = []
+
+            // 如果有Sheet错误，显示警告信息
+            if (this.sheetErrors.length > 0) {
+              const skippedCount = this.sheetErrors.filter(e => e.skipped).length
+              const errorCount = this.sheetErrors.filter(e => !e.skipped).length
+              let message = `文件解析完成，但有 ${this.sheetErrors.length} 个Sheet存在问题`
+              if (skippedCount > 0) {
+                message += `（${skippedCount}个已跳过`
+              }
+              if (errorCount > 0) {
+                message += `${skippedCount > 0 ? '，' : '（'}${errorCount}个处理失败`
+              }
+              message += '），请查看详细信息'
+              this.$message.warning(message)
+            }
+
+            // 为每个发票号初始化客户信息
+            this.previewData.forEach(item => {
+              this.$set(item, 'templateNo', '')
+              this.$set(item, 'ccuscode', '')
+              this.$set(item, 'selectedTemplate', '')
+              this.$set(item, 'originalTemplateName', '')
+              this.$set(item, 'selectedCustomer', '')
+              this.$set(item, 'selectedLocalAddress', '')
+              this.$set(item, 'selectedOverseasShipper', '')
+              this.$set(item, 'selectedOverseasAddress', '')
+              this.$set(item, 'selectedCnative', '')
+              this.$set(item, 'selectedSalesArea','')
+            })
+            // 预览成功后立即保存缓存
+            this.saveToCache()
+          } else {
+            this.$message.error(data.msg || '文件预览失败')
+          }
+        } catch (error) {
+          this.$message.error('文件预览失败：' + error.message)
+        } finally {
+          this.previewLoading = false // 结束加载
+        }
+      },
+
+      // 从预览数据保存
+      saveFromPreview() {
+        // 检查是否有可导入的发票
+        if (this.validInvoices.length === 0) {
+          this.$message.warning('没有可导入的发票！')
+          return false
+        }
+
+        // 只验证可导入发票的必填信息
+        for (let item of this.validInvoices) {
+          if (!item.selectedCustomer) {
+            this.$message.error(`发票号 ${item.cmcInvoice} 请选择客户`)
+            return false
+          }
+          if (!item.selectedLocalAddress) {
+            this.$message.error(`发票号 ${item.cmcInvoice} 请填写客户地址`)
+            return false
+          }
+          if (!item.selectedOverseasShipper) {
+            this.$message.error(`发票号 ${item.cmcInvoice} 请填写收货单位`)
+            return false
+          }
+          if (!item.selectedOverseasAddress) {
+            this.$message.error(`发票号 ${item.cmcInvoice} 请填写收货单位地址`)
+            return false
+          }
+          if (!item.selectedCnative) {
+            this.$message.error(`发票号 ${item.cmcInvoice} 请填写运抵国`)
+            return false
+          }
+        }
+
+        this.confirmSaveButtonLoading = true // 开始加载
+
+        // 发送保存请求
+        const formData = new FormData()
+        formData.append("buNo", this.pageData.buNo)
+        formData.append("username", this.$store.state.user.name)
+        formData.append("file", this.fileList[0].raw)
+        // 添加被删除的发票号列表（包括用户手动删除的和物料不存在的）
+        const allDeletedInvoices = [...this.deletedInvoices]
+        // 将物料不存在的发票也添加到删除列表中
+        this.invalidInvoices.forEach(item => {
+          if (!allDeletedInvoices.includes(item.cmcInvoice)) {
+            allDeletedInvoices.push(item.cmcInvoice)
+          }
+        })
+        formData.append("deletedInvoices", JSON.stringify(allDeletedInvoices))
+        // 只为可导入的发票设置客户信息
+        this.validInvoices.forEach((item, index) => {
+          formData.append(`templateNo_${item.cmcInvoice}`, item.templateNo)
+          formData.append(`customerName_${item.cmcInvoice}`, item.selectedCustomer)
+          formData.append(`localShipAddress_${item.cmcInvoice}`, item.selectedLocalAddress)
+          formData.append(`overseasShipper_${item.cmcInvoice}`, item.selectedOverseasShipper)
+          formData.append(`overseasAddress_${item.cmcInvoice}`, item.selectedOverseasAddress)
+          formData.append(`cnative_${item.cmcInvoice}`, item.selectedCnative)
+          formData.append(`salesArea_${item.cmcInvoice}`, item.selectedSalesArea)
+        })
+
+        saveEcssCoDelNotifyByExcelTX(formData).then(({ data }) => {
+          if (data.code === 0) {
+            const { resultMap } = data;
+            const successList = resultMap.success || [];
+            const failList = resultMap.fail || [];
+
+            // 紧凑样式
+            let html = `
+                    <div style="max-height:380px;overflow:auto;font-size:12px;line-height:1.4;">
+                  `;
+
+            if (successList.length > 0) {
+              html += `<div style="margin-bottom:6px;">
+                      <div style="color:green;font-weight:bold;margin-bottom:3px;">
+                        ✅ 成功（${successList.length}）
+                      </div>
+                      <table border="1" cellspacing="0" cellpadding="2"
+                        style="border-collapse:collapse;width:100%;">
+                    `;
+              successList.forEach(item => {
+                html += `<tr><td style="color:green;padding:2px 4px;">${item}</td></tr>`;
+              });
+              html += `</table></div>`;
+            }
+
+            if (failList.length > 0) {
+              html += `<div>
+                  <div style="color:red;font-weight:bold;margin-bottom:3px;">
+                    ❌ 失败（${failList.length}）
+                  </div>
+                  <table border="1" cellspacing="0" cellpadding="2"
+                    style="border-collapse:collapse;width:100%;">
+                `;
+              failList.forEach(item => {
+                html += `<tr><td style="color:red;padding:2px 4px;">${item}</td></tr>`;
+              });
+              html += `</table></div>`;
+            }
+
+            html += `</div>`;
+
+            this.$alert(html, '导入结果', {
+              confirmButtonText: '确定',
+              dangerouslyUseHTMLString: true,
+              callback: () => {
+                if (successList.length > 0){
+                  this.clearCache();
+                  this.clearPreviewData();
+                  this.closeDialog();
+                }
+              }
+            });
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            });
+          }
+        }).catch(error => {
+          this.$message.error('保存失败：' + (error.message || '网络异常'))
+        }).finally(() => {
+          this.confirmSaveButtonLoading = false // 结束加载
+        });
+      },
+
+      // 取消预览
+      cancelPreview() {
+        this.showPreview = false
+        this.previewData = []
+        this.sheetErrors = []
+        this.fileList = []
+        this.selectedFile = null
+        this.deletedInvoices = []
+        this.cachedFileInfo = null
+        this.cachedFileList = []
+        this.$refs.uploadFile.clearFiles()
+        // 更新缓存
+        this.saveToCache()
+      },
+
+      // 清除预览数据
+      clearPreviewData() {
+        this.previewData = []
+        this.sheetErrors = []
+        this.showPreview = false
+        this.selectedFile = null
+        this.fileList = []
+        this.deletedInvoices = []
+        this.previewLoading = false
+        this.cachedFileInfo = null
+        this.cachedFileList = []
+        this.$refs.uploadFile.clearFiles()
+        // 更新缓存
+        this.saveToCache()
+      },
+
+      // 为行选择客户模板
+      selectTemplateForRow(row) {
+        this.currentRow = row
+        this.getCustomerTemplateList()
+        this.templateFlag = true
+      },
+
+      // 为行选择客户
+      selectCustomerForRow(row) {
+        this.currentRow = row
+        this.customFlag = true
+      },
+
+      // 为行选择客户地址
+      selectLocalAddressForRow(row) {
+        if (!row.selectedCustomer) {
+          this.$message.warning('请先选择客户')
+          return
+        }
+        this.currentRow = row
+        this.getCusPersonsForRow(row.selectedCustomer)
+        this.localShipAddressFlag = true
+      },
+
+      // 为行选择收货单位
+      selectOverseasShipperForRow(row) {
+        if (!row.selectedCustomer) {
+          this.$message.warning('请先选择客户')
+          return
+        }
+        this.currentRow = row
+        this.getCusPersonsForRow(row.selectedCustomer)
+        this.overseasShipperFlag = true
+      },
+
+      // 为行选择收货单位地址
+      selectOverseasAddressForRow(row) {
+        if (!row.selectedCustomer) {
+          this.$message.warning('请先选择客户')
+          return
+        }
+        this.currentRow = row
+        this.getCusPersonsForRow(row.selectedCustomer)
+        this.overseasAddressFlag = true
+      },
+
+      // 获取客户模板列表
+      async getCustomerTemplateList(searchParams = {}) {
+        try {
+          const { data } = await getCustomerTemplateList(searchParams)
+          if (data && data.code === 0) {
+            this.customerTemplateList = data.rows || []
+          }
+        } catch (error) {
+          console.error('获取客户模板列表失败:', error)
+          this.customerTemplateList = []
+        }
+      },
+
+      // 搜索客户模板
+      searchTemplateList() {
+        const searchParams = {
+          templateName: this.templateSearchData.templateName,
+          customerName: this.templateSearchData.customerName
+        }
+        this.getCustomerTemplateList(searchParams)
+      },
+
+      // 重置模板搜索
+      resetTemplateSearch() {
+        this.templateSearchData = {
+          templateName: '',
+          customerName: ''
+        }
+        this.getCustomerTemplateList()
+      },
+
+      // 获取特定客户的地址信息
+      getCusPersonsForRow(customerName) {
+        let cusData = {ccusname: customerName}
+        getCustomers(cusData).then(({data}) => {
+          if (data && data.code === 0) {
+            this.customerPersons = data.rows
+            this.customerPersons.forEach(o => {
+              if (!this.customerMap.has(o.ccontactname)) {
+                this.customerMap.set(o.ccontactname, o.cnative);
+              }
+            });
+          }
+        });
+        getCustomerAdd(cusData).then(({data}) => {
+          if (data && data.code === 0) {
+            this.customerAddrs = data.rows
+          }
+        });
+      },
+
+      // 打开大输入框编辑弹窗
+      openEditDialog(row, fieldName, label, title) {
+        this.editDialog.visible = true
+        this.editDialog.title = title
+        this.editDialog.label = label
+        this.editDialog.fieldName = fieldName
+        this.editDialog.row = row
+        this.editDialog.value = row[fieldName] || ''
+        this.$nextTick(() => this.$refs.editTextarea.focus());
+      },
+
+      // 关闭大输入框编辑弹窗
+      closeEditDialog() {
+        this.editDialog.visible = false
+        this.editDialog.title = ''
+        this.editDialog.label = ''
+        this.editDialog.fieldName = ''
+        this.editDialog.row = null
+        this.editDialog.value = ''
+      },
+
+      // 确认编辑
+      confirmEdit() {
+        if (this.editDialog.row && this.editDialog.fieldName) {
+          this.editDialog.row[this.editDialog.fieldName] = this.editDialog.value
+        }
+        this.closeEditDialog()
+      },
+
+      // 处理表格选择变化
+      handleSelectionChange(selection) {
+        this.selectedRows = selection
+      },
+
+      // 批量删除行
+      batchDeleteRows() {
+        if (this.selectedRows.length === 0) {
+          this.$message.warning('请先选择要删除的发票')
+          return
+        }
+
+        const invoiceNumbers = this.selectedRows.map(row => row.cmcInvoice).join('、')
+        this.$confirm(`确定要删除以下 ${this.selectedRows.length} 个发票吗？\n${invoiceNumbers}\n\n删除后将不会提交到后台。`, '批量删除确认', {
+          confirmButtonText: '确定删除',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          // 记录被删除的发票号并从预览数据中移除
+          this.selectedRows.forEach(row => {
+            // 记录被删除的发票号
+            if (!this.deletedInvoices.includes(row.cmcInvoice)) {
+              this.deletedInvoices.push(row.cmcInvoice)
+            }
+            // 从预览数据中移除该行
+            const previewIndex = this.previewData.findIndex(item => item.cmcInvoice === row.cmcInvoice)
+            if (previewIndex !== -1) {
+              this.previewData.splice(previewIndex, 1)
+            }
+          })
+          this.$message.success(`已成功删除 ${this.selectedRows.length} 个发票`)
+          // 清空选中状态
+          this.selectedRows = []
+          // 保存到缓存
+          this.saveToCache()
+        }).catch(() => {
+          // 用户取消删除
+        })
+      },
+
+      // 删除行
+      deleteRow(index, row) {
+        this.$confirm(`确定要删除发票号 "${row.cmcInvoice}" 吗？删除后将不会提交到后台。`, '删除确认', {
+          confirmButtonText: '确定删除',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          // 记录被删除的发票号
+          if (!this.deletedInvoices.includes(row.cmcInvoice)) {
+            this.deletedInvoices.push(row.cmcInvoice)
+          }
+          // 从预览数据中移除该行（根据发票号查找）
+          const previewIndex = this.previewData.findIndex(item => item.cmcInvoice === row.cmcInvoice)
+          if (previewIndex !== -1) {
+            this.previewData.splice(previewIndex, 1)
+          }
+          this.$message.success(`发票号 "${row.cmcInvoice}" 已删除`)
+          // 清空选中状态（如果删除的是选中的行）
+          this.selectedRows = this.selectedRows.filter(r => r.cmcInvoice !== row.cmcInvoice)
+          // 保存到缓存
+          this.saveToCache()
+        }).catch(() => {
+          // 用户取消删除
+        })
+      },
+
+      // 下载
+      async downloadFile () {
+        let file = {
+          id: 0,
+          fileName: ''
+        }
+        let tempData = {
+          orderRef1: 'ecss',
+          orderRef2: 'upLoadDel'
+        }
+        await queryFileId(tempData).then(({data}) => {
+          if (data && data.code === 0) {
+            file.id = data.data.id
+            file.fileName = data.data.fileName
+          } else {
+            this.$alert(data.msg, '错误', {
+              confirmButtonText: '确定'
+            })
+          }
+        })
+
+        await downLoadObjectFile(file).then(({data}) => {
+          // 不限制文件下载类型
+          const blob = new Blob([data], {type: "application/octet-stream"})
+          // 下载文件名称
+          const fileName = file.fileName
+          // a标签下载
+          const linkNode = document.createElement('a')
+          // a标签的download属性规定下载文件的名称
+          linkNode.download = fileName
+          linkNode.style.display = 'none'
+          // 生成一个Blob URL
+          linkNode.href = URL.createObjectURL(blob)
+          document.body.appendChild(linkNode)
+          // 模拟在按钮上的一次鼠标单击
+          linkNode.click()
+          // 释放URL 对象
+          URL.revokeObjectURL(linkNode.href)
+          document.body.removeChild(linkNode)
+        })
+      },
+
+      // 显示物料不存在详情
+      showInvalidMaterials(row) {
+        this.invalidMaterialsDialog.invoice = row.cmcInvoice
+        this.invalidMaterialsDialog.materials = row.invalidMaterials || []
+        this.invalidMaterialsDialog.visible = true
+      },
+
+      // 关闭物料不存在详情对话框
+      closeInvalidMaterialsDialog() {
+        this.invalidMaterialsDialog.visible = false
+        this.invalidMaterialsDialog.invoice = ''
+        this.invalidMaterialsDialog.materials = []
+      },
+
+      /**
+       * 检查行数据是否已准备好保存模板
+       * @param {Object} row - 行数据
+       * @return {boolean} 是否可以保存
+       */
+      isRowReadyForSave(row) {
+        return !!(row.selectedTemplate && 
+                  row.selectedTemplate.trim() && 
+                  row.selectedCustomer && 
+                  row.selectedCustomer.trim())
+      },
+
+      /**
+       * 保存模板修改
+       * @param {Object} row - 行数据
+       */
+      async saveTemplateChanges(row) {
+        // 验证必填字段
+        if (!row.selectedTemplate || !row.selectedTemplate.trim()) {
+          this.$message.warning('请输入模板名称')
+          return
+        }
+
+        if (!row.selectedCustomer || !row.selectedCustomer.trim()) {
+          this.$message.warning('请填写客户信息')
+          return
+        }
+
+        // 判断操作类型，给用户明确提示
+        const isNewTemplate = !row.originalTemplateName || row.originalTemplateName === ''
+        const isNameChanged = row.originalTemplateName && row.selectedTemplate !== row.originalTemplateName
+        
+        let confirmMessage = ''
+        if (isNewTemplate) {
+          // 手动输入的新模板名
+          confirmMessage = `确定要保存模板"${row.selectedTemplate}"吗？\n\n如果此模板名已存在，将会覆盖原有模板内容！`
+        } else if (isNameChanged) {
+          // 基于已选模板另存为新模板
+          confirmMessage = `确定要将模板"${row.originalTemplateName}"另存为"${row.selectedTemplate}"吗？\n\n如果"${row.selectedTemplate}"已存在，将会覆盖原有模板内容！`
+        } else {
+          // 更新原有模板
+          confirmMessage = `确定要更新模板"${row.selectedTemplate}"吗？\n\n此操作将覆盖原有模板内容！`
+        }
+
+        // 弹出确认对话框
+        try {
+          await this.$confirm(confirmMessage, '操作确认', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+            distinguishCancelAndClose: true
+          })
+        } catch (error) {
+          // 用户取消操作
+          return
+        }
+
+        // 准备保存数据
+        const templateData = {
+          templateName: row.selectedTemplate.trim(),
+          // ✅ 修复Bug：保持空字符串不变，不要用 || 运算符替换
+          // 空字符串表示"新增或更新同名模板"，非空表示"基于原模板修改"
+          originalTemplateName: row.originalTemplateName || '',
+          ccuscode: '', // 后端会根据实际情况自动处理
+          ccusname: row.selectedCustomer.trim(),
+          localShipAddress: row.selectedLocalAddress || '',
+          overseasShipper: row.selectedOverseasShipper || '',
+          overseasAddress: row.selectedOverseasAddress || '',
+          cnative: row.selectedCnative || '',
+          salesArea: row.selectedSalesArea || ''
+        }
+
+        try {
+          const { data } = await saveExcelImportTemplate(templateData)
+
+          if (data && data.code === 0) {
+            // 判断是新增还是修改，给出不同的成功提示
+            if (isNewTemplate) {
+              this.$message.success(`模板"${row.selectedTemplate}"保存成功！`)
+              // 保存成功后更新 originalTemplateName，下次保存时就是修改模式
+              row.originalTemplateName = row.selectedTemplate
+            } else if (isNameChanged) {
+              this.$message.success(`新模板"${row.selectedTemplate}"另存成功！`)
+              // 另存为成功后更新 originalTemplateName
+              row.originalTemplateName = row.selectedTemplate
+            } else {
+              this.$message.success(`模板"${row.selectedTemplate}"更新成功！`)
+            }
+            
+            // 保存成功后更新缓存
+            this.saveToCache()
+          } else {
+            this.$message.error(data.msg || '保存模板失败')
+          }
+        } catch (error) {
+          console.error('保存模板失败:', error)
+          this.$message.error('保存模板失败：' + (error.message || '网络异常'))
+        }
+      },
+    }
+  }
+</script>
+<style scoped>
+/deep/ .delClass .cell {
+  line-height: 24px !important;
+  font-size: 12px !important;
+  height: 24px !important;
+}
+
+/deep/ .customer-upload .el-upload .el-upload-dragger {
+  width: 580px;
+}
+
+/* 输入框样式优化 */
+.el-input.is-readonly {
+  cursor: pointer !important;
+}
+
+.el-input.is-readonly .el-input__inner {
+  cursor: pointer !important;
+  background-color: #f8f9fa;
+}
+
+.el-input.is-readonly .el-input__inner:hover {
+  background-color: #e9ecef;
+  border-color: #409EFF;
+}
+
+/* 编辑图标样式 */
+.el-input__suffix .el-icon-edit {
+  color: #409EFF;
+  transition: all 0.3s;
+  font-size: 14px;
+  padding: 2px;
+  border-radius: 3px;
+}
+
+.el-input__suffix .el-icon-edit:hover {
+  color: #ffffff;
+  background-color: #409EFF;
+  transform: scale(1.1);
+}
+
+/* 编辑弹窗整体样式 */
+.edit-dialog .el-dialog__body {
+  padding: 20px 20px 0;
+}
+
+.edit-dialog-tip {
+  margin-bottom: 15px;
+  color: #909399;
+  font-size: 12px;
+  background-color: #f4f4f5;
+  padding: 8px 12px;
+  border-radius: 4px;
+  border-left: 3px solid #409EFF;
+}
+
+.edit-dialog-tip .el-icon-info {
+  margin-right: 5px;
+  color: #409EFF;
+}
+
+/* 大输入框样式 */
+.edit-textarea .el-textarea__inner {
+  resize: vertical !important;
+  min-height: 120px !important;
+  border: 1px solid #dcdfe6 !important;
+  border-radius: 4px !important;
+  padding: 8px 12px !important;
+  font-size: 14px !important;
+  line-height: 1.5 !important;
+  color: #606266 !important;
+  background-color: #fff !important;
+  transition: border-color 0.2s cubic-bezier(.645,.045,.355,1) !important;
+  box-sizing: border-box !important;
+}
+
+.edit-textarea .el-textarea__inner:focus {
+  outline: none !important;
+  border-color: #409EFF !important;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2) !important;
+}
+
+.edit-textarea .el-input__count {
+  color: #909399 !important;
+  background: #fff !important;
+  position: absolute !important;
+  font-size: 12px !important;
+  bottom: 5px !important;
+  right: 10px !important;
+}
+
+/* 修复弹窗中的表单项样式 */
+.edit-dialog .el-form-item {
+  margin-bottom: 18px !important;
+}
+
+.edit-dialog .el-form-item__label {
+  color: #606266 !important;
+  font-weight: 500 !important;
+  line-height: 1.5 !important;
+  padding: 0 0 8px 0 !important;
+  box-sizing: border-box !important;
+  font-size: 14px !important;
+}
+
+/* 编辑弹窗按钮样式 */
+.edit-dialog .dialog-footer {
+  text-align: right !important;
+  padding: 15px 20px 20px !important;
+}
+
+.edit-dialog .dialog-footer .el-button {
+  margin-left: 10px !important;
+}
+
+/* 确保弹窗内容不会溢出 */
+.edit-dialog .el-dialog__wrapper {
+  overflow: hidden;
+}
+
+.edit-dialog .el-dialog {
+  margin-top: 5vh !important;
+  margin-bottom: 50px !important;
+}
+
+/* 表格输入框提示文字 */
+.el-table .el-input__inner::placeholder {
+  font-size: 12px;
+  color: #c0c4cc;
+}
+
+/* 可点击发票号样式 */
+.clickable-invoice {
+  cursor: pointer !important;
+  text-decoration: underline;
+  transition: all 0.3s;
+}
+
+.clickable-invoice:hover {
+  color: #409EFF !important;
+  text-shadow: 0 0 3px rgba(64, 158, 255, 0.3);
+}
+
+/* 表格样式区分 */
+.valid-table .el-table__header {
+  background-color: #F0F9FF !important;
+}
+
+.valid-table .el-table th {
+  background-color: #F0F9FF !important;
+  color: #67C23A !important;
+}
+
+.invalid-table .el-table__header {
+  background-color: #FEF0F0 !important;
+}
+
+.invalid-table .el-table th {
+  background-color: #FEF0F0 !important;
+  color: #F56C6C !important;
+}
+
+.invalid-table .el-table .el-table__row:hover > td {
+  background-color: #FDF2F2 !important;
+}
+
+/* 物料不存在详情对话框样式 */
+.invalid-materials-dialog .el-dialog__body {
+  padding: 20px;
+}
+
+.invalid-materials-content .warning-tip {
+  padding: 12px 16px;
+  background-color: #FEF0F0;
+  border: 1px solid #FBC4C4;
+  border-radius: 4px;
+  margin-bottom: 15px;
+}
+
+.invalid-materials-content .materials-summary {
+  text-align: center;
+  font-size: 14px;
+}
+
+.invalid-materials-dialog .el-table th {
+  background-color: #FEF0F0 !important;
+}
+
+.invalid-materials-dialog .el-table .el-table__row:hover > td {
+  background-color: #FDF2F2 !important;
+}
+
+/* Sheet错误表格样式 */
+.warning-table .el-table__header {
+  background-color: #FDF6EC !important;
+}
+
+.warning-table .el-table th {
+  background-color: #FDF6EC !important;
+  color: #E6A23C !important;
+}
+
+.warning-table .el-table .el-table__row:hover > td {
+  background-color: #FEF5E7 !important;
+}
+
+</style>