From 689928e8800e1abef0567194e2a060e16ac40988 Mon Sep 17 00:00:00 2001
From: xh <11675084@qq.com>
Date: Fri, 17 Oct 2025 12:32:56 +0800
Subject: [PATCH 1/5] init

---
 web/.env.dev            | 5 +++--
 web/pnpm-workspace.yaml | 8 ++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 web/pnpm-workspace.yaml

diff --git a/web/.env.dev b/web/.env.dev
index 4348911..fc948b4 100644
--- a/web/.env.dev
+++ b/web/.env.dev
@@ -3,8 +3,9 @@ NODE_ENV=production
 VITE_DEV=true
 
 # 请求路径
-VITE_BASE_URL='https://mobile.zdhlcn.com'
-VITE_BASE_URL='https://lock.zdhlcn.com:9807'
+# VITE_BASE_URL='https://mobile.zdhlcn.com'
+# VITE_BASE_URL='https://lock.zdhlcn.com:9807'
+VITE_BASE_URL=http://mobile.icpcdev.site
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server
diff --git a/web/pnpm-workspace.yaml b/web/pnpm-workspace.yaml
new file mode 100644
index 0000000..07a306e
--- /dev/null
+++ b/web/pnpm-workspace.yaml
@@ -0,0 +1,8 @@
+onlyBuiltDependencies:
+  - '@parcel/watcher'
+  - '@swc/core'
+  - core-js
+  - core-js-pure
+  - es5-ext
+  - esbuild
+  - vue-demi

From 727521ff388fdbb01294e8d7e13a9f55d63829a3 Mon Sep 17 00:00:00 2001
From: xh <11675084@qq.com>
Date: Fri, 17 Oct 2025 14:46:49 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E5=9B=B4=E6=A0=8F=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/gas/handdetector/HandDetectorForm.vue | 15 +++++++++++++++
 web/src/views/gas/handdetector/index.vue            |  6 ++++++
 2 files changed, 21 insertions(+)

diff --git a/web/src/views/gas/handdetector/HandDetectorForm.vue b/web/src/views/gas/handdetector/HandDetectorForm.vue
index dacf1e3..d45db4e 100644
--- a/web/src/views/gas/handdetector/HandDetectorForm.vue
+++ b/web/src/views/gas/handdetector/HandDetectorForm.vue
@@ -23,6 +23,19 @@
           />
         </el-select>
       </el-form-item>
+      <!-- 围栏类型 -->
+      <el-form-item label="围栏类型" prop="fenceType">
+        <el-radio-group v-model="formData.fenceType">
+          <el-radio-button
+            v-for="dict in getIntDictOptions(DICT_TYPE.HAND_DETECTOR_FENCE_TYPE)"
+            :key="dict.value"
+            :value="dict.value"
+          >
+            {{ dict.label }}
+          </el-radio-button>
+        </el-radio-group>
+      </el-form-item>
+
       <el-form-item label="气体类型" prop="gasTypeId">
         <el-select
           v-model="formData.gasTypeId"
