数据接口

src/components/Panel/Panel.vue

@@ -4,21 +4,21 @@
       <div class="d-flex panel-box-1">
         <div class="flex-1">
           <span class="panel-tips">患者体重（kg）</span>
-          <span class="panel-con">{{ weightMessage }}</span>
+          <span class="panel-con">{{ weight }}</span>
         </div>
         <div class="flex-1">
           <span class="panel-tips">药物剂量（mg）</span>
-          <span class="panel-con">{{ thrombolyticDose }}</span>
+          <span class="panel-con">{{ thrombolytic }}</span>
         </div>
       </div>
       <div class="d-flex panel-box-1">
         <div class="flex-1">
           <span class="panel-tips">团注剂量（mg）</span>
-          <span class="panel-con">{{ bolusDose }}</span>
+          <span class="panel-con">{{ bolus }}</span>
         </div>
         <div class="flex-1">
           <span class="panel-tips">维持剂量（mg）</span>
-          <span class="panel-con">{{ maintenanceDose }}</span>
+          <span class="panel-con">{{ maintenance }}</span>
         </div>
       </div>
       <div style="width: 95%; padding-left: 5%">
@@ -71,9 +71,27 @@ export default {
         '解脱',
         '结束',
       ],
+      weight: 0,
+      thrombolytic: 0,
+      bolus: 0,
+      maintenance: 0,
     };
   },
-  computed: mapState('messages', ['weightMessage', 'bolusDose', 'maintenanceDose', 'thrombolyticDose']),
+  computed: mapState('messages', ['weightMessage', 'bolusDose', 'maintenanceDose', 'thrombolyticDose', 'startMessages']),
+  watch: {
+    weightMessage(val) {
+      this.weight = val;
+    },
+    bolusDose(val) {
+      this.bolus = bolusDose;
+    },
+    maintenanceDose(val) {
+      this.maintenance = val;
+    },
+    thrombolyticDose(val) {
+      this.thrombolytic = val;
+    },
+  },
   mounted() {
     const that = this;
     var add = setInterval(function() {

src/mixins/socket.js

@@ -45,6 +45,7 @@ const mixin = {
         socket.onclose = this.websocketClose;
         socket.onerror = this.websocketError;
       } else {
+        // @ts-ignore
         this.$message.error('当前浏览器不支持 websocket');
       }
       lockSocket = false;
@@ -68,7 +69,9 @@ const mixin = {
         case 1: // 体重
           // 收到同步消息
           // 把消息添加到store 的消息栈中
+          this.setStartMessages(true);
           this.messagesAddWeight(data.data.value);
+          console.log(data.data.value);
           break;
         case 2: // RFID
           this.messagesAddRfid(data.data);

src/views/BtnPage/BtnPage.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <a-button type="primary" @click="sendData(20)">开始</a-button>
+    <a-button type="primary" @click="sendData(20)">呼叫</a-button>
     <a-button type="primary" v-for="(item, index) in nameList" :key="index" @click="sendData(index)"> {{ item.name }} </a-button>
     <a-button type="primary" @click="sendData(21)">震动传感器</a-button>
     <a-button type="primary" @click="sendData(25)">药物剂量</a-button>

src/views/Index/Index.vue

@@ -50,11 +50,8 @@
               </div>
             </div>
           </div>
-          <div class="flex-2 ma-2" style="position:relative">
-            <iframe
-              class="fill-width fill-height"
-              src="https://www.thingjs.com/pp/6dab0a018283ef357a85684c"
-            ></iframe>
+          <div class="flex-2 ma-2" style="position: relative">
+            <iframe class="fill-width fill-height" src="https://www.thingjs.com/pp/6dab0a018283ef357a85684c"></iframe>
             <!-- 地图 -->
             <shanxi-map class="sxmap" />
             <!-- 视频 -->