From 52fcdbfe1ef136efd2378f962ba6556969cf339b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=BE=E5=90=8C=E5=AD=A6?= <stary1993@qq.com>
Date: Wed, 27 Aug 2025 20:21:55 +0800
Subject: [PATCH] =?UTF-8?q?ADD:=E5=AF=BC=E5=85=A5=E5=AD=90=E8=AE=A1?=
 =?UTF-8?q?=E5=88=92=E5=85=83=E6=95=B0=E6=8D=AE=E4=BA=8C=E6=AC=A1=E7=A1=AE?=
 =?UTF-8?q?=E8=AE=A4=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/ImportZip/index.vue | 35 +++++++++++++++++++--
 frontend/src/views/plan/planList/index.vue  |  3 +-
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/ImportZip/index.vue b/frontend/src/components/ImportZip/index.vue
index f5e99a6..be4429b 100644
--- a/frontend/src/components/ImportZip/index.vue
+++ b/frontend/src/components/ImportZip/index.vue
@@ -3,12 +3,15 @@
         <el-form class="drawer-multiColumn-form" style="margin-top: 10px" label-width="100px">
             <el-form-item label="文件上传：">
                 <el-upload
+                    ref="uploadRef"
                     action="#"
                     class="upload"
                     drag
                     :http-request="uploadZip"
                     accept=".zip"
-                    :show-file-list="false"
+                    :auto-upload="!parameter.confirmMessage"
+                    :on-change="handleChange"
+                    :on-remove="handleRemove"
                 >
                     <slot name="empty">
                         <el-icon class="el-icon--upload">
@@ -27,20 +30,27 @@
                 </el-upload>
             </el-form-item>
         </el-form>
+        <template #footer v-if="parameter.confirmMessage">
+            <el-button :disabled="disable" type="primary" @click="uploadSubmit">开始导入</el-button>
+        </template>
     </el-dialog>
 </template>
 
 <script setup lang="ts" name="ImportZip">
 import { ref } from 'vue'
-import { ElMessage, UploadRequestOptions } from 'element-plus'
+import type { UploadInstance, UploadProps, UploadRequestOptions } from 'element-plus'
 
 export interface ZipParameterProps {
     title: string // 标题
     patternId?: string // 模式ID
     importApi?: (params: any) => Promise<any> // 批量导入的Api
+    confirmMessage?: string // 提示信息
 }
 // dialog状态
 const dialogVisible = ref(false)
+const disable = ref(true)
+const uploadRef = ref<UploadInstance>()
+
 // 父组件传过来的参数
 const parameter = ref<ZipParameterProps>({
     title: ''
@@ -73,7 +83,26 @@ const handleImportResponse = (res: any) => {
     dialogVisible.value = false
     emit('result', res.data)
 }
-
+const uploadSubmit = () => {
+    if (!uploadRef.value) {
+        return ElMessage.warning('请选择文件！')
+    }
+    ElMessageBox.confirm(parameter.value.confirmMessage, '温馨提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+    })
+        .then(() => {
+            uploadRef.value?.submit()
+        })
+        .catch(() => {})
+}
+const handleChange: UploadProps['onChange'] = (uploadFile, uploadFiles) => {
+    disable.value = uploadFiles.length === 0
+}
+const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
+    disable.value = uploadFiles.length === 0
+}
 defineExpose({
     acceptParams
 })
diff --git a/frontend/src/views/plan/planList/index.vue b/frontend/src/views/plan/planList/index.vue
index fdbd897..4a2c141 100644
--- a/frontend/src/views/plan/planList/index.vue
+++ b/frontend/src/views/plan/planList/index.vue
@@ -643,7 +643,8 @@ const importSubClick = () => {
     const params = {
         title: '导入检测计划',
         patternId: dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id ?? '',
-        importApi: importSubPlan
+        importApi: importSubPlan,
+        confirmMessage: '本次导入会覆盖已有数据信息，是否确认继续？'
     }
     planImportZip.value?.acceptParams(params)
 }