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 }}