From df2e5d51cd2dae331550f795bf5978f26cf86bd2 Mon Sep 17 00:00:00 2001
From: "han\\hanst" <songtao.han@xujiesoft.com>
Date: Mon, 25 May 2026 13:10:33 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=87=E8=B4=AD=E5=AF=BC=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/partspare/partSparePurchaseImport.js  |  25 +
 .../partspare/partSparePurchaseImport.vue     | 820 ++++++++++++++++++
 2 files changed, 845 insertions(+)
 create mode 100644 src/api/partspare/partSparePurchaseImport.js
 create mode 100644 src/views/modules/partspare/partSparePurchaseImport.vue

diff --git a/src/api/partspare/partSparePurchaseImport.js b/src/api/partspare/partSparePurchaseImport.js
new file mode 100644
index 0000000..453d51a
--- /dev/null
+++ b/src/api/partspare/partSparePurchaseImport.js
@@ -0,0 +1,25 @@
+import { createAPI } from "@/utils/httpRequest.js";
+
+// 备件采购订单导入记录查询
+export const queryPartSparePurchaseImportPage = data =>
+  createAPI(`/pms/partspare/purchaseImport/queryPage`, "post", data);
+
+// 备件采购订单导入记录新增
+export const savePartSparePurchaseImport = data =>
+  createAPI(`/pms/partspare/purchaseImport/save`, "post", data);
+
+// 备件采购订单导入记录修改
+export const updatePartSparePurchaseImport = data =>
+  createAPI(`/pms/partspare/purchaseImport/update`, "post", data);
+
+// 备件采购订单导入记录删除
+export const deletePartSparePurchaseImport = data =>
+  createAPI(`/pms/partspare/purchaseImport/delete`, "post", data);
+
+// Excel导入
+export const importPartSparePurchaseImportExcel = data =>
+  createAPI(`/pms/partspare/purchaseImport/importExcel`, "post", data);
+
+// 下载导入模板
+export const downloadPartSparePurchaseImportTemplate = () =>
+  createAPI(`/pms/partspare/purchaseImport/downloadTemplate`, "get", {}, "download");
diff --git a/src/views/modules/partspare/partSparePurchaseImport.vue b/src/views/modules/partspare/partSparePurchaseImport.vue
new file mode 100644
index 0000000..12bb1c2
--- /dev/null
+++ b/src/views/modules/partspare/partSparePurchaseImport.vue
@@ -0,0 +1,820 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" label-position="top" :model="queryForm">
+      <el-form-item label="BU">
+        <el-select v-model="queryForm.buKey" clearable style="width: 160px" placeholder="请选择">
+          <el-option
+            v-for="item in userBuList"
+            :key="item.site + '_' + item.buNo"
+            :label="item.buDesc"
+            :value="composeBuKey(item.site, item.buNo)"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="日期">
+        <el-date-picker
+          style="width: 140px"
+          v-model="queryForm.orderDateStart"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="开始日期"
+        ></el-date-picker>
+        <span class="date-separator">-</span>
+        <el-date-picker
+          style="width: 170px"
+          v-model="queryForm.orderDateEnd"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd 23:59:59"
+          placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="供应商">
+        <el-input v-model="queryForm.supplierName" clearable style="width: 140px"></el-input>
+      </el-form-item>
+      <el-form-item label="币种">
+        <el-input v-model="queryForm.currencyType" clearable style="width: 100px"></el-input>
+      </el-form-item>
+      <el-form-item label="订单编号">
+        <el-input v-model="queryForm.orderNo" clearable style="width: 140px"></el-input>
+      </el-form-item>
+      <el-form-item label="存货编码">
+        <el-input v-model="queryForm.itemCode" clearable style="width: 130px"></el-input>
+      </el-form-item>
+      <el-form-item label="存货名称">
+        <el-input v-model="queryForm.itemName" clearable style="width: 150px"></el-input>
+      </el-form-item>
+      <el-form-item label="项目目录(BU)">
+        <el-input v-model="queryForm.projectBu" clearable style="width: 130px"></el-input>
+      </el-form-item>
+      <el-form-item label="上游单据号">
+        <el-input v-model="queryForm.requestNo" clearable style="width: 130px"></el-input>
+      </el-form-item>
+      <el-form-item label="请购员">
+        <el-input v-model="queryForm.requestBy" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="导入人">
+        <el-input v-model="queryForm.importBy" clearable style="width: 120px"></el-input>
+      </el-form-item>
+<!--      <el-form-item label="导入文件名">
+        <el-input v-model="queryForm.sourceFileName" clearable style="width: 140px"></el-input>
+      </el-form-item>-->
+    </el-form>
+
+    <el-form :inline="true" label-position="top" :model="queryForm">
+      <el-form-item label="导入日期">
+        <el-date-picker
+          style="width: 140px"
+          v-model="queryForm.importDateStart"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="开始日期"
+        ></el-date-picker>
+        <span class="date-separator">-</span>
+        <el-date-picker
+          style="width: 170px"
+          v-model="queryForm.importDateEnd"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd 23:59:59"
+          placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="数量范围">
+        <el-input v-model="queryForm.qtyStart" clearable style="width: 90px"></el-input>
+        <span class="date-separator">-</span>
+        <el-input v-model="queryForm.qtyEnd" clearable style="width: 90px"></el-input>
+      </el-form-item>
+      <el-form-item label="本币价税合计范围">
+        <el-input v-model="queryForm.localTotalAmountStart" clearable style="width: 100px"></el-input>
+        <span class="date-separator">-</span>
+        <el-input v-model="queryForm.localTotalAmountEnd" clearable style="width: 100px"></el-input>
+      </el-form-item>
+      <el-form-item label=" ">
+        <el-button type="primary" @click="handleQuery">查询</el-button>
+        <el-button type="default" @click="resetQuery">重置</el-button>
+<!--        <el-button type="primary" @click="openAddDialog">新增</el-button>-->
+        <el-button type="primary" @click="openImportDialog">导入</el-button>
+<!--        <el-button type="warning" @click="downloadTemplateFile">下载模板</el-button>-->
+        <el-button type="danger" :disabled="selectionData.length === 0" @click="deleteSelection">删除</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :data="dataList"
+      border
+      show-summary
+      :summary-method="getSummaryRow"
+      :max-height="height"
+      v-loading="dataListLoading"
+      @selection-change="handleSelectionChange"
+      style="width: 100%"
+    >
+      <el-table-column type="selection" width="50" align="center"></el-table-column>
+      <el-table-column prop="orderDate" label="日期" width="110" align="center"></el-table-column>
+      <el-table-column prop="supplierName" label="供应商" min-width="180" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="currencyType" label="币种" width="80" align="center"></el-table-column>
+      <el-table-column prop="orderNo" label="订单编号" min-width="150" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="itemCode" label="存货编码" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="itemName" label="存货名称" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="qty" label="数量" width="80" align="right">
+        <template slot-scope="scope">
+          {{ formatNumber(scope.row.qty) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="localUnitPrice" label="本币单价" width="80" align="right">
+        <template slot-scope="scope">
+          {{ formatNumber(scope.row.localUnitPrice) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="localAmount" label="本币金额" width="80" align="right">
+        <template slot-scope="scope">
+          {{ formatNumber(scope.row.localAmount) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="localTaxAmount" label="本币税额" width="80" align="right">
+        <template slot-scope="scope">
+          {{ formatNumber(scope.row.localTaxAmount) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="localTotalAmount" label="本币价税合计" width="100" align="right">
+        <template slot-scope="scope">
+          {{ formatNumber(scope.row.localTotalAmount) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="unitName" label="单位" width="60" align="center"></el-table-column>
+      <el-table-column prop="projectBu" label="项目目录(BU)" min-width="200" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="requestNo" label="上游单据号" min-width="130" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="requestBy" label="请购员" width="90" align="center"></el-table-column>
+      <el-table-column prop="importDate" label="导入日期" width="160" align="center"></el-table-column>
+      <el-table-column prop="importBy" label="导入人" width="100" align="center"></el-table-column>
+<!--      <el-table-column prop="sourceFileName" label="导入文件名" min-width="160" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="remark" label="备注" min-width="120" show-overflow-tooltip></el-table-column>-->
+      <el-table-column fixed="right" label="操作" width="140" align="center">
+        <template slot-scope="scope">
+          <el-link type="primary" @click="openEditDialog(scope.row)">修改</el-link>
+          <el-link type="danger" style="margin-left: 8px" @click="deleteByRow(scope.row)">删除</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      style="margin-top: 8px"
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 500]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    ></el-pagination>
+
+    <el-dialog
+      :title="formMode === 'add' ? '新增采购订单记录' : '修改采购订单记录'"
+      :close-on-click-modal="false"
+      v-drag
+      :visible.sync="formDialogVisible"
+      width="980px"
+    >
+      <el-form
+        ref="saveForm"
+        :model="formData"
+        :rules="formRules"
+        :inline="true"
+        label-position="top"
+      >
+        <el-form-item label="BU" prop="buKey">
+          <el-select v-model="formData.buKey" clearable style="width: 220px" placeholder="请选择">
+            <el-option
+              v-for="item in userBuList"
+              :key="item.site + '_' + item.buNo + '_form'"
+              :label="item.buDesc"
+              :value="composeBuKey(item.site, item.buNo)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="日期" prop="orderDate">
+          <el-date-picker
+            style="width: 160px"
+            v-model="formData.orderDate"
+            type="date"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            placeholder="请选择"
+          ></el-date-picker>
+        </el-form-item>
+        <el-form-item label="供应商" prop="supplierName">
+          <el-input v-model="formData.supplierName" style="width: 220px"></el-input>
+        </el-form-item>
+        <el-form-item label="币种" prop="currencyType">
+          <el-input v-model="formData.currencyType" style="width: 120px"></el-input>
+        </el-form-item>
+        <el-form-item label="订单编号" prop="orderNo">
+          <el-input v-model="formData.orderNo" style="width: 180px"></el-input>
+        </el-form-item>
+        <el-form-item label="存货编码" prop="itemCode">
+          <el-input v-model="formData.itemCode" style="width: 160px"></el-input>
+        </el-form-item>
+        <el-form-item label="存货名称" prop="itemName">
+          <el-input v-model="formData.itemName" style="width: 220px"></el-input>
+        </el-form-item>
+        <el-form-item label="数量">
+          <el-input-number :controls="false" :step="0" :min="0" v-model="formData.qty" style="width: 140px"></el-input-number>
+        </el-form-item>
+        <el-form-item label="本币单价">
+          <el-input-number :controls="false" :step="0" :min="0" v-model="formData.localUnitPrice" style="width: 140px"></el-input-number>
+        </el-form-item>
+        <el-form-item label="本币金额">
+          <el-input-number :controls="false" :step="0" :min="0" v-model="formData.localAmount" style="width: 140px"></el-input-number>
+        </el-form-item>
+        <el-form-item label="本币税额">
+          <el-input-number :controls="false" :step="0" :min="0" v-model="formData.localTaxAmount" style="width: 140px"></el-input-number>
+        </el-form-item>
+        <el-form-item label="本币价税合计">
+          <el-input-number :controls="false" :step="0" :min="0" v-model="formData.localTotalAmount" style="width: 160px"></el-input-number>
+        </el-form-item>
+        <el-form-item label="单位">
+          <el-input v-model="formData.unitName" style="width: 120px"></el-input>
+        </el-form-item>
+        <el-form-item label="项目目录(BU)">
+          <el-input v-model="formData.projectBu" style="width: 160px"></el-input>
+        </el-form-item>
+        <el-form-item label="上游单据号">
+          <el-input v-model="formData.requestNo" style="width: 160px"></el-input>
+        </el-form-item>
+        <el-form-item label="请购员">
+          <el-input v-model="formData.requestBy" style="width: 120px"></el-input>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="formData.remark" style="width: 220px"></el-input>
+        </el-form-item>
+        <el-form-item label="导入日期" v-if="formMode === 'edit'">
+          <el-input :value="formData.importDate" disabled style="width: 180px"></el-input>
+        </el-form-item>
+        <el-form-item label="导入人" v-if="formMode === 'edit'">
+          <el-input :value="formData.importBy" disabled style="width: 120px"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="formLoading" @click="saveFormData">保存</el-button>
+        <el-button @click="formDialogVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      title="导入采购订单记录"
+      :close-on-click-modal="false"
+      v-drag
+      class="customer-dialog purchase-import-dialog"
+      :visible.sync="importDialogVisible"
+      width="430px"
+      style="height: 560px;"
+      append-to-body
+      @close="closeImportDialog"
+    >
+      <el-form :inline="true" label-position="top" label-width="80px" :model="importData">
+        <el-form-item label="BU" required>
+          <el-select v-model="importData.buKey" clearable style="width: 295px" placeholder="请选择">
+            <el-option
+              v-for="item in userBuList"
+              :key="item.site + '_' + item.buNo + '_import'"
+              :label="item.buDesc"
+              :value="composeBuKey(item.site, item.buNo)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-row>
+          <el-col :span="24">
+            <div class="upload-label">Excel文件</div>
+            <el-upload
+              class="customer-upload"
+              drag
+              action="javascript:void(0);"
+              ref="uploadFile"
+              :limit="1"
+              accept=".xlsx,.xls"
+              :before-upload="beforeUploadHandle"
+              :on-change="onImportFileChange"
+              :auto-upload="false"
+              style="text-align: left;"
+            >
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              <div class="el-upload__tip" slot="tip">只能上传xlsx/xls文件，首行为表头</div>
+            </el-upload>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="importLoading" :disabled="importLoading" @click="submitImport">保存</el-button>
+        <el-button type="primary" @click="importDialogVisible = false">关闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getAllBuList } from "@/api/factory/site.js";
+import {
+  queryPartSparePurchaseImportPage,
+  savePartSparePurchaseImport,
+  updatePartSparePurchaseImport,
+  deletePartSparePurchaseImport,
+  importPartSparePurchaseImportExcel,
+  downloadPartSparePurchaseImportTemplate
+} from "@/api/partspare/partSparePurchaseImport.js";
+
+export default {
+  name: "partSparePurchaseImport",
+  data() {
+    return {
+      height: 200,
+      userBuList: [],
+      defaultBuNo: "03-RFID",
+      defaultBuKey: "",
+      queryForm: this.getDefaultQueryForm(),
+      dataList: [],
+      dataListLoading: false,
+      summaryData: {
+        totalQty: 0,
+        totalLocalTotalAmount: 0
+      },
+      selectionData: [],
+      pageIndex: 1,
+      pageSize: 50,
+      totalPage: 0,
+      formDialogVisible: false,
+      formLoading: false,
+      formMode: "add",
+      formData: this.getDefaultFormData(),
+      formRules: {
+        buKey: [{ required: true, message: "请选择BU", trigger: "change" }],
+        orderNo: [{ required: true, message: "请输入订单编号", trigger: "blur" }],
+        itemCode: [{ required: true, message: "请输入存货编码", trigger: "blur" }]
+      },
+      importDialogVisible: false,
+      importLoading: false,
+      importData: {
+        buKey: ""
+      },
+      importFileList: []
+    };
+  },
+  created() {
+    this.$nextTick(() => {
+      this.height = window.innerHeight - 260;
+    });
+    this.getBuList();
+  },
+  methods: {
+    getDefaultQueryForm() {
+      return {
+        buKey: "",
+        supplierName: "",
+        currencyType: "",
+        orderNo: "",
+        itemCode: "",
+        itemName: "",
+        projectBu: "",
+        requestNo: "",
+        requestBy: "",
+        importBy: "",
+        sourceFileName: "",
+        orderDateStart: null,
+        orderDateEnd: null,
+        importDateStart: null,
+        importDateEnd: null,
+        qtyStart: null,
+        qtyEnd: null,
+        localTotalAmountStart: null,
+        localTotalAmountEnd: null
+      };
+    },
+    getDefaultFormData() {
+      return {
+        id: null,
+        buKey: "",
+        orderDate: null,
+        supplierName: "",
+        currencyType: "",
+        orderNo: "",
+        itemCode: "",
+        itemName: "",
+        qty: null,
+        localUnitPrice: null,
+        localAmount: null,
+        localTaxAmount: null,
+        localTotalAmount: null,
+        unitName: "",
+        projectBu: "",
+        requestNo: "",
+        requestBy: "",
+        importDate: null,
+        importBy: "",
+        sourceFileName: "",
+        remark: ""
+      };
+    },
+    getBuList() {
+      const params = {
+        username: this.$store.state.user.name
+      };
+      getAllBuList(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.userBuList = data.rows || [];
+          if (this.userBuList.length > 0) {
+            this.defaultBuKey = this.getDefaultBuKey();
+            this.queryForm.buKey = this.defaultBuKey;
+            this.importData.buKey = this.defaultBuKey;
+          }
+          this.getDataList();
+        }
+      });
+    },
+    getDefaultBuKey() {
+      const target = this.userBuList.find(item =>
+        this.normalizeBuNo(item.site, item.buNo) === this.defaultBuNo
+      );
+      const defaultItem = target || this.userBuList[0];
+      if (!defaultItem) {
+        return "";
+      }
+      return this.composeBuKey(defaultItem.site, defaultItem.buNo);
+    },
+    composeBuKey(site, buNo) {
+      return site + "_" + this.normalizeBuNo(site, buNo);
+    },
+    normalizeBuNo(site, buNo) {
+      if (buNo === null || buNo === undefined) {
+        return "";
+      }
+      const buText = String(buNo).trim();
+      const siteText = site === null || site === undefined ? "" : String(site).trim();
+      const prefix = siteText ? siteText + "_" : "";
+      if (prefix && buText.indexOf(prefix) === 0) {
+        return buText.substring(prefix.length);
+      }
+      return buText;
+    },
+    parseBuKey(buKey) {
+      if (!buKey || buKey.indexOf("_") < 0) {
+        return { site: "", buNo: "" };
+      }
+      const splitIndex = buKey.indexOf("_");
+      const site = buKey.substring(0, splitIndex);
+      const rawBuNo = buKey.substring(splitIndex + 1);
+      return {
+        site: site,
+        buNo: this.normalizeBuNo(site, rawBuNo)
+      };
+    },
+    handleQuery() {
+      this.pageIndex = 1;
+      this.getDataList();
+    },
+    resetQuery() {
+      const buKey = this.defaultBuKey || this.queryForm.buKey;
+      this.queryForm = this.getDefaultQueryForm();
+      this.queryForm.buKey = buKey;
+      this.pageIndex = 1;
+      this.getDataList();
+    },
+    getDataList() {
+      const buData = this.parseBuKey(this.queryForm.buKey);
+      const params = {
+        ...this.queryForm,
+        ...buData,
+        page: this.pageIndex,
+        limit: this.pageSize
+      };
+      params.qtyStart = this.parseNumberOrNull(params.qtyStart);
+      params.qtyEnd = this.parseNumberOrNull(params.qtyEnd);
+      params.localTotalAmountStart = this.parseNumberOrNull(params.localTotalAmountStart);
+      params.localTotalAmountEnd = this.parseNumberOrNull(params.localTotalAmountEnd);
+      delete params.buKey;
+      this.dataListLoading = true;
+      queryPartSparePurchaseImportPage(params).then(({ data }) => {
+        this.dataListLoading = false;
+        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;
+          this.summaryData = this.buildSummaryData(data.summary);
+        } else {
+          this.dataList = [];
+          this.totalPage = 0;
+          this.summaryData = this.getDefaultSummaryData();
+          this.$message.error(data.msg || "查询失败");
+        }
+      }).catch(() => {
+        this.dataListLoading = false;
+        this.summaryData = this.getDefaultSummaryData();
+        this.$message.error("查询失败");
+      });
+    },
+    getDefaultSummaryData() {
+      return {
+        totalQty: 0,
+        totalLocalTotalAmount: 0
+      };
+    },
+    buildSummaryData(summary) {
+      return {
+        totalQty: this.parseNumberOrZero(summary && summary.totalQty),
+        totalLocalTotalAmount: this.parseNumberOrZero(summary && summary.totalLocalTotalAmount)
+      };
+    },
+    getSummaryRow({ columns }) {
+      return columns.map((column) => {
+        if (column.type === "selection") {
+          return "";
+        }
+        if (column.property === "orderDate") {
+          return "总计";
+        }
+        if (column.property === "qty") {
+          return this.formatNumber(this.summaryData.totalQty);
+        }
+        if (column.property === "localTotalAmount") {
+          return this.formatNumber(this.summaryData.totalLocalTotalAmount);
+        }
+        return "";
+      });
+    },
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageIndex = 1;
+      this.getDataList();
+    },
+    currentChangeHandle(val) {
+      this.pageIndex = val;
+      this.getDataList();
+    },
+    handleSelectionChange(val) {
+      this.selectionData = val || [];
+    },
+    openAddDialog() {
+      this.formMode = "add";
+      this.formData = this.getDefaultFormData();
+      this.formData.buKey = this.queryForm.buKey;
+      this.formDialogVisible = true;
+      this.$nextTick(() => {
+        if (this.$refs.saveForm) {
+          this.$refs.saveForm.clearValidate();
+        }
+      });
+    },
+    openEditDialog(row) {
+      if (!row || row.id === null || row.id === undefined || row.id === "") {
+        this.$message.warning("当前记录ID无效，无法修改");
+        return;
+      }
+      this.formMode = "edit";
+      this.formData = {
+        ...this.getDefaultFormData(),
+        ...row,
+        buKey: this.composeBuKey(row.site, row.buNo)
+      };
+      this.formDialogVisible = true;
+      this.$nextTick(() => {
+        if (this.$refs.saveForm) {
+          this.$refs.saveForm.clearValidate();
+        }
+      });
+    },
+    saveFormData() {
+      this.$refs.saveForm.validate((valid) => {
+        if (!valid) {
+          return;
+        }
+        const buData = this.parseBuKey(this.formData.buKey);
+        if (!buData.site || !buData.buNo) {
+          this.$message.warning("请选择BU");
+          return;
+        }
+        const params = {
+          ...this.formData,
+          ...buData
+        };
+        if (this.formMode === "edit" && (params.id === null || params.id === undefined || params.id === "")) {
+          this.$message.warning("当前记录ID无效，无法修改");
+          return;
+        }
+        if (this.formMode === "edit") {
+          params.id = String(params.id);
+        }
+        delete params.buKey;
+        const api = this.formMode === "add" ? savePartSparePurchaseImport : updatePartSparePurchaseImport;
+        this.formLoading = true;
+        api(params).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || "操作成功");
+            this.formDialogVisible = false;
+            this.getDataList();
+          } else {
+            this.$alert(data.msg || "操作失败", "错误", { confirmButtonText: "确定" });
+          }
+          this.formLoading = false;
+        }).catch(() => {
+          this.formLoading = false;
+          this.$message.error("操作失败");
+        });
+      });
+    },
+    deleteSelection() {
+      if (this.selectionData.length === 0) {
+        this.$message.warning("请选择需要删除的数据");
+        return;
+      }
+      this.$confirm(`确定删除选中的 ${this.selectionData.length} 条记录吗？`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        const ids = this.selectionData
+          .map(item => item.id)
+          .filter(id => id !== null && id !== undefined && id !== "")
+          .map(id => String(id));
+        if (ids.length === 0) {
+          this.$message.warning("选中记录ID无效，无法删除");
+          return;
+        }
+        deletePartSparePurchaseImport(ids).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || "删除成功");
+            this.getDataList();
+          } else {
+            this.$message.error(data.msg || "删除失败");
+          }
+        }).catch(() => {
+          this.$message.error("删除失败");
+        });
+      }).catch(() => {});
+    },
+    deleteByRow(row) {
+      if (!row || row.id === null || row.id === undefined || row.id === "") {
+        this.$message.warning("当前记录ID无效，无法删除");
+        return;
+      }
+      this.$confirm("确定删除该记录吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        deletePartSparePurchaseImport([String(row.id)]).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || "删除成功");
+            this.getDataList();
+          } else {
+            this.$message.error(data.msg || "删除失败");
+          }
+        }).catch(() => {
+          this.$message.error("删除失败");
+        });
+      }).catch(() => {});
+    },
+    openImportDialog() {
+      this.importFileList = [];
+      this.importData.buKey = this.queryForm.buKey || this.defaultBuKey || this.importData.buKey;
+      this.importDialogVisible = true;
+    },
+    closeImportDialog() {
+      this.importFileList = [];
+      if (this.$refs.uploadFile) {
+        this.$refs.uploadFile.clearFiles();
+      }
+    },
+    beforeUploadHandle(file) {
+      const ext = file.name.substring(file.name.lastIndexOf(".")).toLowerCase();
+      if (!(ext === ".xlsx" || ext === ".xls")) {
+        this.$message.error("请选择Excel文件（.xlsx 或 .xls）");
+        return false;
+      }
+      return true;
+    },
+    onImportFileChange(file) {
+      this.importFileList = [file];
+    },
+    submitImport() {
+      const buData = this.parseBuKey(this.importData.buKey);
+      if (!buData.site || !buData.buNo) {
+        this.$message.warning("请选择BU");
+        return;
+      }
+      if (this.importFileList.length === 0) {
+        this.$message.warning("请先选择导入文件");
+        return;
+      }
+      const formData = new FormData();
+      formData.append("file", this.importFileList[0].raw);
+      formData.append("site", buData.site);
+      formData.append("buNo", buData.buNo);
+      this.importLoading = true;
+      importPartSparePurchaseImportExcel(formData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success((data.msg || "导入成功") + (data.count ? `，共 ${data.count} 条` : ""));
+          this.importDialogVisible = false;
+          this.getDataList();
+        } else {
+          this.$alert(data.msg || "导入失败", "错误", { confirmButtonText: "确定" });
+        }
+        this.importLoading = false;
+      }).catch(() => {
+        this.importLoading = false;
+        this.$message.error("导入失败");
+      });
+    },
+    downloadTemplateFile() {
+      downloadPartSparePurchaseImportTemplate().then(({ data }) => {
+        const blob = new Blob([data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
+        const fileName = "采购订单导入模板.xlsx";
+        const link = document.createElement("a");
+        link.download = fileName;
+        link.style.display = "none";
+        link.href = URL.createObjectURL(blob);
+        document.body.appendChild(link);
+        link.click();
+        URL.revokeObjectURL(link.href);
+        document.body.removeChild(link);
+      }).catch(() => {
+        this.$message.error("模板下载失败");
+      });
+    },
+    formatNumber(value) {
+      if (value === null || value === undefined || value === "") {
+        return "";
+      }
+      const number = Number(value);
+      if (isNaN(number)) {
+        return value;
+      }
+      return number.toFixed(4);
+    },
+    parseNumberOrNull(value) {
+      if (value === null || value === undefined || value === "") {
+        return null;
+      }
+      const number = Number(value);
+      return isNaN(number) ? null : number;
+    },
+    parseNumberOrZero(value) {
+      if (value === null || value === undefined || value === "") {
+        return 0;
+      }
+      const number = Number(value);
+      return isNaN(number) ? 0 : number;
+    }
+  }
+};
+</script>
+
+<style scoped>
+.date-separator {
+  display: inline-block;
+  width: 16px;
+  text-align: center;
+}
+
+/deep/ .el-table__footer-wrapper td {
+  font-weight: 600;
+}
+
+/deep/ .el-table__footer-wrapper {
+  display: block !important;
+  visibility: visible !important;
+}
+
+/deep/ .purchase-import-dialog .el-dialog {
+  margin-top: 3vh !important;
+}
+
+/deep/ .purchase-import-dialog .el-dialog__body {
+  overflow-y: hidden;
+}
+
+/deep/ .purchase-import-dialog .customer-upload .el-upload {
+  width: 100%;
+}
+
+/deep/ .purchase-import-dialog .customer-upload .el-upload .el-upload-dragger {
+  width: 100%;
+  height: 180px;
+}
+
+/deep/ .purchase-import-dialog .customer-upload .el-upload__text {
+  margin-top: 5px;
+}
+
+/deep/ .purchase-import-dialog .customer-upload .el-upload__tip {
+  margin-top: 2px;
+  line-height: 16px;
+}
+
+.upload-label {
+  font-size: 12px;
+  line-height: 20px;
+}
+</style>