温度湿度弹窗中新增守时勾选框

frontend/src/views/home/components/writeTHPopup.vue

@@ -8,6 +8,9 @@
         <el-form-item label='相对湿度(%)' prop='humidity' :label-width='110'>
           <el-input v-model='formContent.humidity' placeholder='请输入湿度' maxlength='32' show-word-limit />
         </el-form-item>
+        <el-form-item v-if='checkStore.plan.timeCheck === 1' label='守时检测' prop='timeTest' :label-width='110'>
+          <el-checkbox v-model='timeTestChecked' @change='handleTimeTestChange' />
+        </el-form-item>
       </el-form>
     </div>
 
@@ -33,15 +36,30 @@ const dialogFormRef = ref()
 
 const dialogVisible = ref(false)
 const formContent = reactive<Device.ResTH>({ temperature: 0, humidity: 0 })
+const timeTestChecked = ref(false)
 const checkStore = useCheckStore()
 const open = async () => {
   resetFormContent()
+  syncTimeTestSelection(false)
   dialogVisible.value = true
 }
 
 // 清空表单内容
 const resetFormContent = () => {
   Object.assign(formContent, { temperature: '22', humidity: '50' })
+  timeTestChecked.value = false
+}
+
+const syncTimeTestSelection = (selected: boolean) => {
+  timeTestChecked.value = selected
+  checkStore.setSelectTestItems({
+    ...checkStore.selectTestItems,
+    timeTest: selected,
+  })
+}
+
+const handleTimeTestChange = (value: string | number | boolean) => {
+  syncTimeTestSelection(Boolean(value))
 }
 
 
@@ -95,5 +113,4 @@ defineExpose({ open })
 
 
 <style scoped lang='scss'>
-
-</style>
+</style>