From 3d310eee9d51b993f82f19a5d08466ce2579cc8b Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Wed, 6 Aug 2025 15:55:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=93=E5=AD=98=E5=95=86=E5=93=81=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=9B=BF=E6=8D=A2=E5=AF=BC=E5=85=A5=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=B7=AF=E5=BE=84=EF=BC=9B=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E8=A6=86=E7=9B=96=E5=AF=BC=E5=85=A5=E5=BA=93=E5=AD=98=E5=95=86?=
 =?UTF-8?q?=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/upload-excel-update.vue        | 166 ++++++++++++++++++
 .../supermarketerp/supermarketSpu/index.vue   |  28 ++-
 2 files changed, 190 insertions(+), 4 deletions(-)
 create mode 100644 src/views/supermarketerp/supermarketSpu/components/upload-excel-update.vue

diff --git a/src/views/supermarketerp/supermarketSpu/components/upload-excel-update.vue b/src/views/supermarketerp/supermarketSpu/components/upload-excel-update.vue
new file mode 100644
index 0000000..7da9044
--- /dev/null
+++ b/src/views/supermarketerp/supermarketSpu/components/upload-excel-update.vue
@@ -0,0 +1,166 @@
+<!-- excel 导入组件 -->
+<template>
+	<el-dialog :title="prop.title" v-model="state.upload.open" :close-on-click-modal="false" draggable>
+		<el-upload
+			v-loading="state.upload.isUploading"
+			ref="uploadRef"
+			:limit="1"
+			accept=".xlsx, .xls"
+			:headers="headers"
+			:action="baseURL + other.adaptationUrl(url)"
+			:disabled="state.upload.isUploading"
+			:on-progress="handleFileUploadProgress"
+			:on-success="handleFileSuccess"
+			:on-error="handleFileError"
+			:auto-upload="false"
+			drag
+		>
+			<i class="el-icon-upload"></i>
+			<div class="el-upload__text">
+				{{ $t("excel.operationNotice") }}
+				<em>{{ $t("excel.clickUpload") }}</em>
+			</div>
+			<template #tip>
+				<div class="el-upload__tip text-center">
+					<span>{{ $t("excel.fileFormat") }}</span>
+					<el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="downExcelTemp" v-if="tempUrl"
+						>{{ $t("excel.downloadTemplate") }}
+					</el-link>
+				</div>
+			</template>
+		</el-upload>
+		<template #footer>
+			<el-button type="primary" @click="submitFileForm" :disabled="state.upload.isUploading">
+				{{ $t("common.confirmButtonText") }}
+			</el-button>
+			<el-button @click="state.upload.open = false">{{ $t("common.cancelButtonText") }}</el-button>
+		</template>
+	</el-dialog>
+
+	<!--校验失败错误数据-->
+	<el-dialog :title="$t('excel.validationFailureData')" v-model="state.errorVisible" :close-on-click-modal="false" draggable>
+		<el-table :data="state.errorData">
+			<el-table-column property="row" align="center" :label="$t('excel.lineNumbers')" width="100" />
+			<el-table-column property="reasons" align="center" :label="$t('excel.misDescription')" show-overflow-tooltip>
+				<template v-slot="scope">
+					<el-tag type="danger" v-for="error in scope.row.reasons" :key="error">{{ error }}</el-tag>
+				</template>
+			</el-table-column>
+		</el-table>
+	</el-dialog>
+</template>
+
+<script setup lang="ts" name="upload-excel">
+import { useMessage } from "/@/hooks/message"
+import other from "/@/utils/other"
+import { Session } from "/@/utils/storage"
+
+const emit = defineEmits(["sizeChange", "refreshDataList"])
+const prop = defineProps({
+	url: {
+		type: String,
+	},
+	title: {
+		type: String,
+	},
+	tempUrl: {
+		type: String,
+	},
+})
+
+const uploadRef = ref()
+
+const state = reactive({
+	errorVisible: false,
+	errorData: [],
+	dialog: {
+		title: "",
+		isShowDialog: false,
+	},
+	upload: {
+		open: false,
+		isUploading: false,
+	},
+})
+
+/**
+ * 下载模板文件
+ */
+const downExcelTemp = async () => {
+	try {
+		await other.downBlobFile(other.adaptationUrl(prop.tempUrl), {}, "temp.xlsx")
+	} catch (error) {
+		useMessage().error("模板下载失败，请先维护模板文件")
+	}
+}
+
+/**
+ * 上传进度条变化事件
+ */
+const handleFileUploadProgress = () => {
+	state.upload.isUploading = true
+}
+
+/**
+ * 上传失败事件处理
+ */
+const handleFileError = () => {
+	useMessage().error("上传失败,数据格式不合法!")
+	state.upload.open = false
+}
+
+/**
+ * 上传成功事件处理
+ * @param {any} response - 上传成功的响应结果
+ */
+const handleFileSuccess = (response: any) => {
+	state.upload.isUploading = false
+	state.upload.open = false
+	uploadRef.value.clearFiles()
+
+	// 校验失败
+	if (response.code === 1) {
+		useMessage().error(response.msg ? response.msg : "导入失败，以下数据不合法")
+		state.errorVisible = true
+		state.errorData = response.data?.errors
+		uploadRef.value.clearFiles()
+		// 刷新表格
+		emit?.("refreshDataList")
+	} else {
+		useMessage().success(response.msg ? response.msg : "导入成功")
+		// 刷新表格
+		emit?.("refreshDataList")
+	}
+}
+
+/**
+ * 提交表单，触发上传
+ */
+const submitFileForm = () => {
+	state.upload.isUploading = true
+	uploadRef.value.submit()
+}
+
+/**
+ * 显示上传文件对话框，并清除上传信息
+ */
+const show = () => {
+	state.upload.isUploading = false
+	state.upload.open = true
+}
+
+/**
+ * 计算请求头部信息
+ */
+const headers = computed(() => {
+	return {
+		Authorization: "Bearer " + Session.getToken(),
+		"TENANT-ID": Session.getTenant(),
+	}
+})
+
+// 暴露变量
+defineExpose({
+	show,
+})
+</script>
diff --git a/src/views/supermarketerp/supermarketSpu/index.vue b/src/views/supermarketerp/supermarketSpu/index.vue
index 6f3f47e..6610670 100644
--- a/src/views/supermarketerp/supermarketSpu/index.vue
+++ b/src/views/supermarketerp/supermarketSpu/index.vue
@@ -66,8 +66,20 @@
 						type="primary"
 						@click="excelUploadRef.show()"
 					>
