From 0aaa3b35a09bce5dd4e35ec783db335cc0cb6cd8 Mon Sep 17 00:00:00 2001
From: liutao <790864623@qq.com>
Date: Tue, 19 May 2026 16:57:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E7=B1=BB=E5=A2=9E=E5=8A=A0=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/deviceattributetype/index.ts      |   4 +
 .../DeviceAttributeTypeImportForm.vue         | 112 ++++++++++++++++++
 src/views/iot/deviceattributetype/index.vue   |  16 +++
 3 files changed, 132 insertions(+)
 create mode 100644 src/views/iot/deviceattributetype/DeviceAttributeTypeImportForm.vue

diff --git a/src/api/iot/deviceattributetype/index.ts b/src/api/iot/deviceattributetype/index.ts
index ec154893..901aafa1 100644
--- a/src/api/iot/deviceattributetype/index.ts
+++ b/src/api/iot/deviceattributetype/index.ts
@@ -42,6 +42,10 @@ export const DeviceAttributeTypeApi = {
   },
 
   // 获得采集点分类列表
+  importTemplate: async () => {
+    return await request.download({ url: `/iot/device-attribute-type/get-import-template` })
+  },
+
   getDeviceAttributeTypeList: async () => {
     return await request.get({ url: `/iot/device-attribute-type/list` })
   },
diff --git a/src/views/iot/deviceattributetype/DeviceAttributeTypeImportForm.vue b/src/views/iot/deviceattributetype/DeviceAttributeTypeImportForm.vue
new file mode 100644
index 00000000..20681066
--- /dev/null
+++ b/src/views/iot/deviceattributetype/DeviceAttributeTypeImportForm.vue
@@ -0,0 +1,112 @@
+<template>
+  <Dialog v-model="dialogVisible" title="导入采集点分类" width="400">
+    <el-upload
+      ref="uploadRef"
+      v-model:file-list="fileList"
+      :action="importUrl + '?updateSupport=' + updateSupport"
+      :auto-upload="false"
+      :disabled="formLoading"
+      :headers="uploadHeaders"
+      :limit="1"
+      :on-error="submitFormError"
+      :on-exceed="handleExceed"
+      :on-success="submitFormSuccess"
+      accept=".xlsx, .xls"
+      drag
+    >
+      <Icon icon="ep:upload" />
+      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+      <template #tip>
+        <div class="el-upload__tip text-center">
+          <span>仅允许导入 xls、xlsx 格式文件。</span>
+          <el-link
+            :underline="false"
+            style="font-size: 12px; vertical-align: baseline"
+            type="primary"
+            @click="importTemplate"
+          >
+            下载导入模板
+          </el-link>
+        </div>
+      </template>
+    </el-upload>
+    <template #footer>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">{{ t('common.ok') }}</el-button>
+      <el-button @click="dialogVisible = false">{{ t('common.cancel') }}</el-button>
+    </template>
+  </Dialog>
+</template>
+
+<script lang="ts" setup>
+import { getAccessToken, getTenantId } from '@/utils/auth'
+import download from '@/utils/download'
+import { DeviceAttributeTypeApi } from '@/api/iot/deviceattributetype'
+
+defineOptions({ name: 'DeviceAttributeTypeImportForm' })
+
+const { t } = useI18n()
+const message = useMessage()
+
+const dialogVisible = ref(false)
+const formLoading = ref(false)
+const uploadRef = ref()
+const importUrl =
+  import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_URL + '/iot/device-attribute-type/import'
+const uploadHeaders = ref()
+const fileList = ref([])
+const updateSupport = ref(0)
+
+const open = () => {
+  dialogVisible.value = true
+  updateSupport.value = 0
+  fileList.value = []
+  resetForm()
+}
+defineExpose({ open })
+
+const submitForm = async () => {
+  if (fileList.value.length === 0) {
+    message.error('请选择导入文件')
+    return
+  }
+  uploadHeaders.value = {
+    Authorization: 'Bearer ' + getAccessToken(),
+    tenantId: getTenantId()
+  }
+  formLoading.value = true
+  uploadRef.value!.submit()
+}
+
+const emits = defineEmits(['success'])
+const submitFormSuccess = (response: any) => {
+  if (response.code !== 0) {
+    message.error(response.msg)
+    formLoading.value = false
+    return
+  }
+  message.alert(response.data)
+  formLoading.value = false
+  dialogVisible.value = false
+  emits('success')
+}
+
+const submitFormError = (): void => {
+  message.error('导入失败')
+  formLoading.value = false
+}
+
+const resetForm = async (): Promise<void> => {
+  formLoading.value = false
+  await nextTick()
+  uploadRef.value?.clearFiles()
+}
+
+const handleExceed = (): void => {
+  message.error('最多只能上传一个文件')
+}
+
+const importTemplate = async () => {
+  const res = await DeviceAttributeTypeApi.importTemplate()
+  download.excel(res, '采集点分类导入模板.xls')
+}
+</script>
diff --git a/src/views/iot/deviceattributetype/index.vue b/src/views/iot/deviceattributetype/index.vue
index a8e552a7..3abd98f8 100644
--- a/src/views/iot/deviceattributetype/index.vue
+++ b/src/views/iot/deviceattributetype/index.vue
@@ -64,6 +64,14 @@
         >
           <Icon icon="ep:delete" class="mr-5px" /> {{ t('DataCollection.DeviceAttributeType.batchDelete') }}
         </el-button>
+        <el-button
+          type="warning"
+          plain
+          @click="handleImport"
+          v-hasPermi="['iot:device-attribute-type:create']"
+        >
+          <Icon icon="ep:upload" class="mr-5px" /> 导入
+        </el-button>
         <el-button
           type="success"
           plain
@@ -133,6 +141,7 @@
 
   <!-- 表单弹窗：添加/修改 -->
   <DeviceAttributeTypeForm ref="formRef" @success="getList" />
+  <DeviceAttributeTypeImportForm ref="importFormRef" @success="getList" />
 </template>
 
 <script setup lang="ts">
@@ -140,6 +149,7 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { DeviceAttributeTypeApi, DeviceAttributeTypeVO } from '@/api/iot/deviceattributetype'
 import DeviceAttributeTypeForm from './DeviceAttributeTypeForm.vue'
+import DeviceAttributeTypeImportForm from './DeviceAttributeTypeImportForm.vue'
 
 /** 采集点分类 列表 */
 defineOptions({ name: 'DeviceAttributeType' })
@@ -226,6 +236,12 @@ const handleBatchDelete = async () => {
 }
 
 /** 导出按钮操作 */
+/** 导入 */
+const importFormRef = ref()
+const handleImport = () => {
+  importFormRef.value.open()
+}
+
 const handleExport = async () => {
   try {
     await message.exportConfirm()