From db1048412f98f4f75ee659ce702adeb3b4fa91ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AD=A3=E6=98=93?= <zhaozhengyi1b@126.com>
Date: Wed, 14 May 2025 09:31:00 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95Excel=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=BF=BD=E5=8A=A0=E5=AF=BC=E5=85=A5=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../orderPurchase/index.vue                   | 1178 ++++++++---------
 1 file changed, 564 insertions(+), 614 deletions(-)

diff --git a/src/views/orderPurchaseManagement/orderPurchase/index.vue b/src/views/orderPurchaseManagement/orderPurchase/index.vue
index a230941..a43f8dc 100644
--- a/src/views/orderPurchaseManagement/orderPurchase/index.vue
+++ b/src/views/orderPurchaseManagement/orderPurchase/index.vue
@@ -1,490 +1,447 @@
 <template>
-  <div>
-    <el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch">
-      <el-form-item label="单据日期">
-        <el-date-picker
-          v-model="queryParams.importDate"
-          type="datetimerange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :shortcuts="shortcuts" />
-      </el-form-item>
-      <el-form-item label="订单扫描号">
-        <el-input v-model="queryParams.orderNoMes" placeholder="请输入订单扫描号" clearable @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item label="采购订单号">
-        <el-input v-model="queryParams.purchaseOrderErp" placeholder="请输入采购订单号" clearable @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item label="物料号">
-        <el-input v-model="queryParams.materialCode" placeholder="请输入物料号" clearable @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item label="订单是否完成">
-        <el-select v-model="queryParams.orderindicator" placeholder="请选择" clearable>
-          <el-option v-for="option in boolOptions" :key="option.dictValue" :label="option.dictLabel" :value="option.dictValue" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="是否非标">
-        <el-select v-model="queryParams.specordindicator" placeholder="请选择" clearable>
-          <el-option v-for="option in boolOptions" :key="option.dictValue" :label="option.dictLabel" :value="option.dictValue" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="销售地区">
-        <el-input v-model="queryParams.salesArea" placeholder="请输入销售地区" clearable @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item>
-        <el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
-        <el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
-      </el-form-item>
-    </el-form>
+    <div>
+        <el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch">
+            <el-form-item label="单据日期">
+                <el-date-picker
+                    v-model="queryParams.importDate"
+                    type="datetimerange"
+                    range-separator="至"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    :shortcuts="shortcuts" />
+            </el-form-item>
+            <el-form-item label="订单扫描号">
+                <el-input v-model="queryParams.orderNoMes" placeholder="请输入订单扫描号" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item label="采购订单号">
+                <el-input v-model="queryParams.purchaseOrderErp" placeholder="请输入采购订单号" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item label="物料号">
+                <el-input v-model="queryParams.materialCode" placeholder="请输入物料号" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item label="订单是否完成">
+                <el-select v-model="queryParams.orderindicator" placeholder="请选择" clearable>
+                    <el-option v-for="option in boolOptions" :key="option.dictValue" :label="option.dictLabel" :value="option.dictValue" />
+                </el-select>
+            </el-form-item>
+            <el-form-item label="是否非标">
+                <el-select v-model="queryParams.specordindicator" placeholder="请选择" clearable>
+                    <el-option v-for="option in boolOptions" :key="option.dictValue" :label="option.dictLabel" :value="option.dictValue" />
+                </el-select>
+            </el-form-item>
+            <el-form-item label="销售地区">
+                <el-input v-model="queryParams.salesArea" placeholder="请输入销售地区" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+                <el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
+                <el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
+            </el-form-item>
+        </el-form>
 
-    <el-row :gutter="15" class="mb10">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="plus" @click="handleAdd">{{ $t('btn.add') }}</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="download" @click="handleExport">{{ $t('btn.export') }}</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="warning" plain icon="upload" @click="handleImportDialog">{{ $t('btn.import') }}</el-button>
-      </el-col>
+        <el-row :gutter="15" class="mb10">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="plus" @click="handleAdd">{{ $t('btn.add') }}</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button type="success" plain icon="download" @click="handleExport">{{ $t('btn.export') }}</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button type="warning" plain icon="upload" @click="handleImportDialog">覆盖{{ $t('btn.import') }}</el-button>
+            </el-col>
 