-						{{ $t("common.importBtn") }}
+						导入
 					</el-button>
+					<el-tooltip effect="dark" content="覆盖导入会覆盖已经存在的商品数据" placement="top">
+						<el-button
+							plain
+							v-auth="'supermarket_supermarketSpu_import'"
+							class="ml10"
+							icon="upload-filled"
+							type="primary"
+							@click="excelUploadUpdateRef.show()"
+						>
+							覆盖导入
+						</el-button>
+					</el-tooltip>
 				</div>
 			</el-row>
 			<el-table
@@ -161,8 +173,15 @@
 
 		<upload-excel
 			ref="excelUploadRef"
-			:title="$t('supermarket.importErpSpuTip')"
-			url="/supermarket/supermarketSpu/import"
+			title="导入库存商品"
+			url="/supermarket/supermarketSpu/importNew"
+			@refreshDataList="refreshDataList"
+		/>
+
+		<upload-excel
+			ref="excelUploadUpdateRef"
+			title="覆盖导入库存商品"
+			url="/supermarket/supermarketSpu/importNewUpdate"
 			@refreshDataList="refreshDataList"
 		/>
 	</div>
@@ -180,6 +199,7 @@ import { getSupplierSimpleAll } from "/@/api/supermarketerp/smErpSupplier"
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
 const excelUploadRef = ref()
+const excelUploadUpdateRef = ref()
 const { supermarket_nature, status } = useDict("supermarket_nature", "status")
 const formDialogRef = ref() // 对话框ref引用
 const queryRef = ref() // 搜索表单ref引用
@@ -208,7 +228,7 @@ const resetQuery = () => {
 
 // 导出excel
 const exportExcel = () => {
-	downBlobFile("/supermarket/supermarketSpu/export", Object.assign(state.queryForm, { ids: selectObjs }), "库存商品.xlsx")
+	downBlobFile("/supermarket/supermarketSpu/exportNew", Object.assign(state.queryForm, { ids: selectObjs }), "库存商品.xlsx")
 }
 
 // 导入成功刷新数据