diff --git a/web/src/views/gas/handdetector/HandDetectorForm.vue b/web/src/views/gas/handdetector/HandDetectorForm.vue
index d856e7d..3af94a2 100644
--- a/web/src/views/gas/handdetector/HandDetectorForm.vue
+++ b/web/src/views/gas/handdetector/HandDetectorForm.vue
@@ -32,7 +32,7 @@
             v-for="fence in selectFences"
             :key="fence.id"
             :label="fence.name"
-            :value="fence.id"
+            :value="String(fence.id)"
           />
         </el-select>
       </el-form-item>
@@ -129,7 +129,7 @@ const props = defineProps({
     required: true
   }
 })
-const formData = ref({
+const formData = ref<HandDetector>({
   id: undefined,
   sn: undefined,
   name: undefined,
@@ -176,6 +176,7 @@ const open = async (type: string, id?: number) => {
     formLoading.value = true
     try {
       formData.value = await HandDetectorApi.getHandDetector(id)
+      formData.value.fenceIdsArray = formData.value.fenceIds?formData.value.fenceIds?.split(',') : []
     } finally {
       formLoading.value = false
     }
@@ -192,7 +193,7 @@ const submitForm = async () => {
   formLoading.value = true
   try {
     const data = formData.value as unknown as HandDetector
-    data.fenceIds = data.fenceIdsArray?.join(',') || ''
+    data.fenceIds = data.fenceIdsArray?.join(',')
     if (formType.value === 'create') {
       await HandDetectorApi.createHandDetector(data)
       message.success(t('common.createSuccess'))