-      <el-col :span="1.5">
-        <el-button type="warning" plain icon="upload" @click="addImportDialog">追加导入</el-button>
-      </el-col>
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
-    </el-row>
-
-    <el-table
-      :data="dataList"
-      v-loading="loading"
-      border
-      header-cell-class-name="el-table-header-cell"
-      highlight-current-row
-      @sort-change="sortChange">
-      <el-table-column
-        prop="orderNoMes"
-        label="订单扫描号"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('orderNoMes')"
-        min-width="150" />
-      <el-table-column
-        prop="purchaseOrderErp"
-        label="采购订单号"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('purchaseOrderErp')"
-        min-width="150" />
-      <el-table-column prop="status" label="状态" align="center" v-if="columns.showColumn('status')" min-width="100">
-        <template #default="scope">
-          <dict-tag :options="options.statusOptions" :value="scope.row.status" />
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="variety"
-        label="品种"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('variety')"
-        min-width="100" />
-      <el-table-column
-        prop="materialName"
-        label="物料"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('materialName')"
-        min-width="150" />
-      <el-table-column
-        prop="materialCode"
-        label="物料号"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('materialCode')"
-        min-width="120" />
-      <el-table-column prop="demandQuantity" label="需求数量" align="center" v-if="columns.showColumn('demandQuantity')" min-width="100" />
-      <el-table-column
-        prop="deliveryDate"
-        label="交货日期"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('deliveryDate')"
-        min-width="120" />
-      <el-table-column prop="startDate" label="基本开始日期" :show-overflow-tooltip="true" v-if="columns.showColumn('startDate')" min-width="120" />
-      <el-table-column prop="endDate" label="基本结束日期" :show-overflow-tooltip="true" v-if="columns.showColumn('endDate')" min-width="120" />
-      <el-table-column prop="deliveryQuantity" label="实际交货数量" align="center" v-if="columns.showColumn('deliveryQuantity')" min-width="120" />
-      <!-- <el-table-column prop="orderindicator" label="订单是否完成" align="center" :show-overflow-tooltip="true"
-        v-if="columns.showColumn('orderindicator')" min-width="120" /> -->
-      <el-table-column
-        prop="orderindicator"
-        label="订单是否完成"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('orderindicator')"
-        min-width="120">
-        <template #default="scope">
-          <dict-tag :options="options.orderindicatorOptions" :value="scope.row.orderindicator" />
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="routeCode"
-        label="计划产线"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('routeCode')"
-        min-width="120" />
-      <el-table-column
-        prop="specordindicator"
-        label="是否非标"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('specordindicator')"
-        min-width="100" />
-      <el-table-column prop="kdType" label="类型" align="center" v-if="columns.showColumn('kdType')" min-width="100">
-        <template #default="scope">
-          <dict-tag :options="options.kdTypeOptions" :value="scope.row.kdType" />
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="documentDate"
-        label="单据日期"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('documentDate')"
-        min-width="120" />
-      <el-table-column
-        prop="seller"
-        label="售达方"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('seller')"
-        min-width="120" />
-      <el-table-column
-        prop="salesArea"
-        label="销售地区"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('salesArea')"
-        min-width="120" />
-      <el-table-column
-        prop="remark"
-        label="备注"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('remark')"
-        min-width="150" />
-      <el-table-column
-        prop="createdBy"
-        label="创建人"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('createdBy')"
-        min-width="100" />
-      <el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" min-width="150" />
-      <el-table-column
-        prop="updatedBy"
-        label="更新人"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('updatedBy')"
-        min-width="100" />
-      <el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" min-width="150" />
-      <el-table-column prop="id" label="雪花id" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('id')" min-width="150" />
-      <el-table-column prop="importDate" label="导入日期" :show-overflow-tooltip="true" v-if="columns.showColumn('importDate')" min-width="120" />
-      <el-table-column
-        prop="poitem"
-        label="编号"
-        align="center"
-        :show-overflow-tooltip="true"
-        v-if="columns.showColumn('poitem')"
-        min-width="100" />
-      <el-table-column label="操作" width="160" fixed="right">
-        <template #default="scope">
-          <el-button type="success" size="small" icon="edit" title="编辑" @click="handleUpdate(scope.row)"></el-button>
-          <el-button type="danger" size="small" icon="delete" title="删除" @click="handleDelete(scope.row)"></el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
-
-    <el-dialog :title="title" :lock-scroll="false" v-model="open">
-      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
-        <el-row :gutter="20">
-          <el-col :lg="12">
-            <el-form-item label="雪花id" prop="id">
-              <el-input v-model="form.id" placeholder="请输入雪花id" :disabled="opertype !== 1" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="导入日期" prop="importDate">
-              <el-date-picker v-model="form.importDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="订单扫描号" prop="orderNoMes">
-              <el-input v-model="form.orderNoMes" placeholder="请输入订单扫描号" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="采购订单号" prop="purchaseOrderErp">
-              <el-input v-model="form.purchaseOrderErp" placeholder="请输入采购订单号" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="编号" prop="poitem">
-              <el-input v-model="form.poitem" placeholder="请输入编号" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="品种" prop="variety">
-              <el-input v-model="form.variety" placeholder="请输入品种" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="是否非标" prop="specordindicator">
-              <el-radio-group v-model="form.specordindicator">
-                <el-radio label="是">是</el-radio>
-                <el-radio label="否">否</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="类型" prop="kdType">
-              <el-select v-model="form.kdType" placeholder="请选择类型">
-                <el-option v-for="item in options.kdTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="单据日期" prop="documentDate">
-              <el-date-picker v-model="form.documentDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="售达方" prop="seller">
-              <el-input v-model="form.seller" placeholder="请输入售达方" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="销售地区" prop="salesArea">
-              <el-input v-model="form.salesArea" placeholder="请输入销售地区" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="物料" prop="materialName">
-              <el-input v-model="form.materialName" placeholder="请输入物料" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="物料号" prop="materialCode">
-              <el-input v-model="form.materialCode" placeholder="请输入物料号" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="需求数量" prop="demandQuantity">
-              <el-input v-model.number="form.demandQuantity" placeholder="请输入需求数量" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="交货日期" prop="deliveryDate">
-              <el-date-picker v-model="form.deliveryDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="实际交货数量" prop="deliveryQuantity">
-              <el-input v-model.number="form.deliveryQuantity" placeholder="请输入实际交货数量" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="基本开始日期" prop="startDate">
-              <el-date-picker v-model="form.startDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="基本结束日期" prop="endDate">
-              <el-date-picker v-model="form.endDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="订单是否完成" prop="orderindicator">
-              <el-radio-group v-model="form.orderindicator">
-                <el-radio :label="1">是</el-radio>
-                <el-radio :label="0">否</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="计划产线" prop="routeCode">
-              <el-input v-model="form.routeCode" placeholder="请输入计划产线" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="状态" prop="status">
-              <el-radio-group v-model="form.status">
-                <el-radio v-for="item in options.statusOptions" :key="item.dictValue" :value="parseInt(item.dictValue)">
-                  {{ item.dictLabel }}
-                </el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="备注" prop="remark">
-              <el-input v-model="form.remark" placeholder="请输入备注" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="创建人" prop="createdBy">
-              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="创建时间" prop="createdTime">
-              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="更新人" prop="updatedBy">
-              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12">
-            <el-form-item label="更新时间" prop="updatedTime">
-              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
-            </el-form-item>
-          </el-col>
+            <el-col :span="1.5">
+                <el-button type="warning" plain icon="upload" @click="addImportDialog">追加{{ $t('btn.import') }}</el-button>
+            </el-col>
+            <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
         </el-row>
