增加开锁开灯按钮

src/views/experiment/index.vue

@@ -58,6 +58,24 @@
           <CommonCharts :chartOption="chartOption"  />
         </div>
         <div class="experiment-msg">
+          <CommonButton
+            class="btn"
+            :msg="!lockState ? '关锁' : '开锁'"
+            size="default"
+            paddingLeft="33"
+            paddingRight="33"
+            height="60"
+            :type=" !lockState ? 'info' : 'danger' "
+            @click="setLock"></CommonButton>
+            <CommonButton
+            class="btn"
+            :msg="!lightState ? '关灯' : '开灯'"
+            size="default"
+            paddingLeft="33"
+            paddingRight="33"
+            height="60"
+            :type=" !lightState ? 'info' : 'danger' "
+            @click="setLight"></CommonButton>
           <CommonButton
             v-if="!startStatus"
             class="btn"
@@ -121,10 +139,21 @@ let begin = ref(false)
 let canStart = ref(false)
 const confirm = () =>{
   begin.value = true
-  sendMsgApi({tem:parseFloat(tagTemp.value)})
+  sendMsgApi({name:'',status:'',tem:parseFloat(tagTemp.value)})
   notify("设置温度成功！");
   
 }
+let lightState = ref(false)
+const setLight = () =>{
+  sendMsgApi({name:'LED',status: lightState.value ? 1:0,tmp:'',})
+  lightState.value = !lightState.value
+}
+
+let lockState = ref(false)
+const setLock = () =>{
+  sendMsgApi({name:'LOCK',status: lockState.value ? 1:0,tmp:'',})
+  lockState.value = !lockState.value
+}
 
 let chartOption = ref({});
 const viewEcharts = () => {