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,