@@ -121,6 +134,7 @@ const formData = ref({
   name: undefined,
   fenceIds: '',
   fenceIdsArray: [],
+  fenceType: undefined,
   gasTypeId: undefined,
   gasChemical: '',
   min: 0,
@@ -193,6 +207,7 @@ const resetForm = () => {
     name: undefined,
     fenceIds: '',
     fenceIdsArray: [],
+    fenceType: undefined,
     gasTypeId: undefined,
     gasChemical: '',
     min: 0,
diff --git a/web/src/views/gas/handdetector/index.vue b/web/src/views/gas/handdetector/index.vue
index a4d1ecd..650ad73 100644
--- a/web/src/views/gas/handdetector/index.vue
+++ b/web/src/views/gas/handdetector/index.vue
@@ -83,6 +83,12 @@
           }}
         </template>
       </el-table-column>
+      <!-- 围栏类型 -->
+      <el-table-column label="围栏类型" align="center" prop="fenceType">
+        <template #default="scope">
+          <DictTag :type="DICT_TYPE.HAND_DETECTOR_FENCE_TYPE" :value="scope.row.fenceType" />
+        </template>
+      </el-table-column>
       <el-table-column label="气体类型" align="center" prop="gasTypeId">
         <template #default="scope">
           {{ handDetectorStore.getGasTypes.find((item) => item.id === scope.row.gasTypeId)?.name }}

From b935bba35c439fa70b023419037aad8cb9be9fe7 Mon Sep 17 00:00:00 2001
From: xh <11675084@qq.com>
Date: Fri, 17 Oct 2025 14:51:53 +0800
Subject: [PATCH 3/5] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=EF=BC=8C=E6=95=B0=E5=80=BC=EF=BC=8C=E5=8D=95=E4=BD=8D=EF=BC=8C?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/api/gas/handdetector/index.ts              |  3 +++
 .../Home/components/services/popup.service.ts      |  7 ++++--
 .../HandDevice/Home/components/types/map.types.ts  |  5 ++++-
 web/src/views/HandDevice/Home/index.vue            | 26 +++++++++++++---------
 4 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/web/src/api/gas/handdetector/index.ts b/web/src/api/gas/handdetector/index.ts
index 7f23fd5..10222ec 100644
--- a/web/src/api/gas/handdetector/index.ts
+++ b/web/src/api/gas/handdetector/index.ts
@@ -22,6 +22,9 @@ export interface HandDetector {
   accuracy?: number // 数值除数
   sortOrder?: number // 排序
   remark?: string // 备注
+
+  time?: number // 时间
+  value?: number // 数值
 }
 
 // GAS手持探测器 API
diff --git a/web/src/views/HandDevice/Home/components/services/popup.service.ts b/web/src/views/HandDevice/Home/components/services/popup.service.ts
index 07b04aa..9c52b30 100644
--- a/web/src/views/HandDevice/Home/components/services/popup.service.ts
+++ b/web/src/views/HandDevice/Home/components/services/popup.service.ts
@@ -44,8 +44,11 @@ export class PopupService {
       <div style="color: ${getStatusColor(status)};">
         状态: ${getStatusLabel(status)}
       </div>
-      <div style="margin-top: 4px; font-size: 10px; color: #666;">
-        坐标: ${markerData.coordinates[0].toFixed(6)}, ${markerData.coordinates[1].toFixed(6)}
+      <div>类型：${markerData.gasChemical}</div>
+      <div>数值：${markerData.value} ${markerData.unit ? markerData.unit : ''}</div>
+      <div>时间：${markerData.time ? markerData.time : '-'} </div>
+      <div>
+        坐标：${markerData.coordinates[0].toFixed(6)}, ${markerData.coordinates[1].toFixed(6)}
       </div>
     `
   }
diff --git a/web/src/views/HandDevice/Home/components/types/map.types.ts b/web/src/views/HandDevice/Home/components/types/map.types.ts
index 8572dcb..89be640 100644
--- a/web/src/views/HandDevice/Home/components/types/map.types.ts
+++ b/web/src/views/HandDevice/Home/components/types/map.types.ts
@@ -46,7 +46,10 @@ export interface MarkerData extends HandDetector {
   /** 标记标题 */
   name: string
   /** 自定义数据 */
-  data?: any
+  data?: any,
+  value: number,
+  unit: string,
+  time: string
 }
 
 // 地图组件 Props 接口
diff --git a/web/src/views/HandDevice/Home/index.vue b/web/src/views/HandDevice/Home/index.vue
index 657fbd7..ad95c5d 100644
--- a/web/src/views/HandDevice/Home/index.vue
+++ b/web/src/views/HandDevice/Home/index.vue
@@ -8,6 +8,7 @@ import { HandDetector } from '@/api/gas/handdetector'
 import { MarkerData } from './components/types/map.types'
 import { Fence } from '@/api/gas/fence'
 import { FenceApi } from '@/api/gas/fence'
+import dayjs from 'dayjs'
 const getDataTimer = ref<NodeJS.Timeout | null>(null)
 const markers = ref<MarkerData[]>([])
 const fences = ref<Fence[]>([])
@@ -16,14 +17,17 @@ const getMarkers = async () => {
   console.log('getMarkers')
   return await getLastestDetectorData().then((res: HandDetector[]) => {
     res = res.filter((i) => i.enableStatus === 1)
-    res = res.map((i) => {
+    var res2 = res.map((i) => {
       return {
         ...i,
         coordinates: [i.longitude, i.latitude],
-        data: []
+        data: [],
+        time: i.time ? dayjs(i.time).format('YYYY-MM-DD HH:mm:ss') : '',
+        value: i.value,
+        unit: i.unit
       }
     })
-    markers.value = res as unknown as any[]
+    markers.value = res2 as unknown as any[]
     inited.value = true
   })
 }
@@ -34,14 +38,14 @@ const getFences = async () => {
     pageSize: 100
   }).then((res) => {
     console.log('getFences', res)
-   let fencesData = res.list as Fence[]
-   fencesData = fencesData.map((i) => {
-    return {
-      ...i,
-      fenceRange: JSON.parse(i.fenceRange)
-    }
-   })
-   fences.value = fencesData as unknown as Fence[]
+    let fencesData = res.list as Fence[]
+    fencesData = fencesData.map((i) => {
+      return {
+        ...i,
+        fenceRange: JSON.parse(i.fenceRange)
+      }
+    })
+    fences.value = fencesData as unknown as Fence[]
   })
 }
 onMounted(() => {

From 7a09817c46d76802d1c18a57fa6ec6facaf4a6a1 Mon Sep 17 00:00:00 2001
From: xh <11675084@qq.com>
Date: Fri, 17 Oct 2025 15:15:22 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E6=89=8B=E6=8C=81=E8=A1=A8=E5=9B=B4?=
 =?UTF-8?q?=E6=A0=8F=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HandDevice/Home/components/types/map.types.ts  |  6 ++---
 .../views/gas/handdetector/HandDetectorForm.vue    | 31 ++++++++++++++--------
 web/src/views/gas/handdetector/index.vue           |  2 +-
 3 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/web/src/views/HandDevice/Home/components/types/map.types.ts b/web/src/views/HandDevice/Home/components/types/map.types.ts
index 89be640..8427b5b 100644
--- a/web/src/views/HandDevice/Home/components/types/map.types.ts
+++ b/web/src/views/HandDevice/Home/components/types/map.types.ts
@@ -47,9 +47,9 @@ export interface MarkerData extends HandDetector {
   name: string
   /** 自定义数据 */
   data?: any,
-  value: number,
-  unit: string,
-  time: string
+  value?: number,
+  unit?: string,
+  time?: number
 }
 
 // 地图组件 Props 接口
diff --git a/web/src/views/gas/handdetector/HandDetectorForm.vue b/web/src/views/gas/handdetector/HandDetectorForm.vue
index d45db4e..d856e7d 100644
--- a/web/src/views/gas/handdetector/HandDetectorForm.vue
+++ b/web/src/views/gas/handdetector/HandDetectorForm.vue
@@ -13,19 +13,9 @@
       <el-form-item label="持有人" prop="name">
         <el-input v-model="formData.name" placeholder="请输入持有人" />
       </el-form-item>
-      <el-form-item label="应用围栏" prop="fenceIdsArray">
-        <el-select v-model="formData.fenceIdsArray" placeholder="请选择应用围栏" multiple>
-          <el-option
-            v-for="fence in fences"
-            :key="fence.id"
-            :label="fence.name"
-            :value="fence.id"
-          />
-        </el-select>
-      </el-form-item>
       <!-- 围栏类型 -->
       <el-form-item label="围栏类型" prop="fenceType">
-        <el-radio-group v-model="formData.fenceType">
+        <el-radio-group v-model="formData.fenceType" @change="fenceTypeChange">
           <el-radio-button
             v-for="dict in getIntDictOptions(DICT_TYPE.HAND_DETECTOR_FENCE_TYPE)"
             :key="dict.value"
@@ -36,6 +26,17 @@
         </el-radio-group>
       </el-form-item>
 
+      <el-form-item label="应用围栏" prop="fenceIdsArray">
+        <el-select v-model="formData.fenceIdsArray" placeholder="请选择应用围栏" multiple>
+          <el-option
+            v-for="fence in selectFences"
+            :key="fence.id"
+            :label="fence.name"
+            :value="fence.id"
+          />
+        </el-select>
+      </el-form-item>
+
       <el-form-item label="气体类型" prop="gasTypeId">
         <el-select
           v-model="formData.gasTypeId"
@@ -156,6 +157,14 @@ const formRules = reactive({
 })
 const formRef = ref() // 表单 Ref
 
+var selectFences=computed(()=>{
+  return props.fences.filter((item) => item.type === formData.value.fenceType)
+})
+/** 围栏类型改变时，应用围栏列表也会改变 */
+const fenceTypeChange = () => {
+  formData.value.fenceIdsArray = []
+}
+
 /** 打开弹窗 */
 const open = async (type: string, id?: number) => {
   dialogVisible.value = true
diff --git a/web/src/views/gas/handdetector/index.vue b/web/src/views/gas/handdetector/index.vue
index 650ad73..2fdc357 100644
--- a/web/src/views/gas/handdetector/index.vue
+++ b/web/src/views/gas/handdetector/index.vue
@@ -86,7 +86,7 @@
       <!-- 围栏类型 -->
       <el-table-column label="围栏类型" align="center" prop="fenceType">
         <template #default="scope">
-          <DictTag :type="DICT_TYPE.HAND_DETECTOR_FENCE_TYPE" :value="scope.row.fenceType" />
+          <DictTag :type="DICT_TYPE.HAND_DETECTOR_FENCE_TYPE" :value="scope.row.fenceType" v-if="scope.row.fenceType" />
         </template>
       </el-table-column>
       <el-table-column label="气体类型" align="center" prop="gasTypeId">

From 6bc80d8c6433efaa0635120c4633a30a9a515fcf Mon Sep 17 00:00:00 2001
From: xh <11675084@qq.com>
Date: Fri, 17 Oct 2025 15:54:26 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E6=B0=94=E4=BD=93=E6=8A=A5=E8=AD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/.eslintrc.js                      | 13 +-----
 web/src/utils/dict.ts                 |  2 +-
 web/src/views/gas/handalarm/index.vue | 87 ++++++++++++++++++++++++-----------
 3 files changed, 63 insertions(+), 39 deletions(-)

diff --git a/web/.eslintrc.js b/web/.eslintrc.js
index 4e7041d..02e0935 100644
--- a/web/.eslintrc.js
+++ b/web/.eslintrc.js
@@ -60,18 +60,7 @@ module.exports = defineConfig({
     'vue/require-default-prop': 'off',
     'vue/require-explicit-emits': 'off',
     'vue/require-toggle-inside-transition': 'off',
-    'vue/html-self-closing': [
-      'error',
-      {
-        html: {
-          void: 'always',
-          normal: 'never',
-          component: 'always'
-        },
-        svg: 'always',
-        math: 'always'
-      }
-    ],
+    'vue/html-self-closing':'off',
     'vue/multi-word-component-names': 'off',
     'vue/no-v-html': 'off',
     'prettier/prettier': 'off', // 芋艿：默认关闭 prettier 的 ESLint 校验，因为我们使用的是 IDE 的 Prettier 插件
diff --git a/web/src/utils/dict.ts b/web/src/utils/dict.ts
index 94e9e32..490c152 100644
--- a/web/src/utils/dict.ts
+++ b/web/src/utils/dict.ts
@@ -174,6 +174,6 @@ export enum DICT_TYPE {
   HAND_DETECTOR_FENCE_TYPE = 'hand_detector_fence_type', // HAND 手持探测器围栏类型 1：超出报警；2：进入报警
   HAND_DETECTOR_FENCE_STATUS = 'hand_detector_fence_status', // HAND 手持探测器围栏状态 1：启用；2：禁用
   HAND_DETECTOR_ALARM_LEVEL = 'hand_detector_alarm_level', // HAND 手持探测器警报方式/级别 0：正常状态；1：一级警报；2：二级警报；3：弹窗警报
-  HAND_DETECTOR_HANDLE_STATUS = 'hand_detector_handle_status', // HAND 手持探测器处理状态 0：待处理；1：处理中；1：已处理
+  HAND_DETECTOR_HANDLE_STATUS = 'hand_detector_chandle_status', // HAND 手持探测器处理状态 0：待处理；1：处理中；1：已处理
   HAND_DETECTOR_VALUE_DIRECTION = 'hand_detector_value_direction' // HAND 手持探测器最值方向 0：小；1：大
 }
diff --git a/web/src/views/gas/handalarm/index.vue b/web/src/views/gas/handalarm/index.vue
index 8593e75..be2b359 100644
--- a/web/src/views/gas/handalarm/index.vue
+++ b/web/src/views/gas/handalarm/index.vue
@@ -8,9 +8,9 @@
       :inline="true"
       label-width="120px"
     >
-      <el-form-item label="持有人" prop="detectorId">
+      <el-form-item label="持有人" prop="name">
         <el-select
-          v-model="queryParams.detectorId"
+          v-model="queryParams.name"
           placeholder="请选择持有人"
           clearable
           filterable
@@ -21,7 +21,7 @@
             v-for="item in handDetectorStore.getHandDetectorList"
             :key="item.id"
             :label="item.name"
-            :value="item.id"
+            :value="String(item.id)"
           />
         </el-select>
       </el-form-item>
@@ -34,22 +34,39 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item label="报警类型" prop="alarmType">
+      <el-form-item label="报警类型" prop="alarmLevel">
         <el-select
-          v-model="queryParams.alarmType"
+          v-model="queryParams.alarmLevel"
           placeholder="请选择报警类型"
           clearable
           class="!w-240px"
         >
           <el-option
             v-for="item in handDetectorStore.getAlarmTypes"
-            :key="item.id"
+            :key="item.level"
             :label="item.name"
-            :value="item.id"
+            :value="Number(item.level)"
+          />
+        </el-select>
+      </el-form-item>
+      <!-- 气体类型 -->
+      <el-form-item label="气体类型" prop="gasType">
+        <el-select
+          v-model="queryParams.gasType"
+          placeholder="请选择气体类型"
+          clearable
+          class="!w-240px"
+        >
+          <el-option
+            v-for="item in handDetectorStore.getGasTypes"
+            :key="item.id"
+            :label="item.chemical"
+            :value="String(item.chemical)"
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="开始时间" prop="tAlarmStart">
+
+      <!-- <el-form-item label="开始时间" prop="tAlarmStart">
         <el-date-picker
           v-model="queryParams.tAlarmStart"
           value-format="YYYY-MM-DD"
@@ -68,7 +85,7 @@
           clearable
           class="!w-240px"
         />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="状态" prop="status">
         <el-select v-model="queryParams.status" placeholder="请选择状态" clearable class="!w-240px">
           <el-option
@@ -79,6 +96,19 @@
           />
         </el-select>
       </el-form-item>
+
+      <el-form-item label="创建时间" prop="createTime">
+        <el-date-picker
+          v-model="queryParams.createTime"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-240px"
+        />
+      </el-form-item>
+
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
@@ -123,30 +153,27 @@
       @selection-change="handleRowCheckboxChange"
     >
       <el-table-column type="selection" width="55" />
-      <el-table-column label="持有人" align="center" prop="detectorId">
-        <template #default="scope">
+      <el-table-column label="持有人" align="center" prop="name">
+        <!-- <template #default="scope">
           {{
             handDetectorStore.getHandDetectorList.find((item) => item.id === scope.row.detectorId)
               ?.name
           }}
-        </template>
+        </template> -->
       </el-table-column>
       <el-table-column label="设备编号" align="center" prop="sn" />
-      <el-table-column label="报警类型" align="center" prop="alarmType">
+      <el-table-column label="报警类型" align="center" prop="alarmLevel">
         <template #default="scope">
           {{
-            handDetectorStore.getAlarmTypes.find((item) => item.id === scope.row.alarmType)?.name
+            handDetectorStore.getAlarmTypes.find((item) => item.level === scope.row.alarmLevel)
+              ?.name
           }}
         </template>
       </el-table-column>
-      <el-table-column label="气体类型" align="center" prop="gasType">
-        <template #default="scope">
-          {{ handDetectorStore.getGasTypes.find((item) => item.id === scope.row.gasType)?.name }}
-        </template>
-      </el-table-column>
-      <el-table-column label="首报值" align="center" prop="vAlarmFirst" />
-      <el-table-column label="最值" align="center" prop="vAlarmMaximum" />
-      <el-table-column
+      <el-table-column label="气体类型" align="center" prop="gasType"></el-table-column>
+      <!-- <el-table-column label="首报值" align="center" prop="vAlarmFirst" />
+      <el-table-column label="最值" align="center" prop="vAlarmMaximum" /> -->
+      <!-- <el-table-column
         label="开始时间"
         align="center"
         prop="tAlarmStart"
@@ -159,8 +186,16 @@
         prop="tAlarmEnd"
         :formatter="dateFormatter"
         width="180px"
-      />
-      <el-table-column label="状态" align="center" prop="status" />
+      /> -->
+      <el-table-column label="状态" align="center" prop="status">
+        <template #default="scope">
+          {{
+            getIntDictOptions(DICT_TYPE.HAND_DETECTOR_HANDLE_STATUS).find(
+              (item) => item.value === scope.row.status
+            )?.label
+          }}
+        </template>
+      </el-table-column>
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column
         label="创建时间"
@@ -229,9 +264,9 @@ const total = ref(0) // 列表的总页数
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
-  detectorId: undefined,
+  name: undefined,
   sn: undefined,
-  alarmType: undefined,
+
   alarmLevel: undefined,
   gasType: undefined,
   unit: undefined,