-      </el-form>
-      <template #footer v-if="opertype !== 3">
-        <el-button text @click="cancel">{{ $t('btn.cancel') }}</el-button>
-        <el-button type="primary" @click="submitForm">{{ $t('btn.submit') }}</el-button>
-      </template>
-    </el-dialog>
 
-    <!-- 导入对话框 -->
-    <el-dialog title="导入数据" :lock-scroll="false" v-model="importOpen" width="40%" center>
-      <el-upload
-        ref="uploadRef"
-        action="/mes/orderManagement/OrderPurchase/importData"
-        accept=".xlsx, .xls"
-        :data="{value: uploadValue}"
-        :before-upload="beforeUpload"
-        :http-request="uploadFile"
-        :auto-upload="false"
-        drag
-        multiple>
-        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-        <div class="el-upload__text">将文件拖到此处，或 <em>点击上传</em></div>
-        <template #tip>
-          <div class="el-upload__tip">只能上传 xlsx/xls 文件，且不超过 5MB</div>
-          <el-button type="primary" @click="submitUpload" style="margin-top: 10px">上传到服务器</el-button>
-          <el-button type="success" @click="handleDownloadTemplate" style="margin-left: 10px; margin-top: 10px">下载模板</el-button>
-        </template>
-      </el-upload>
-    </el-dialog>
-  </div>
+        <el-table :data="dataList" v-loading="loading" border header-cell-class-name="el-table-header-cell" highlight-current-row @sort-change="sortChange">
+            <el-table-column
+                prop="orderNoMes"
+                label="订单扫描号"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('orderNoMes')"
+                min-width="150" />
+            <el-table-column
+                prop="purchaseOrderErp"
+                label="采购订单号"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('purchaseOrderErp')"
+                min-width="150" />
+            <el-table-column prop="status" label="状态" align="center" v-if="columns.showColumn('status')" min-width="100">
+                <template #default="scope">
+                    <dict-tag :options="options.statusOptions" :value="scope.row.status" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="variety" label="品种" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('variety')" min-width="100" />
+            <el-table-column
+                prop="materialName"
+                label="物料"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('materialName')"
+                min-width="150" />
+            <el-table-column
+                prop="materialCode"
+                label="物料号"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('materialCode')"
+                min-width="120" />
+            <el-table-column prop="demandQuantity" label="需求数量" align="center" v-if="columns.showColumn('demandQuantity')" min-width="100" />
+            <el-table-column prop="deliveryDate" label="交货日期" :show-overflow-tooltip="true" v-if="columns.showColumn('deliveryDate')" min-width="120" />
+            <el-table-column prop="startDate" label="基本开始日期" :show-overflow-tooltip="true" v-if="columns.showColumn('startDate')" min-width="120" />
+            <el-table-column prop="endDate" label="基本结束日期" :show-overflow-tooltip="true" v-if="columns.showColumn('endDate')" min-width="120" />
+            <el-table-column prop="deliveryQuantity" label="实际交货数量" align="center" v-if="columns.showColumn('deliveryQuantity')" min-width="120" />
+            <!-- <el-table-column prop="orderindicator" label="订单是否完成" align="center" :show-overflow-tooltip="true"
+        v-if="columns.showColumn('orderindicator')" min-width="120" /> -->
+            <el-table-column
+                prop="orderindicator"
+                label="订单是否完成"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('orderindicator')"
+                min-width="120">
+                <template #default="scope">
+                    <dict-tag :options="options.orderindicatorOptions" :value="scope.row.orderindicator" />
+                </template>
+            </el-table-column>
+            <el-table-column
+                prop="routeCode"
+                label="计划产线"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('routeCode')"
+                min-width="120" />
+            <el-table-column
+                prop="specordindicator"
+                label="是否非标"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('specordindicator')"
+                min-width="100" />
+            <el-table-column prop="kdType" label="类型" align="center" v-if="columns.showColumn('kdType')" min-width="100">
+                <template #default="scope">
+                    <dict-tag :options="options.kdTypeOptions" :value="scope.row.kdType" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="documentDate" label="单据日期" :show-overflow-tooltip="true" v-if="columns.showColumn('documentDate')" min-width="120" />
+            <el-table-column prop="seller" label="售达方" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('seller')" min-width="120" />
+            <el-table-column
+                prop="salesArea"
+                label="销售地区"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('salesArea')"
+                min-width="120" />
+            <el-table-column prop="remark" label="备注" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('remark')" min-width="150" />
+            <el-table-column
+                prop="createdBy"
+                label="创建人"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('createdBy')"
+                min-width="100" />
+            <el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" min-width="150" />
+            <el-table-column
+                prop="updatedBy"
+                label="更新人"
+                align="center"
+                :show-overflow-tooltip="true"
+                v-if="columns.showColumn('updatedBy')"
+                min-width="100" />
+            <el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" min-width="150" />
+            <el-table-column prop="id" label="雪花id" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('id')" min-width="150" />
+            <el-table-column prop="importDate" label="导入日期" :show-overflow-tooltip="true" v-if="columns.showColumn('importDate')" min-width="120" />
+            <el-table-column prop="poitem" label="编号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('poitem')" min-width="100" />
+            <el-table-column label="操作" width="160" fixed="right">
+                <template #default="scope">
+                    <el-button type="success" size="small" icon="edit" title="编辑" @click="handleUpdate(scope.row)"></el-button>
+                    <el-button type="danger" size="small" icon="delete" title="删除" @click="handleDelete(scope.row)"></el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+        <el-dialog :title="title" :lock-scroll="false" v-model="open">
+            <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+                <el-row :gutter="20">
+                    <el-col :lg="12">
+                        <el-form-item label="雪花id" prop="id">
+                            <el-input v-model="form.id" placeholder="请输入雪花id" :disabled="opertype !== 1" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="导入日期" prop="importDate">
+                            <el-date-picker v-model="form.importDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="订单扫描号" prop="orderNoMes">
+                            <el-input v-model="form.orderNoMes" placeholder="请输入订单扫描号" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="采购订单号" prop="purchaseOrderErp">
+                            <el-input v-model="form.purchaseOrderErp" placeholder="请输入采购订单号" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="编号" prop="poitem">
+                            <el-input v-model="form.poitem" placeholder="请输入编号" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="品种" prop="variety">
+                            <el-input v-model="form.variety" placeholder="请输入品种" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="是否非标" prop="specordindicator">
+                            <el-radio-group v-model="form.specordindicator">
+                                <el-radio label="是">是</el-radio>
+                                <el-radio label="否">否</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="类型" prop="kdType">
+                            <el-select v-model="form.kdType" placeholder="请选择类型">
+                                <el-option v-for="item in options.kdTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="单据日期" prop="documentDate">
+                            <el-date-picker v-model="form.documentDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="售达方" prop="seller">
+                            <el-input v-model="form.seller" placeholder="请输入售达方" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="销售地区" prop="salesArea">
+                            <el-input v-model="form.salesArea" placeholder="请输入销售地区" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="物料" prop="materialName">
+                            <el-input v-model="form.materialName" placeholder="请输入物料" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="物料号" prop="materialCode">
+                            <el-input v-model="form.materialCode" placeholder="请输入物料号" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="需求数量" prop="demandQuantity">
+                            <el-input v-model.number="form.demandQuantity" placeholder="请输入需求数量" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="交货日期" prop="deliveryDate">
+                            <el-date-picker v-model="form.deliveryDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="实际交货数量" prop="deliveryQuantity">
+                            <el-input v-model.number="form.deliveryQuantity" placeholder="请输入实际交货数量" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="基本开始日期" prop="startDate">
+                            <el-date-picker v-model="form.startDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="基本结束日期" prop="endDate">
+                            <el-date-picker v-model="form.endDate" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="订单是否完成" prop="orderindicator">
+                            <el-radio-group v-model="form.orderindicator">
+                                <el-radio :label="1">是</el-radio>
+                                <el-radio :label="0">否</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="计划产线" prop="routeCode">
+                            <el-input v-model="form.routeCode" placeholder="请输入计划产线" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="状态" prop="status">
+                            <el-radio-group v-model="form.status">
+                                <el-radio v-for="item in options.statusOptions" :key="item.dictValue" :value="parseInt(item.dictValue)">
+                                    {{ item.dictLabel }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="备注" prop="remark">
+                            <el-input v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="创建人" prop="createdBy">
+                            <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="创建时间" prop="createdTime">
+                            <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="更新人" prop="updatedBy">
+                            <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="更新时间" prop="updatedTime">
+                            <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <template #footer v-if="opertype !== 3">
+                <el-button text @click="cancel">{{ $t('btn.cancel') }}</el-button>
+                <el-button type="primary" @click="submitForm">{{ $t('btn.submit') }}</el-button>
+            </template>
+        </el-dialog>
+
+        <!-- 导入对话框 -->
+        <el-dialog :title="importTitle" :lock-scroll="false" v-model="importOpen" width="40%" center append-to-body :close-on-click-modal="false">
+            <el-upload
+                ref="uploadRef"
+                action="/mes/orderManagement/OrderPurchase/importData"
+                accept=".xlsx, .xls"
+                :before-upload="beforeUpload"
+                :http-request="uploadFile"
+                :auto-upload="false"
+                drag
+                multiple>
+                <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+                <div class="el-upload__text">将文件拖到此处，或 <em>点击上传</em></div>
+                <template #tip>
+                    <div class="el-upload__tip">只能上传 xlsx/xls 文件，且不超过 5MB</div>
+                    <el-button type="primary" @click="submitUpload" style="margin-top: 10px">上传到服务器</el-button>
+                    <el-button type="success" @click="handleDownloadTemplate" style="margin-left: 10px; margin-top: 10px">下载模板</el-button>
+                </template>
+            </el-upload>
+        </el-dialog>
+    </div>
 </template>
 
 <script setup name="orderpurchase">
 import {
-  listOrderPurchase,
-  addOrderPurchase,
-  delOrderPurchase,
-  updateOrderPurchase,
-  getOrderPurchase,
-  exportOrderPurchase,
-  importOrderPurchase,
-  downloadTemplate // 添加下载模板API
+    listOrderPurchase,
+    addOrderPurchase,
+    delOrderPurchase,
+    updateOrderPurchase,
+    getOrderPurchase,
+    exportOrderPurchase,
+    importOrderPurchase,
+    downloadTemplate // 添加下载模板API
 } from '@/api/orderPurchaseManagement/orderpurchase.js'
-
-var value = false;
 const { proxy } = getCurrentInstance()
 import dayjs from 'dayjs'
 const queryParams = reactive({
-  pageNum: 1,
-  pageSize: 10,
-  sort: '',
-  sortType: 'asc',
-  importDate: [proxy.$dayjs().startOf('day'), proxy.$dayjs().endOf('day')],
-  orderNoMes: '',
-  purchaseOrderErp: '',
-  materialCode: '',
-  orderindicator: -2,
-  salesArea: '',
-  specordindicator: -2
+    pageNum: 1,
+    pageSize: 10,
+    sort: '',
+    sortType: 'asc',
+    importDate: [proxy.$dayjs().startOf('day'), proxy.$dayjs().endOf('day')],
+    orderNoMes: '',
+    purchaseOrderErp: '',
+    materialCode: '',
+    orderindicator: -2,
+    salesArea: '',
+    specordindicator: -2
 })
 
 const columns = ref([
-  { visible: false, align: 'center', type: '', prop: 'id', label: '雪花id', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'importDate', label: '导入日期', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'orderNoMes', label: '订单扫描号', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'purchaseOrderErp', label: '采购订单号', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'poitem', label: '编号', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'variety', label: '品种', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'specordindicator', label: '是否非标', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: 'dict', prop: 'kdType', label: '类型', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'documentDate', label: '单据日期', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'seller', label: '售达方', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'salesArea', label: '销售地区', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'materialName', label: '物料', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'materialCode', label: '物料号', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'demandQuantity', label: '需求数量' },
-  { visible: true, align: 'center', type: '', prop: 'deliveryDate', label: '交货日期', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'deliveryQuantity', label: '实际交货数量' },
-  { visible: true, align: 'center', type: '', prop: 'startDate', label: '基本开始日期', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'endDate', label: '基本结束日期', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'orderindicator', label: '订单是否完成', showOverflowTooltip: true },
-  { visible: true, align: 'center', type: '', prop: 'routeCode', label: '计划产线', showOverflowTooltip: true },
-  { visible: false, align: 'center', type: 'dict', prop: 'status', label: '状态' },
-  { visible: false, align: 'center', type: '', prop: 'remark', label: '备注', showOverflowTooltip: true },
-  { visible: false, align: 'center', type: '', prop: 'createdBy', label: '创建人', showOverflowTooltip: true },
-  { visible: false, align: 'center', type: '', prop: 'createdTime', label: '创建时间', showOverflowTooltip: true },
-  { visible: false, align: 'center', type: '', prop: 'updatedBy', label: '更新人', showOverflowTooltip: true },
-  { visible: false, align: 'center', type: '', prop: 'updatedTime', label: '更新时间', showOverflowTooltip: true }
+    { visible: false, align: 'center', type: '', prop: 'id', label: '雪花id', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'importDate', label: '导入日期', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'orderNoMes', label: '订单扫描号', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'purchaseOrderErp', label: '采购订单号', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'poitem', label: '编号', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'variety', label: '品种', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'specordindicator', label: '是否非标', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: 'dict', prop: 'kdType', label: '类型', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'documentDate', label: '单据日期', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'seller', label: '售达方', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'salesArea', label: '销售地区', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'materialName', label: '物料', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'materialCode', label: '物料号', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'demandQuantity', label: '需求数量' },
+    { visible: true, align: 'center', type: '', prop: 'deliveryDate', label: '交货日期', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'deliveryQuantity', label: '实际交货数量' },
+    { visible: true, align: 'center', type: '', prop: 'startDate', label: '基本开始日期', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'endDate', label: '基本结束日期', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'orderindicator', label: '订单是否完成', showOverflowTooltip: true },
+    { visible: true, align: 'center', type: '', prop: 'routeCode', label: '计划产线', showOverflowTooltip: true },
+    { visible: false, align: 'center', type: 'dict', prop: 'status', label: '状态' },
+    { visible: false, align: 'center', type: '', prop: 'remark', label: '备注', showOverflowTooltip: true },
+    { visible: false, align: 'center', type: '', prop: 'createdBy', label: '创建人', showOverflowTooltip: true },
+    { visible: false, align: 'center', type: '', prop: 'createdTime', label: '创建时间', showOverflowTooltip: true },
+    { visible: false, align: 'center', type: '', prop: 'updatedBy', label: '更新人', showOverflowTooltip: true },
+    { visible: false, align: 'center', type: '', prop: 'updatedTime', label: '更新时间', showOverflowTooltip: true }
 ])
 
 const shortcuts = [
-  {
-    text: '今天',
-    value: () => {
-      return [dayjs().startOf('day'), dayjs().endOf('day')]
+    {
+        text: '今天',
+        value: () => {
+            return [dayjs().startOf('day'), dayjs().endOf('day')]
+        }
+    },
+    {
+        text: '昨天',
+        value: () => {
+            return [dayjs().subtract(1, 'day').startOf('day'), dayjs().subtract(1, 'day').endOf('day')]
+        }
+    },
+    {
+        text: '本周',
+        value: () => {
+            const startOfWeek = dayjs().startOf('week')
+            const endOfWeek = dayjs().endOf('week')
+            return [startOfWeek, endOfWeek]
+        }
+    },
+    {
+        text: '上周',
+        value: () => {
+            const startOfLastWeek = dayjs().subtract(1, 'week').startOf('week')
+            const endOfLastWeek = dayjs().subtract(1, 'week').endOf('week')
+            return [startOfLastWeek, endOfLastWeek]
+        }
+    },
+    {
+        text: '本月',
+        value: () => {
+            const startOfLastMonth = dayjs().startOf('month')
+            const endOfLastMonth = dayjs().endOf('month')
+            return [startOfLastMonth, endOfLastMonth]
+        }
+    },
+    {
+        text: '上月',
+        value: () => {
+            const startOfLastMonth = dayjs().subtract(1, 'month').startOf('month')
+            const endOfLastMonth = dayjs().subtract(1, 'month').endOf('month')
+            return [startOfLastMonth, endOfLastMonth]
+        }
     }
-  },
-  {
-    text: '昨天',
-    value: () => {
-      return [dayjs().subtract(1, 'day').startOf('day'), dayjs().subtract(1, 'day').endOf('day')]
-    }
-  },
-  {
-    text: '本周',
-    value: () => {
-      const startOfWeek = dayjs().startOf('week')
-      const endOfWeek = dayjs().endOf('week')
-      return [startOfWeek, endOfWeek]
-    }
-  },
-  {
-    text: '上周',
-    value: () => {
-      const startOfLastWeek = dayjs().subtract(1, 'week').startOf('week')
-      const endOfLastWeek = dayjs().subtract(1, 'week').endOf('week')
-      return [startOfLastWeek, endOfLastWeek]
-    }
-  },
-  {
-    text: '本月',
-    value: () => {
-      const startOfLastMonth = dayjs().startOf('month')
-      const endOfLastMonth = dayjs().endOf('month')
-      return [startOfLastMonth, endOfLastMonth]
-    }
-  },
-  {
-    text: '上月',
-    value: () => {
-      const startOfLastMonth = dayjs().subtract(1, 'month').startOf('month')
-      const endOfLastMonth = dayjs().subtract(1, 'month').endOf('month')
-      return [startOfLastMonth, endOfLastMonth]
-    }
-  }
 ]
 
 const total = ref(0)
@@ -492,27 +449,27 @@ const dataList = ref([])
 const queryRef = ref()
 const loading = ref(false)
 const showSearch = ref(true)
-const uploadValue = ref(false)
+const uploadType = ref(false)
 const state = reactive({
-  form: {},
-  rules: {
-    //id: [{ required: true, message: "雪花id不能为空", trigger: "blur" }],
-  },
-  options: {
-    kdTypeOptions: [],
-    // 优先级
-    orderindicatorOptions: [
-      { dictLabel: '全部', dictValue: -2, listClass: 'success' },
-      { dictLabel: '是', dictValue: 1, listClass: 'success' },
-      { dictLabel: '否', dictValue: 0, listClass: 'info' }
-    ]
-  }
+    form: {},
+    rules: {
+        //id: [{ required: true, message: "雪花id不能为空", trigger: "blur" }],
+    },
+    options: {
+        kdTypeOptions: [],
+        // 优先级
+        orderindicatorOptions: [
+            { dictLabel: '全部', dictValue: -2, listClass: 'success' },
+            { dictLabel: '是', dictValue: 1, listClass: 'success' },
+            { dictLabel: '否', dictValue: 0, listClass: 'info' }
+        ]
+    }
 })
 // 通用判定
 const boolOptions = [
-  { dictLabel: '全部', dictValue: -2, listClass: 'success' },
-  { dictLabel: '是', dictValue: 1, listClass: 'success' },
-  { dictLabel: '否', dictValue: 0, listClass: 'info' }
+    { dictLabel: '全部', dictValue: -2, listClass: 'success' },
+    { dictLabel: '是', dictValue: 1, listClass: 'success' },
+    { dictLabel: '否', dictValue: 0, listClass: 'info' }
 ]
 
 const { form, rules, options } = toRefs(state)
@@ -521,192 +478,185 @@ const title = ref('')
 const opertype = ref(0)
 const open = ref(false)
 const importOpen = ref(false)
-
+const importTitle = ref('覆盖导入')
 function getList() {
-  loading.value = true
-  listOrderPurchase(queryParams).then((res) => {
-    if (res.code === 200) {
-      dataList.value = res.data.result
-      total.value = res.data.totalNum
-    }
-    loading.value = false
-  })
+    loading.value = true
+    listOrderPurchase(queryParams).then((res) => {
+        if (res.code === 200) {
+            dataList.value = res.data.result
+            total.value = res.data.totalNum
+        }
+        loading.value = false
+    })
 }
 
 function handleQuery() {
-  queryParams.pageNum = 1
-  getList()
+    queryParams.pageNum = 1
+    getList()
 }
 
 function resetQuery() {
-  proxy.resetForm('queryRef')
-  queryParams.importDate = [proxy.$dayjs().startOf('day'), proxy.$dayjs().endOf('day')]
-  queryParams.orderNoMes = ''
-  queryParams.purchaseOrderErp = ''
-  queryParams.materialCode = ''
-  queryParams.orderindicator = ''
-  queryParams.salesArea = ''
-  queryParams.specordindicator = ''
-  handleQuery()
+    proxy.resetForm('queryRef')
+    queryParams.importDate = [proxy.$dayjs().startOf('day'), proxy.$dayjs().endOf('day')]
+    queryParams.orderNoMes = ''
+    queryParams.purchaseOrderErp = ''
+    queryParams.materialCode = ''
+    queryParams.orderindicator = ''
+    queryParams.salesArea = ''
+    queryParams.specordindicator = ''
+    handleQuery()
 }
 
 function sortChange(column) {
-  queryParams.sort = column.prop || ''
-  queryParams.sortType = column.order || ''
-  handleQuery()
+    queryParams.sort = column.prop || ''
+    queryParams.sortType = column.order || ''
+    handleQuery()
 }
 
 function cancel() {
-  open.value = false
-  reset()
+    open.value = false
+    reset()
 }
 
 function reset() {
-  form.value = {}
-  proxy.resetForm('formRef')
+    form.value = {}
+    proxy.resetForm('formRef')
 }
 
 function handleAdd() {
-  reset()
-  open.value = true
-  title.value = '添加采购订单'
-  opertype.value = 1
+    reset()
+    open.value = true
+    title.value = '添加采购订单'
+    opertype.value = 1
 }
 
 function handleUpdate(row) {
-  reset()
-  getOrderPurchase(row.id).then((res) => {
-    if (res.code === 200) {
-      open.value = true
-      title.value = '修改采购订单'
-      opertype.value = 2
-      form.value = { ...res.data }
-    }
-  })
+    reset()
+    getOrderPurchase(row.id).then((res) => {
+        if (res.code === 200) {
+            open.value = true
+            title.value = '修改采购订单'
+            opertype.value = 2
+            form.value = { ...res.data }
+        }
+    })
 }
 
 function submitForm() {
-  proxy.$refs['formRef'].validate((valid) => {
-    if (valid) {
-      if (form.value.id && opertype.value === 2) {
-        updateOrderPurchase(form.value).then(() => {
-          proxy.$modal.msgSuccess('修改成功')
-          open.value = false
-          getList()
-        })
-      } else {
-        addOrderPurchase(form.value).then(() => {
-          proxy.$modal.msgSuccess('新增成功')
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
+    proxy.$refs['formRef'].validate((valid) => {
+        if (valid) {
+            if (form.value.id && opertype.value === 2) {
+                updateOrderPurchase(form.value).then(() => {
+                    proxy.$modal.msgSuccess('修改成功')
+                    open.value = false
+                    getList()
+                })
+            } else {
+                addOrderPurchase(form.value).then(() => {
+                    proxy.$modal.msgSuccess('新增成功')
+                    open.value = false
+                    getList()
+                })
+            }
+        }
+    })
 }
 
 function handleDelete(row) {
-  proxy
-    .$confirm(`是否确认删除参数编号为"${row.id}"的数据项？`, '警告', {
-      confirmButtonText: proxy.$t('common.ok'),
-      cancelButtonText: proxy.$t('common.cancel'),
-      type: 'warning'
-    })
-    .then(() => {
-      delOrderPurchase(row.id).then(() => {
-        getList()
-        proxy.$modal.msgSuccess('删除成功')
-      })
-    })
+    proxy
+        .$confirm(`是否确认删除参数编号为"${row.id}"的数据项？`, '警告', {
+            confirmButtonText: proxy.$t('common.ok'),
+            cancelButtonText: proxy.$t('common.cancel'),
+            type: 'warning'
+        })
+        .then(() => {
+            delOrderPurchase(row.id).then(() => {
+                getList()
+                proxy.$modal.msgSuccess('删除成功')
+            })
+        })
 }
 
 function handleExport() {
-  const params = { ...queryParams }
-  proxy
-    .$confirm('您确定要导出当前搜索条件下的订单采购信息吗？', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-    .then(() => {
-      exportOrderPurchase(params).then((response) => {
-        if (response.code === 200) {
-          proxy.$alert('导出成功！')
-        }
-      })
-    })
-    .catch(() => {
-      // 用户取消导出
-    })
+    const params = { ...queryParams }
+    proxy
+        .$confirm('您确定要导出当前搜索条件下的订单采购信息吗？', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+        .then(() => {
+            exportOrderPurchase(params).then((response) => {
+                if (response.code === 200) {
+                    proxy.$alert('导出成功！')
+                }
+            })
+        })
+        .catch(() => {
+            // 用户取消导出
+        })
 }
 
 function handleImportDialog() {
-  importOpen.value = true
+    importOpen.value = true
+    importTitle.value = '覆盖导入'
+    uploadType.value = false
 }
 
 const formData = ref(new FormData())
 
 const beforeUpload = (file) => {
-  formData.value.append('file', file)
-  return true
+    formData.value.append('file', file)
+    return true
 }
 const uploadRef = ref(null)
 const submitUpload = () => {
-  console.log(uploadRef.value );
-  if(value){
-    uploadValue.value=true;
-    value=false;
-  }
-  uploadRef.value.submit()
+    uploadRef.value.submit()
 }
 
 const uploadFile = (options) => {
-    console.log(options.file);
-  console.log(uploadValue.value);
-  const forData = new FormData();
-  forData.append('file', options.file);
-  forData.append('value', uploadValue.value)
-
-  
-  importOrderPurchase(forData)
-    .then((response) => {
-      if (response.code === 200) {
-        importOpen.value = false
-        proxy.$refs['uploadRef'].clearFiles()
-        proxy.$alert(
-          "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + `成功导入：${response.data}条记录` + '</div>',
-          '导入结果',
-          {
-            dangerouslyUseHTMLString: true
-          }
-        )
-        getList()
-        uploadValue.value=false;
-      }
-    })
-    .catch((error) => {
-      console.log(error)
-      proxy.$message.error('上传失败')
-    })
+    const forData = new FormData()
+    forData.append('file', options.file)
+    forData.append('uploadType', uploadType.value)
+    importOrderPurchase(forData)
+        .then((response) => {
+            if (response.code === 200) {
+                importOpen.value = false
+                proxy.$refs['uploadRef'].clearFiles()
+                proxy.$alert(
+                    "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + `成功导入：${response.data}条记录` + '</div>',
+                    '导入结果',
+                    {
+                        dangerouslyUseHTMLString: true
+                    }
+                )
+                getList()
+            }
+        })
+        .catch((error) => {
+            console.log(error)
+            proxy.$message.error('上传失败')
+        })
 }
 
 // 下载模板功能（仅显示提示信息）
 function handleDownloadTemplate() {
-  downloadTemplate().then((response) => {
-    console.log(response)
-  })
+    downloadTemplate().then((response) => {
+        console.log(response)
+    })
 }
 
-function addImportDialog(){
-  importOpen.value = true
-  value =true;
+function addImportDialog() {
+    importOpen.value = true
+    importTitle.value = '追加导入'
+    uploadType.value = true
 }
 handleQuery()
 </script>
 
 <style scoped>
 .el-upload__tip {
-  font-size: 12px;
-  color: #999;
+    font-size: 12px;
+    color: #999;
 }
 </style>