From bfe19d7ff9dddbb5e9953152ec80c9418d00e263 Mon Sep 17 00:00:00 2001
From: xh <11675084@qq.com>
Date: Fri, 7 Nov 2025 13:59:29 +0800
Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E9=97=A8=EF=BC=8C=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E8=BF=81=E7=A7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/api/gas/handdetector/index.ts              |  24 +++--
 web/src/views/gas/handdetector/DataMigrateForm.vue | 112 +++++++++++++++++++++
 web/src/views/gas/handdetector/index.vue           |  26 ++++-
 web/src/views/gas/personnel/index.vue              |   6 +-
 web/vite.config.ts                                 |   4 +-
 5 files changed, 160 insertions(+), 12 deletions(-)
 create mode 100644 web/src/views/gas/handdetector/DataMigrateForm.vue

diff --git a/web/src/api/gas/handdetector/index.ts b/web/src/api/gas/handdetector/index.ts
index ba1c883..20a7453 100644
--- a/web/src/api/gas/handdetector/index.ts
+++ b/web/src/api/gas/handdetector/index.ts
@@ -1,6 +1,5 @@
-import request from '@/config/axios' 
-
-
+import request from '@/config/axios'
+import qs from 'qs'
 /** GAS手持探测器信息 */
 export interface HandDetector {
   id?: number // 主键ID
@@ -41,10 +40,13 @@ export interface HandDetectorData extends HandDetector {
   onlineStatus?: number //在线状态 （0：离线；1：在线）
   statusStr?: string // 状态字符串 (normal, offline, gas_1,gas_2, battery_1, fence_1)
   statusLabel?: string // 状态字符串 (正常, 离线, 气体报警, 电池报警, 围栏报警)
-  statusColor?: string // 状态颜色 
+  statusColor?: string // 状态颜色
   statusPriority?: number // 状态优先级, 越小优先级越高
 }
-
+export interface DataMigrateParams {
+  idList: number[]
+  tenantId?: number
+}
 // GAS手持探测器 API
 export const HandDetectorApi = {
   // 查询GAS手持探测器分页
@@ -84,12 +86,22 @@ export const HandDetectorApi = {
 
   // 综合监控数据展示
   getMonitor: async () => {
-    return await request.get<{deviceCount: number}>({
+    return await request.get<{ deviceCount: number }>({
       url: `/gas/hand-detector/getMonitor`
     })
   },
   // 查询GAS手持探测器所有列表
   getListAll: async () => {
     return await request.get<HandDetector[]>({ url: `/gas/hand-detector/getListAll` })
+  },
+
+  // 数据迁移
+  dataMigrate: async (data: DataMigrateParams) => {
+    const params2 = {
+      idList: data.idList.join(','),
+      tenantId: data.tenantId
+    }
+    return await request.post({ url: `/gas/hand-detector/dataMigrate`,data })
+    // return await request.get({ url: `/gas/hand-detector/dataMigrate`+ qs.stringify(data, { indices: false }) })
   }
 }
diff --git a/web/src/views/gas/handdetector/DataMigrateForm.vue b/web/src/views/gas/handdetector/DataMigrateForm.vue
new file mode 100644
index 0000000..06c305d
--- /dev/null
+++ b/web/src/views/gas/handdetector/DataMigrateForm.vue
@@ -0,0 +1,112 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible" :scroll="true">
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+ 
+      v-loading="formLoading"
+    >
+      <el-form-item label="租户" prop="tenantId">
+        <el-select v-model="formData.tenantId" clearable placeholder="请选择租户">
+          <el-option
+            v-for="person in TenantList"
+            :key="person.id"
+            :label="person.name"
+            :value="person.id"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    {{ formData }}
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { HandDetectorApi, HandDetector, DataMigrateParams } from '@/api/gas/handdetector'
+import { getTenantList, TenantVO } from '@/api/system/tenant'
+
+/** GAS手持探测器 表单 */
+defineOptions({ name: 'DataMigrateForm' })
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const props = defineProps({
+  //   ids: {
+  //     type: Array as PropType<number[]>,
+  //     required: true
+  //   }
+})
+const formData = ref<DataMigrateParams>({
+  idList: [],
+  tenantId: undefined
+})
+const formRules = reactive({
+  idList: [{ required: true, message: '请选择手持探测器', trigger: 'blur' }],
+  tenantId: [{ required: true, message: '请选择租户', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+
+/** 打开弹窗 */
+const open = async (type: string, idList?: number[]) => {
+  dialogVisible.value = true
+  dialogTitle.value ='数据迁移到租户'
+  formType.value = type
+
+  resetForm()
+  // 获取所有租户
+  getTenantListFn()
+  if (idList && idList.length) {
+    formData.value.idList = idList
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+const TenantList = ref<TenantVO[]>([])
+
+// 获取所有租户
+function getTenantListFn() {
+  getTenantList().then((data) => {
+    TenantList.value = data || []
+  })
+}
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  await formRef.value.validate()
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value
+    // data.fenceIds = data.fenceIdsArray?.join(',')
+
+    await HandDetectorApi.dataMigrate(data)
+    message.success(t('common.createSuccess'))
+
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    idList: [],
+    tenantId: undefined
+  }
+  formRef.value?.resetFields()
+}
+</script>
diff --git a/web/src/views/gas/handdetector/index.vue b/web/src/views/gas/handdetector/index.vue
index cb3e237..c64304a 100644
--- a/web/src/views/gas/handdetector/index.vue
+++ b/web/src/views/gas/handdetector/index.vue
@@ -31,7 +31,7 @@
         <el-cascader
           class="!w-240px"
           v-model="queryParams.deptId"
-          :options="deptList"
+          :options="deptTree"
           :props="{
             checkStrictly: true,
             label: 'name',
@@ -64,6 +64,15 @@
           <Icon icon="ep:download" class="mr-5px" /> 导出
         </el-button>
         <el-button
+          type="success"
+          plain
+          @click="dataMigrate"
+          v-hasPermi="['gas:hand-detector:dataMigrate']"
+        >
+          <Icon icon="ep:download" class="mr-5px" /> 数据迁移
+        </el-button>
+
+        <el-button
           type="danger"
           plain
           :disabled="isEmpty(checkedIds)"
@@ -169,6 +178,8 @@
 
   <!-- 表单弹窗：添加/修改 -->
   <HandDetectorForm ref="formRef" @success="getList" :fences="fences" :gasTypes="gasTypes" />
+  <!-- 数据迁移弹窗 -->
+  <DataMigrateForm ref="dataMigrateFormRef" @success="getList" />
 </template>
 
 <script setup lang="ts">
@@ -178,6 +189,7 @@ import { HandDetectorApi, HandDetector } from '@/api/gas/handdetector'
 import { DeptVO, getSimpleDeptList } from '@/api/system/dept'
 
 import HandDetectorForm from './HandDetectorForm.vue'
+import DataMigrateForm from './DataMigrateForm.vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { Fence } from '@/api/gas/fence'
 import type { Type } from '@/api/gas/gastype'
@@ -206,9 +218,11 @@ const exportLoading = ref(false) // 导出的加载中
 const fences = ref<Fence[]>([])
 const gasTypes = ref<Type[]>([])
 const deptList = ref<DeptVO[]>([]) // 部门列表
+const deptTree = ref<DeptVO[]>([]) // 部门树形
 function getDeptList() {
   getSimpleDeptList().then((res) => {
-    deptList.value = handleTree(res || [])
+    deptTree.value = handleTree(res || [])
+    deptList.value = res
   })
 }
 
@@ -294,6 +308,14 @@ const handleExport = async () => {
     exportLoading.value = false
   }
 }
+const dataMigrateFormRef = ref()
+const dataMigrate = async () => {
+  if (checkedIds.value.length === 0) {
+    message.warning('请选择要迁移的数据')
+    return
+  }
+  dataMigrateFormRef.value.open('migrate', checkedIds.value)
+}
 const getAllFences = async () => {
   fences.value = await handDetectorStore.getAllFences()
 }
diff --git a/web/src/views/gas/personnel/index.vue b/web/src/views/gas/personnel/index.vue
index a0e31dd..3972f06 100644
--- a/web/src/views/gas/personnel/index.vue
+++ b/web/src/views/gas/personnel/index.vue
@@ -30,7 +30,7 @@
         <el-cascader
           class="!w-240px"
           v-model="queryParams.deptId"
-          :options="deptList"
+          :options="deptTree"
           :props="{
             checkStrictly: true,
             label: 'name',
@@ -244,9 +244,11 @@ const exportLoading = ref(false) // 导出的加载中
 
 const userList = ref<UserVO[]>([]) // 系统用户列表
 const deptList = ref<DeptVO[]>([]) // 部门列表
+const deptTree = ref<DeptVO[]>([]) // 部门树形
 function getDeptList() {
   getSimpleDeptList().then((res) => {
-    deptList.value = handleTree(res || [])
+    deptList.value = res
+    deptTree.value = handleTree(res || [])
   })
 }
 function getUserList() {
diff --git a/web/vite.config.ts b/web/vite.config.ts
index c1187f0..a2b733e 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -35,8 +35,8 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
         },
         // 服务端渲染
         server: {
-            port: env.VITE_PORT, // 端口号
-            host: "0.0.0.0",
+            // port: env.VITE_PORT, // 端口号
+            // host: "0.0.0.0",
             open: env.VITE_OPEN === 'true',
             // 本地跨域代理. 目前注释的原因：暂时没有用途，server 端已经支持跨域
             // proxy: {