From d01e486b7a6fa8d598e08bf44f0795695b146398 Mon Sep 17 00:00:00 2001
From: unknown <binbin0314@126.com>
Date: Wed, 16 Dec 2020 18:06:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Panel/Panel.vue | 28 +++++++++++++++++++++++-----
 src/mixins/socket.js           |  3 +++
 src/views/BtnPage/BtnPage.vue  |  2 +-
 src/views/Index/Index.vue      |  7 ++-----
 4 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/src/components/Panel/Panel.vue b/src/components/Panel/Panel.vue
index d59f645..3b4e8b1 100644
--- a/src/components/Panel/Panel.vue
+++ b/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() {
diff --git a/src/mixins/socket.js b/src/mixins/socket.js
index 0ca89b3..276419f 100644
--- a/src/mixins/socket.js
+++ b/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);
diff --git a/src/views/BtnPage/BtnPage.vue b/src/views/BtnPage/BtnPage.vue
index b055f4e..4d62181 100644
--- a/src/views/BtnPage/BtnPage.vue
+++ b/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>
diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index d88d008..608fe6e 100644
--- a/src/views/Index/Index.vue
+++ b/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" />
             <!-- 视频 -->