设备接入检测

src/components/info/ExtDeviceInfo.vue

@@ -7,7 +7,7 @@
     <div class="content">
       <div class="line">
         <p class="title">消毒前除湿</p>
-        <p class="value dark" @click="dehumidifyBeforeDisinfectionThresholdValueEditEnable=true"
+        <p class="value dark" @click="actionDehumidifyBeforeDisinfectionThresholdValueEditEnable"
         >{{dehumidifyBeforeDisinfectionThreshold}}%</p>
         <div class="act-btn" 
           :class="{disabled:!isEditable,danger:!dehumidifyBeforeDisinfectionEnable}"
@@ -16,7 +16,7 @@
       </div>
       <div class="line">
         <p class="title">消毒后除湿</p>
-        <p class="value light" @click="dehumidifyAfterDisinfectionThresholdValueEditEnable=true"
+        <p class="value light" @click="actionDehumidifyAfterDisinfectionThresholdValueEditEnable"
         >{{dehumidifyAfterDisinfectionThreshold}}%</p>
         <div class="act-btn" 
           :class="{disabled:!isEditable,danger:!dehumidifyAfterDisinfectionEnable}"
@@ -119,6 +119,9 @@ const isEditable = computed(() => {
 
 // 使能/禁用消毒前除湿
 function actionToggleDehumidifyBeforeDisinfectionEnable() {
+    if ( false === externalDeviceConnected.value ) {
+        return ;
+    }
     let status = !dehumidifyBeforeDisinfectionEnable.value;
     deviceStore.setDehumidifyBeforeDisinfectionEnable(status);
     websocketStore.call('setDehumidifyBeforeDisinfectionEnable', {enable:status});
@@ -126,6 +129,9 @@ function actionToggleDehumidifyBeforeDisinfectionEnable() {
 
 // 使能/禁用消毒后除湿
 function actionToggleDehumidifyAfterDisinfectionEnable() {
+    if ( false === externalDeviceConnected.value ) {
+        return ;
+    }
     let status = !dehumidifyAfterDisinfectionEnable.value;
     deviceStore.setDehumidifyAfterDisinfectionEnable(status);
     websocketStore.call('setDehumidifyAfterDisinfectionEnable', {enable:status});
@@ -133,6 +139,9 @@ function actionToggleDehumidifyAfterDisinfectionEnable() {
 
 // 使能/禁用消毒后降解
 function actionToggleDegradeAfterDisinfectionEnable() {
+    if ( false === externalDeviceConnected.value ) {
+        return ;
+    }
     let status = !degradeAfterDisinfectionEnable.value;
     deviceStore.setDegradeAfterDisinfectionEnable(status);
     websocketStore.call('setDegradeAfterDisinfectionEnable', {enable:status});
@@ -149,6 +158,22 @@ function actionDehumidifyAfterDisinfectionThresholdValueChange() {
     deviceStore.setDehumidifyAfterDisinfectionThreshold(dehumidifyAfterDisinfectionThresholdValue.value[0]);
     websocketStore.call('setDehumidifyAfterDisinfectionThreshold', {value:dehumidifyAfterDisinfectionThresholdValue.value[0]});
 }
+
+// 消毒前除湿阈值编辑使能
+function actionDehumidifyBeforeDisinfectionThresholdValueEditEnable() {
+    if ( false === externalDeviceConnected.value ) {
+        return ;
+    }
+    dehumidifyBeforeDisinfectionThresholdValueEditEnable.value = true;
+}
+
+// 消毒后除湿阈值编辑使能
+function actionDehumidifyAfterDisinfectionThresholdValueEditEnable() {
+    if ( false === externalDeviceConnected.value ) {
+        return ;
+    }
+    dehumidifyAfterDisinfectionThresholdValueEditEnable.value = true;
+}
 </script>
   
   <style lang="scss" scoped>

src/store/modules/websocket.js

@@ -415,7 +415,6 @@ export const useWebSocketStore = defineStore({
             return ;
         }
         
-
         switch (command) {
           case 'RealtimeSensorDataReport':
             const { sensor_data } = JSON.parse(ev.data);
@@ -469,6 +468,7 @@ export const useWebSocketStore = defineStore({
             deviceStore.updateEnvirTemperature2(temp_3)
             deviceStore.updateEnvirHumidity2(humid_3)
             deviceStore.updateEnvirHP2(h2o2_3)
+            deviceStore.externalDeviceConnected = 1 == sensor_data.subboardstate.extChannelCtrlBoard.online;
 
             // 对数据进行处理 并存入到localstorage中
             if ([1, 2, 3, 4].includes(operatorStore.disinfectStatus)) {