From 63ccb81c9bb8055285858b03ed82ec03a33fb8c8 Mon Sep 17 00:00:00 2001
From: yy <11@11.com>
Date: Thu, 30 May 2024 09:24:07 +0800
Subject: [PATCH] =?UTF-8?q?=E9=94=99=E8=AF=AF=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts                          |    2 +-
 src/views/index.vue                          |    2 +-
 src/views/remote-manage/chart/chart-line.vue |  337 ++--
 src/views/remote-manage/part/remote-part.vue |    4 +-
 src/views/remote-manage/remote-control.vue   | 1540 +++++++++---------
 5 files changed, 944 insertions(+), 941 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 2004ba6..d1d386b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -50,7 +50,7 @@ if (token) {
   router.addRoute({
     name: "root",
     path: "/",
-    redirect: "/home"
+    redirect: "/remote-manage"
   })
 } else {
   router.addRoute({
diff --git a/src/views/index.vue b/src/views/index.vue
index 4415b72..aa5dbd8 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -36,7 +36,7 @@
         </el-button>
         <el-dropdown trigger="click" @command="userCommand">
           <span class="el-dropdown-link">
-              {{ userInfo.name }}
+              {{ userInfo?.name }}
               <el-icon class="el-icon--right">
                   <arrow-down/>
               </el-icon>
diff --git a/src/views/remote-manage/chart/chart-line.vue b/src/views/remote-manage/chart/chart-line.vue
index a875cda..d57adb6 100644
--- a/src/views/remote-manage/chart/chart-line.vue
+++ b/src/views/remote-manage/chart/chart-line.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="chart-dom-box">
-		<div ref="chartDom" style="width: 100%; height: 100%"></div>
-	</div>
+  <div class="chart-dom-box">
+    <div ref="chartDom" style="width: 100%; height: 100%"></div>
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -12,12 +12,12 @@ import {useRemoteWsStore} from "@/stores/remote-ws-store";
 
 const chartDom = ref();
 const props = withDefaults(defineProps<{
-	names: string[]
+  names: string[]
 }>(), {
-	names: ['BIS', 'HR']
+  names: ['BIS', 'HR']
 });
 defineExpose({
-	updateChartData
+  updateChartData
 });
 const emit = defineEmits(["exceptionEvent"]);
 let chart: any;
@@ -29,191 +29,196 @@ let currentNode: any;
 const remoteWsStore = useRemoteWsStore();
 
 onMounted(() => {
-	chartInit();
+  chartInit();
 });
 
 function updateChartData(data: any) {
   if (data) {
-    if (currentNode && currentNode.Time == data.Time) {
+    if (currentNode && currentNode.Time == data[0].Time) {
       return;
     } else {
-      currentNode = data;
+      currentNode = data[0];
     }
-    xData.shift();
-    xData.push(dateFormater("HH:mm:ss", data.Time ? data.Time - 8 * 60 * 60 * 1000 : ''));
-    series.forEach(serie => {
-      serie.data.shift();
-      serie.data.push(data[serie.name]);
-      if (data[serie.name + '_except']) {
-        emit("exceptionEvent", remoteWsStore.exceptionMsg[serie.name + '_except']);
+    for (let i = data.length - 1; i >= 0; i--) {
+      const item = data[i]
+      if (xData.indexOf(dateFormater("HH:mm:ss", item.Time)) == -1) {
+        xData.shift();
+        xData.push(dateFormater("HH:mm:ss", item.Time));
+        series.forEach((serie: any) => {
+          serie.data.shift();
+          serie.data.push(item[serie.name]);
+          if (item[serie.name + '_except']) {
+            emit("exceptionEvent", remoteWsStore.exceptionMsg[serie.name + '_except']);
+          }
+        })
+        chart.setOption({
+          xAxis: {
+            data: xData,
+          },
+          series,
+        })
       }
-    })
-    chart.setOption({
-      xAxis: {
-        data: xData,
-      },
-      series,
-    })
+    }
   }
 }
 
 function chartInit() {
-	chart = echarts.init(chartDom.value as HTMLElement);
-	chart.clear();
-	getSeries();
-	getXData();
-	getLegendData();
-	const option: any = {
-		color: colors,
-		tooltip: {
-			trigger: 'axis',
-			formatter: (params: any) => {
-				let str = '';
-				str += params[0].axisValue;
-				str += '<br>';
-				props.names.forEach((item, index) => {
-					str += params[index].marker;
-					str += params[index].seriesName + ' ';
-					switch (item) {
-						case 'BIS':
-							str += `脑电双频指数<麻醉深度>：${params[index].value}`;
-							break;
-						case 'HR':
-							str += `心率：${params[index].value} 次/分`;
-							break;
-						case 'SBP':
-							str += `收缩压：${params[index].value} mmHg`;
-							break;
-						case 'DBP':
-							str += `舒张压：${params[index].value} mmHg`;
-							break;
-						case 'SPO2':
-							str += `体温：${params[index].value}`;
-							break;
-						case 'TEMP':
-							str += `氧饱和度：${params[index].value}`;
-							break;
-						default:
-							break;
-					}
-					str += index === 0 ? '<br>' : '';
-				});
-				return str;
-			},
-		},
-		legend: {
-			type: 'plain',
-			show: true,
-			top: 0,
-			right: 15,
-			itemGap: 30,
-			itemWidth: 20,
-			itemHeight: 3,
-			icon: 'rect',
-			textStyle: {
-				fontSize: 16,
-				fontWeight: 600,
-				lineHeight: 30,
-			},
-			formatter: (params: string) => {
-				const index = props.names.findIndex((item) => item === params);
-				let str = params + ' ';
-				switch (params) {
-					case 'BIS':
-						str += `${series[index].data[series[index].data.length - 1]}`;
-						break;
-					case 'HR':
-						str += `${series[index].data[series[index].data.length - 1]} 次/分`;
-						break;
-					case 'SBP':
-						str += `${series[index].data[series[index].data.length - 1]} mmHg`;
-						break;
-					case 'DBP':
-						str += `${series[index].data[series[index].data.length - 1]} mmHg`;
-						break;
-					case 'SPO2':
-						str += `${series[index].data[series[index].data.length - 1]}`;
-						break;
-					case 'TEMP':
-						str += `${series[index].data[series[index].data.length - 1]}`;
-						break;
-					default:
-						break;
-				}
-				return str;
-			},
-			data: legendData
-		},
-		grid: {
-			left: 5,
-			right: 25,
-			bottom: 5,
-			top: 40,
-			containLabel: true,
-		},
-		xAxis: {
-			show: true,
-			type: 'category',
-			boundaryGap: false,
-			data: [],
-			axisLine: {lineStyle: {color: '#006080'}}
-		},
-		yAxis: {
-			show: true,
-			type: 'value',
-			axisLabel: {
-				formatter: `{value} ${props.names[0] === 'BIS' ? '次/分' : props.names[0] === 'SBP' ? 'mmHg' : ''}`
-			},
-			axisLine: {show: true, lineStyle: {color: '#006080'}},
-			splitLine: {lineStyle: {color: '#C0C4CC', width: 1, type: 'dashed'}},
-		},
-		series,
-	};
-	if (props.names[0] !== 'BIS'
-	) {
-		option.yAxis.max = (value: any) => value.max + 20;
-	}
-	chart.setOption(option);
-	chart.resize();
-	window.addEventListener('resize', () => {
-		chart.resize();
-	});
+  chart = echarts.init(chartDom.value as HTMLElement);
+  chart.clear();
+  getSeries();
+  getXData();
+  getLegendData();
+  const option: any = {
+    color: colors,
+    tooltip: {
+      trigger: 'axis',
+      formatter: (params: any) => {
+        let str = '';
+        str += params[0].axisValue;
+        str += '<br>';
+        props.names.forEach((item, index) => {
+          str += params[index].marker;
+          str += params[index].seriesName + ' ';
+          switch (item) {
+            case 'BIS':
+              str += `脑电双频指数<麻醉深度>：${params[index].value}`;
+              break;
+            case 'HR':
+              str += `心率：${params[index].value} 次/分`;
+              break;
+            case 'SBP':
+              str += `收缩压：${params[index].value} mmHg`;
+              break;
+            case 'DBP':
+              str += `舒张压：${params[index].value} mmHg`;
+              break;
+            case 'SPO2':
+              str += `体温：${params[index].value}`;
+              break;
+            case 'TEMP':
+              str += `氧饱和度：${params[index].value}`;
+              break;
+            default:
+              break;
+          }
+          str += index === 0 ? '<br>' : '';
+        });
+        return str;
+      },
+    },
+    legend: {
+      type: 'plain',
+      show: true,
+      top: 0,
+      right: 15,
+      itemGap: 30,
+      itemWidth: 20,
+      itemHeight: 3,
+      icon: 'rect',
+      textStyle: {
+        fontSize: 16,
+        fontWeight: 600,
+        lineHeight: 30,
+      },
+      formatter: (params: string) => {
+        const index = props.names.findIndex((item) => item === params);
+        let str = params + ' ';
+        switch (params) {
+          case 'BIS':
+            str += `${series[index].data[series[index].data.length - 1]}`;
+            break;
+          case 'HR':
+            str += `${series[index].data[series[index].data.length - 1]} 次/分`;
+            break;
+          case 'SBP':
+            str += `${series[index].data[series[index].data.length - 1]} mmHg`;
+            break;
+          case 'DBP':
+            str += `${series[index].data[series[index].data.length - 1]} mmHg`;
+            break;
+          case 'SPO2':
+            str += `${series[index].data[series[index].data.length - 1]}`;
+            break;
+          case 'TEMP':
+            str += `${series[index].data[series[index].data.length - 1]}`;
+            break;
+          default:
+            break;
+        }
+        return str;
+      },
+      data: legendData
+    },
+    grid: {
+      left: 5,
+      right: 25,
+      bottom: 5,
+      top: 40,
+      containLabel: true,
+    },
+    xAxis: {
+      show: true,
+      type: 'category',
+      boundaryGap: false,
+      data: [],
+      axisLine: {lineStyle: {color: '#006080'}}
+    },
+    yAxis: {
+      show: true,
+      type: 'value',
+      axisLabel: {
+        formatter: `{value} ${props.names[0] === 'BIS' ? '次/分' : props.names[0] === 'SBP' ? 'mmHg' : ''}`
+      },
+      axisLine: {show: true, lineStyle: {color: '#006080'}},
+      splitLine: {lineStyle: {color: '#C0C4CC', width: 1, type: 'dashed'}},
+    },
+    series,
+  };
+  if (props.names[0] !== 'BIS'
+  ) {
+    option.yAxis.max = (value: any) => value.max + 20;
+  }
+  chart.setOption(option);
+  chart.resize();
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
 }
 
 function getSeries() {
-	props.names.forEach(name => {
-		const serie = {
-			name,
-			type: 'line',
-			symbol: 'none',
-			smooth: true,
-			data: [] as number[],
-		};
-		for (let i = 0; i < 10; i++) {
-			serie.data.push(0);
-		}
-		series.push(serie)
-	});
+  props.names.forEach(name => {
+    const serie = {
+      name,
+      type: 'line',
+      symbol: 'none',
+      smooth: true,
+      data: [] as number[],
+    };
+    for (let i = 0; i < 10; i++) {
+      serie.data.push(0);
+    }
+    series.push(serie)
+  });
 }
 
 function getXData() {
-	for (let i = 0; i < 10; i++) {
-		xData.push(0);
-	}
+  for (let i = 0; i < 10; i++) {
+    xData.push(0);
+  }
 }
 
 function getLegendData() {
-	props.names.forEach((name, index) => {
-		legendData.push({
-			name,
-			textStyle: {color: colors[index]},
-		});
-	});
+  props.names.forEach((name, index) => {
+    legendData.push({
+      name,
+      textStyle: {color: colors[index]},
+    });
+  });
 }
 </script>
 
 <style lang="scss" scoped>
 .chart-dom-box {
-	position: relative;
+  position: relative;
 }
 </style>
diff --git a/src/views/remote-manage/part/remote-part.vue b/src/views/remote-manage/part/remote-part.vue
index fd15062..697fc22 100644
--- a/src/views/remote-manage/part/remote-part.vue
+++ b/src/views/remote-manage/part/remote-part.vue
@@ -140,7 +140,9 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
-	remoteWsStore.unsubscribeVital(remoteItem.value.patient, remoteItem.value.patientId, remoteItem.value.date, currentIndex);
+  if (remoteItem.value) {
+    remoteWsStore.unsubscribeVital(remoteItem.value.patient, remoteItem.value.patientId, remoteItem.value.date, currentIndex);
+  }
 })
 
 function showData(i: any) {
diff --git a/src/views/remote-manage/remote-control.vue b/src/views/remote-manage/remote-control.vue
index 004be43..ed8c7ac 100644
--- a/src/views/remote-manage/remote-control.vue
+++ b/src/views/remote-manage/remote-control.vue
@@ -1,197 +1,197 @@
 <template>
-	<div class="remote-box" id="screenBox">
-		<div class="main-box">
-			<div class="left-box">
-				<h3>{{ currentRemote?.taskName }}</h3>
-				<chart-line ref="chartDom1" class="chart-line" :names="['BIS', 'HR']"
-					@exception-event="vitalExcepEvent"></chart-line>
-				<chart-line ref="chartDom2" class="chart-line" :names="['SBP', 'DBP']"
-					@exception-event="vitalExcepEvent"></chart-line>
-				<chart-line ref="chartDom3" class="chart-line" :names="['SPO2', 'TEMP']"
-					@exception-event="vitalExcepEvent"></chart-line>
-				<chart-ecg ref="chartDom4" class="chart-ecg" :name="['CH1', 'CH2']"
-					@exception-event="vitalExcepEvent"></chart-ecg>
-			</div>
+  <div class="remote-box" id="screenBox">
+    <div class="main-box">
+      <div class="left-box">
+        <h3>{{ currentRemote?.taskName }}</h3>
+        <chart-line ref="chartDom1" class="chart-line" :names="['BIS', 'HR']"
+                    @exception-event="vitalExcepEvent"></chart-line>
+        <chart-line ref="chartDom2" class="chart-line" :names="['SBP', 'DBP']"
+                    @exception-event="vitalExcepEvent"></chart-line>
+        <chart-line ref="chartDom3" class="chart-line" :names="['SPO2', 'TEMP']"
+                    @exception-event="vitalExcepEvent"></chart-line>
+        <chart-ecg ref="chartDom4" class="chart-ecg" :name="['CH1', 'CH2']"
+                   @exception-event="vitalExcepEvent"></chart-ecg>
+      </div>
 
-			<div class="center-box">
-				<div class="body-box">
-					<div class="body-img">
-						<img src="@/assets/imgs/main_body.png" style="width: 100%;height: 100%;" />
-						<img class="lung-img" :class="{ 'shake_1': lungAlarm }"
-							:src="lungAlarm ? imgLungAlarm : imgLung">
-						<img class="heart-img" :class="{ 'shake_1': heartAlarm }"
-							:src="heartAlarm ? imgHeartAlarm : imgHeart">
-					</div>
-				</div>
-				<!--				<div class="btn-box">-->
-				<!--					<el-button class="start-btn" color="#F80000" @click="startAI">-->
-				<!--						开始-->
-				<!--					</el-button>-->
-				<!--					<div class="right-btn-box">-->
-				<!--						<el-button :class="{ 'active': isAIDose }" size="small" @click="">AI给药</el-button>-->
-				<!--						<el-button :class="{ 'active': !isAIDose }" size="small">人工给药</el-button>-->
-				<!--					</div>-->
-				<!--				</div>-->
-			</div>
+      <div class="center-box">
+        <div class="body-box">
+          <div class="body-img">
+            <img src="@/assets/imgs/main_body.png" style="width: 100%;height: 100%;"/>
+            <img class="lung-img" :class="{ 'shake_1': lungAlarm }"
+                 :src="lungAlarm ? imgLungAlarm : imgLung">
+            <img class="heart-img" :class="{ 'shake_1': heartAlarm }"
+                 :src="heartAlarm ? imgHeartAlarm : imgHeart">
+          </div>
+        </div>
+        <!--				<div class="btn-box">-->
+        <!--					<el-button class="start-btn" color="#F80000" @click="startAI">-->
+        <!--						开始-->
+        <!--					</el-button>-->
+        <!--					<div class="right-btn-box">-->
+        <!--						<el-button :class="{ 'active': isAIDose }" size="small" @click="">AI给药</el-button>-->
+        <!--						<el-button :class="{ 'active': !isAIDose }" size="small">人工给药</el-button>-->
+        <!--					</div>-->
+        <!--				</div>-->
+      </div>
 
-			<div class="right-box">
-				<div class="top-btn-box">
-					<div class="top-left-btn-box">
-						<!--						<el-select v-model="database" filterable placeholder="Select" style="width: 100%;"-->
-						<!--											 @change="selectDatabase">-->
-						<!--							<el-option v-for="item in databaseOptions" :key="item.value" :label="item.label"-->
-						<!--												 :value="item.value"/>-->
-						<!--						</el-select>-->
-						<el-button color="#C77000" style="width: 150px;" @click="viewPatientInfo">患者信息</el-button>
-						<el-button color="#C77000" style="width: 150px;">已连接</el-button>
-<!--						<el-button color="#C77000" >机器人运行正常</el-button>-->
-					</div>
-					<el-button color="#e0e0e0" @click="backRemote">
-						<el-icon>
-							<Back />
-						</el-icon>
-						返回
-					</el-button>
-				</div>
-				<div class="monitoring-message">
-					<div class="left-box">
-						<span class="unusual-title">异常信息</span>
-						<ul ref="unusualMsgRef" class="unusual-box">
-							<li v-for="item in unusual" :key="item">{{ item }}</li>
-						</ul>
-					</div>
-					<div class="right-box">
-						<!--						<div class="video-box" @click="playPause">-->
-						<!--							<div class="icon-box">-->
-						<!--								<el-icon v-if="isVideoPlay">-->
-						<!--									<VideoPause/>-->
-						<!--								</el-icon>-->
-						<!--								<el-icon v-else>-->
-						<!--									<VideoPlay/>-->
-						<!--								</el-icon>-->
-						<!--							</div>-->
-						<!--							&lt;!&ndash;  poster="@/assets/imgs/video_bck.png" &ndash;&gt;-->
-						<!--							<video ref="liveVideo">-->
-						<!--								<source src="@/assets/medical.mp4" type="video/mp4"/>-->
-						<!--							</video>-->
-						<!--						</div>-->
-						<div class="message-box">
-							<ul ref="msgLog" class="message-log">
-								<li v-for="(item, index) in mssageList" :key="'msg-log-' + index"
-									:class="{ 'align-right': item.createName == userName }">
-									<span>{{ item.content }}</span>
-								</li>
-							</ul>
-							<div class="send-box">
-								<el-input v-model="msgVal" placeholder="请输入消息" />
-								<el-button color="#006080" @click="sendMsg">发送消息</el-button>
-							</div>
-						</div>
-					</div>
-				</div>
-				<!-- table1 -->
-				<div class="table-box">
-					<el-table :data="varTableData" height="100%" style="width: 100%">
-						<el-table-column type="index" label="序号" width="80" align="center"/>
-						<el-table-column prop="name" label="药物名称" align="center"/>
-						<el-table-column prop="speed" label="速度(ml/h)" width="120">
-							<!-- <template #header>
-								<el-dropdown @command="table1SpeedCommand">
+      <div class="right-box">
+        <div class="top-btn-box">
+          <div class="top-left-btn-box">
+            <!--						<el-select v-model="database" filterable placeholder="Select" style="width: 100%;"-->
+            <!--											 @change="selectDatabase">-->
+            <!--							<el-option v-for="item in databaseOptions" :key="item.value" :label="item.label"-->
+            <!--												 :value="item.value"/>-->
+            <!--						</el-select>-->
+            <el-button color="#C77000" style="width: 150px;" @click="viewPatientInfo">患者信息</el-button>
+            <el-button color="#C77000" style="width: 150px;">已连接</el-button>
+            <!--						<el-button color="#C77000" >机器人运行正常</el-button>-->
+          </div>
+          <el-button color="#e0e0e0" @click="backRemote">
+            <el-icon>
+              <Back/>
+            </el-icon>
+            返回
+          </el-button>
+        </div>
+        <div class="monitoring-message">
+          <div class="left-box">
+            <span class="unusual-title">异常信息</span>
+            <ul ref="unusualMsgRef" class="unusual-box">
+              <li v-for="item in unusual" :key="item">{{ item }}</li>
+            </ul>
+          </div>
+          <div class="right-box">
+            <!--						<div class="video-box" @click="playPause">-->
+            <!--							<div class="icon-box">-->
+            <!--								<el-icon v-if="isVideoPlay">-->
+            <!--									<VideoPause/>-->
+            <!--								</el-icon>-->
+            <!--								<el-icon v-else>-->
+            <!--									<VideoPlay/>-->
+            <!--								</el-icon>-->
+            <!--							</div>-->
+            <!--							&lt;!&ndash;  poster="@/assets/imgs/video_bck.png" &ndash;&gt;-->
+            <!--							<video ref="liveVideo">-->
+            <!--								<source src="@/assets/medical.mp4" type="video/mp4"/>-->
+            <!--							</video>-->
+            <!--						</div>-->
+            <div class="message-box">
+              <ul ref="msgLog" class="message-log">
+                <li v-for="(item, index) in mssageList" :key="'msg-log-' + index"
+                    :class="{ 'align-right': item.createName == userName }">
+                  <span>{{ item.content }}</span>
+                </li>
+              </ul>
+              <div class="send-box">
+                <el-input v-model="msgVal" placeholder="请输入消息"/>
+                <el-button color="#006080" @click="sendMsg">发送消息</el-button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- table1 -->
+        <div class="table-box">
+          <el-table :data="varTableData" height="100%" style="width: 100%">
+            <el-table-column type="index" label="序号" width="80" align="center"/>
+            <el-table-column prop="name" label="药物名称" align="center"/>
+            <el-table-column prop="speed" label="速度(ml/h)" width="120">
+              <!-- <template #header>
+                <el-dropdown @command="table1SpeedCommand">
                   <span style="color: white;font-size: 14px;line-height: 20px;">
                     {{ table1SpeedVal || '请选择速度' }}
                   </span>
-									<template #dropdown>
-										<el-dropdown-menu>
-											<el-dropdown-item command="速度(ug/kg/min)">速度(ug/kg/min)</el-dropdown-item>
-											<el-dropdown-item command="速度(ml/h)">速度(ml/h)</el-dropdown-item>
-										</el-dropdown-menu>
-									</template>
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item command="速度(ug/kg/min)">速度(ug/kg/min)</el-dropdown-item>
+                      <el-dropdown-item command="速度(ml/h)">速度(ml/h)</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
 </el-dropdown>
 </template> -->
-						</el-table-column>
-						<el-table-column prop="total" label="累计药量(ml)" width="100"/>
-						<el-table-column prop="state" label="工作状态" width="70" align="center" />
-						<!-- <el-table-column label="特殊情况人为干预" align="center">
-							<template #default="scope">
-								<div class="table-btn-box">
-									<el-button size="small" color="#006080" @click="tableItemPlus(scope)">
-										<el-icon>
-											<Plus/>
-										</el-icon>
-									</el-button>
-									<el-button size="small" color="#006080" :disabled="scope.row.speed <= 0"
-														 @click="tableItemMinus(scope)">
-										<el-icon>
-											<Minus/>
-										</el-icon>
-									</el-button>
-									<!--<el-button size="small" color="#006080" @click="tableItemConfirm(scope)"
-                                               :disabled="tableDataStore[scope.$index].speed === scope.row.speed">确定-->
-						<!--<el-button size="small" color="#006080" @click="tableItemConfirm(scope, varTableData)">确定
-									</el-button>
-									<el-button size="small" color="#006080" @click="tableItemCancel(scope)">取消
-									</el-button>
-								</div>
-							</template>
-						</el-table-column> -->
-					</el-table>
-				</div>
-				<!-- table2 -->
-				<div class="table-box">
-					<el-table :data="fixedTableData" height="100%" style="width: 100%">
-						<el-table-column type="index" label="序号" width="40" align="center" />
-						<el-table-column prop="name" label="药物名称" align="center" />
-						<el-table-column prop="speed" label="速度(ml/h)" width="100" />
-						<el-table-column prop="total" label="累计药量(ml)" width="100"/>
-						<el-table-column prop="state" label="工作状态" width="70" align="center" />
-						<!-- <el-table-column label="特殊情况人为干预" align="center">
-							<template #default="scope">
-								<div class="table-btn-box">
-									<el-button size="small" color="#006080" @click="tableItemPlus(scope)">
-										<el-icon>
-											<Plus/>
-										</el-icon>
-									</el-button>
-									<el-button size="small" color="#006080" :disabled="scope.row.speed <= 0"
-														 @click="tableItemMinus(scope)">
-										<el-icon>
-											<Minus/>
-										</el-icon>
-									</el-button>
-									<el-button size="small" color="#006080" @click="tableItemConfirm(scope, fixedTableData)">确定
-									</el-button>
-									<el-button size="small" color="#006080" @click="tableItemCancel(scope)">取消
-									</el-button>
-								</div>
-							</template>
-						</el-table-column> -->
-					</el-table>
-				</div>
-			</div>
-		</div>
+            </el-table-column>
+            <el-table-column prop="total" label="累计药量(ml)" width="100"/>
+            <el-table-column prop="state" label="工作状态" width="70" align="center"/>
+<!--            <el-table-column label="特殊情况人为干预" align="center">
+              <template #default="scope">
+                <div class="table-btn-box">
+                  <el-button size="small" color="#006080" @click="tableItemPlus(scope)">
+                    <el-icon>
+                      <Plus/>
+                    </el-icon>
+                  </el-button>
+                  <el-button size="small" color="#006080" :disabled="scope.row.speed <= 0"
+                             @click="tableItemMinus(scope)">
+                    <el-icon>
+                      <Minus/>
+                    </el-icon>
+                  </el-button>
+&lt;!&ndash;                  <el-button size="small" color="#006080" @click="tableItemConfirm(scope)"
+                                               :disabled="tableDataStore[scope.$index].speed === scope.row.speed">确定&ndash;&gt;-->
+            <!--<el-button size="small" color="#006080" @click="tableItemConfirm(scope, varTableData)">确定
+                  </el-button>
+                  <el-button size="small" color="#006080" @click="tableItemCancel(scope)">取消
+                  </el-button>
+                </div>
+              </template>
+            </el-table-column> -->
+          </el-table>
+        </div>
+        <!-- table2 -->
+        <div class="table-box">
+          <el-table :data="fixedTableData" height="100%" style="width: 100%">
+            <el-table-column type="index" label="序号" width="40" align="center"/>
+            <el-table-column prop="name" label="药物名称" align="center"/>
+            <el-table-column prop="speed" label="速度(ml/h)" width="100"/>
+            <el-table-column prop="total" label="累计药量(ml)" width="100"/>
+            <el-table-column prop="state" label="工作状态" width="70" align="center"/>
+            <!-- <el-table-column label="特殊情况人为干预" align="center">
+              <template #default="scope">
+                <div class="table-btn-box">
+                  <el-button size="small" color="#006080" @click="tableItemPlus(scope)">
+                    <el-icon>
+                      <Plus/>
+                    </el-icon>
+                  </el-button>
+                  <el-button size="small" color="#006080" :disabled="scope.row.speed <= 0"
+                             @click="tableItemMinus(scope)">
+                    <el-icon>
+                      <Minus/>
+                    </el-icon>
+                  </el-button>
+                  <el-button size="small" color="#006080" @click="tableItemConfirm(scope, fixedTableData)">确定
+                  </el-button>
+                  <el-button size="small" color="#006080" @click="tableItemCancel(scope)">取消
+                  </el-button>
+                </div>
+              </template>
+            </el-table-column> -->
+          </el-table>
+        </div>
+      </div>
+    </div>
 
-		<el-dialog v-model="setDatabaseDialog" title="请选择需要查询的病人" width="300px" align-center>
-			<el-select v-model="database" filterable placeholder="Select" style="width: 100%;">
-				<el-option v-for="item in databaseOptions" :key="item.value" :label="item.label" :value="item.value" />
-			</el-select>
-			<template #footer>
+    <el-dialog v-model="setDatabaseDialog" title="请选择需要查询的病人" width="300px" align-center>
+      <el-select v-model="database" filterable placeholder="Select" style="width: 100%;">
+        <el-option v-for="item in databaseOptions" :key="item.value" :label="item.label" :value="item.value"/>
+      </el-select>
+      <template #footer>
 				<span class="dialog-footer">
 					<el-button @click="setDatabaseDialog = false">取消</el-button>
 					<el-button type="primary" @click="setDatabase">确定</el-button>
 				</span>
-			</template>
-		</el-dialog>
-		<el-dialog v-model="isPatientDialog" title="患者信息" width="50%">
-			<PatientsForm ref="patientsFormRef" type="view" @close="isPatientDialog = false" />
-		</el-dialog>
-	</div>
+      </template>
+    </el-dialog>
+    <el-dialog v-model="isPatientDialog" title="患者信息" width="50%">
+      <PatientsForm ref="patientsFormRef" type="view" @close="isPatientDialog = false"/>
+    </el-dialog>
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, reactive, ref } from 'vue';
-import { useRouter } from 'vue-router'
-import { ElMessage } from 'element-plus';
-import { dateFormater } from '@/utils/date-util';
+import {onMounted, onUnmounted, reactive, ref} from 'vue';
+import {useRouter} from 'vue-router'
+import {ElMessage} from 'element-plus';
+import {dateFormater} from '@/utils/date-util';
 import chartLine from './chart/chart-line.vue';
 import chartEcg from './chart/chart-ecg.vue';
 import PatientsForm from '@/views/patients-manage/form/patients-form.vue'
@@ -199,36 +199,36 @@ import imgLung from '@/assets/imgs/lung.png';
 import imgHeart from '@/assets/imgs/heart.png';
 import imgLungAlarm from '@/assets/imgs/lung_alarm.png';
 import imgHeartAlarm from '@/assets/imgs/heart_alarm.png';
-import { useRemoteWsStore } from "@/stores/remote-ws-store";
-import { useUserStore } from "@/stores/user-info-store";
-import { getPatientInfo, getPatientInfoM } from "@/api/patient";
+import {useRemoteWsStore} from "@/stores/remote-ws-store";
+import {useUserStore} from "@/stores/user-info-store";
+import {getPatientInfo, getPatientInfoM} from "@/api/patient";
 
 
 const router = useRouter()
 
 const medicineCustom: any[] = [
-	{ name: '丙泊酚', plus: 0.5, total: 50 },
-	{ name: '舒芬太尼', plus: 1, total: 100 },
-	{ name: '瑞芬太尼', plus: 0.05, total: 5 },
-	{ name: '顺阿曲库胺', plus: 0.02, total: 2 },
-	{ name: '尼卡地平', plus: 1, total: 100 },
-	{ name: '艾司洛尔', plus: 1, total: 100 },
-	{ name: '麻黄素', plus: 1, total: 100 },
-	{ name: '阿托品', plus: 1, total: 100 },
-	{ name: '罗库溴铵', plus: 0.1, total: 10 }
+  {name: '丙泊酚', plus: 0.5, total: 50},
+  {name: '舒芬太尼', plus: 1, total: 100},
+  {name: '瑞芬太尼', plus: 0.05, total: 5},
+  {name: '顺阿曲库胺', plus: 0.02, total: 2},
+  {name: '尼卡地平', plus: 1, total: 100},
+  {name: '艾司洛尔', plus: 1, total: 100},
+  {name: '麻黄素', plus: 1, total: 100},
+  {name: '阿托品', plus: 1, total: 100},
+  {name: '罗库溴铵', plus: 0.1, total: 10}
 ]
 const remoteWsStore = useRemoteWsStore()
 const currentRemote = ref()
 const userInfo = useUserStore()
 
 const chartDom1 = ref(),
-	chartDom2 = ref(),
-	chartDom3 = ref(),
-	chartDom4 = ref(),
-	liveVideo = ref(),
-	msgLog = ref(),
-	unusualMsgRef = ref(),
-	patientsFormRef = ref()
+    chartDom2 = ref(),
+    chartDom3 = ref(),
+    chartDom4 = ref(),
+    liveVideo = ref(),
+    msgLog = ref(),
+    unusualMsgRef = ref(),
+    patientsFormRef = ref()
 
 const isPatientDialog = ref(false)
 const database = ref('')
@@ -237,7 +237,7 @@ const messageSum = ref(10)
 const userName = ref(userInfo.userInfo.name)
 const setDatabaseDialog = ref(false);
 const featureTable = ref([] as any[]);
-let chartNowData = reactive({ ID: 0 });
+let chartNowData = reactive({ID: 0});
 const lungAlarm = ref(false); // 肺部警告
 const heartAlarm = ref(false); // 心脏警告
 const isAIDose = ref(false); // 是否AI给药
@@ -254,699 +254,695 @@ let currentDocMedicine: any;
 const medicineSpeedTemp: any = {};
 
 onMounted(() => {
-	currentRemote.value = remoteWsStore.getRemoteTask()[remoteWsStore.getCurrentTaskIndex()]
-	if (!currentRemote.value.isRemote) {
-		router.replace('/remote-manage/remote-manage');
-		return;
-	}
-	msgLogScrollBottom();
-	initScale();
-	subscribeWS();
-	//	setTableData();
+  currentRemote.value = remoteWsStore.getRemoteTask()[remoteWsStore.getCurrentTaskIndex()]
+  if (!currentRemote.value.isRemote) {
+    router.replace('/remote-manage/remote-manage');
+    return;
+  }
+  msgLogScrollBottom();
+  initScale();
+  subscribeWS();
+  //	setTableData();
 });
 
 onUnmounted(() => {
-	const index = remoteWsStore.getCurrentTaskIndex()
-	remoteWsStore.unsubscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index);
-	remoteWsStore.unsubscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index);
-	remoteWsStore.unsubscribeVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index);
+  const index = remoteWsStore.getCurrentTaskIndex()
+  remoteWsStore.unsubscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index);
+  remoteWsStore.unsubscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index);
+  remoteWsStore.unsubscribeVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index);
 })
 
 function subscribeWS() {
-	const index = remoteWsStore.getCurrentTaskIndex()
-	remoteWsStore.subscribeVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
-		function (res: any) {
-			const data = JSON.parse(res.data);
-			chartDom1.value.updateChartData(data.vitalSignsList[0]);
-			chartDom2.value.updateChartData(data.vitalSignsList[0]);
-			chartDom3.value.updateChartData(data.vitalSignsList[0]);
-			chartDom4.value.updateChartData(data.vitalSignsList[0]);
-			updateMedicineTable(data.aiMedicineList[0], data.docMedicineList[0]);
-		})
+  const index = remoteWsStore.getCurrentTaskIndex()
+  remoteWsStore.subscribeVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
+      function (res: any) {
+        const data = JSON.parse(res.data);
+        chartDom1.value.updateChartData(data.vitalSignsList);
+        chartDom2.value.updateChartData(data.vitalSignsList);
+        chartDom3.value.updateChartData(data.vitalSignsList);
+        chartDom4.value.updateChartData(data.vitalSignsList);
+        updateMedicineTable(data.aiMedicineList[0], data.docMedicineList[0]);
+      })
 
-	remoteWsStore.subscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
-		function (res: any) {
-			mssageList.value.push(JSON.parse(res.data));
-		})
+  remoteWsStore.subscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
+      function (res: any) {
+        mssageList.value.push(JSON.parse(res.data));
+      })
 
-	remoteWsStore.subscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
-		function (res: any) {
-			const data = JSON.parse(res.data);
-			if (data.status != 1) {
-				if (data.medicine) {
-					if (varTableData.value[data.medicine]) varTableData.value[data.medicine] = medicineSpeedTemp[data.medicine];
-					if (fixedTableData.value[data.medicine]) fixedTableData.value[data.medicine] = medicineSpeedTemp[data.medicine];
-				}
-			} else {
-				ElMessage.error(data.msg)
-			}
-		})
+  remoteWsStore.subscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
+      function (res: any) {
+        const data = JSON.parse(res.data);
+        if (data.status != 1) {
+          if (data.medicine) {
+            if (varTableData.value[data.medicine]) varTableData.value[data.medicine] = medicineSpeedTemp[data.medicine];
+            if (fixedTableData.value[data.medicine]) fixedTableData.value[data.medicine] = medicineSpeedTemp[data.medicine];
+          }
+        } else {
+          ElMessage.error(data.msg)
+        }
+      })
 
 }
 
 function initData() {
-	lungAlarm.value = false;
-	heartAlarm.value = false;
-	isAIDose.value = false;
-	unusual.value = [];
-	mssageList.value = [];
-	fixedTableData.value = [];
-	varTableData.value = [];
-	featureTable.value = [];
-	try {
-		msgLogScrollBottom();
-	} catch (error) {
-	}
+  lungAlarm.value = false;
+  heartAlarm.value = false;
+  isAIDose.value = false;
+  unusual.value = [];
+  mssageList.value = [];
+  fixedTableData.value = [];
+  varTableData.value = [];
+  featureTable.value = [];
+  try {
+    msgLogScrollBottom();
+  } catch (error) {
+  }
 }
 
 function updateMedicineTable(aiMedicine: any, doctorMedicine: any) {
-	if (aiMedicine) {
-		delete aiMedicine._id;
-		delete aiMedicine.Time;
-		if (currentAIMedicine && currentAIMedicine.Time == aiMedicine.Time) {
-		} else {
-			currentAIMedicine = aiMedicine;
-			const keys = Object.keys(aiMedicine);
-			keys.forEach(key => {
-				medicineSpeedTemp[key] = aiMedicine[key];
-			})
-			if (varTableData.value.length > 0) {
-				varTableData.value.forEach((medicine: any) => {
-					medicine.speed = aiMedicine[medicine.name];
-				})
-				fixedTableData.value.forEach((medicine: any) => {
-					medicine.speed = aiMedicine[medicine.name];
-				})
-			} else {
-				const varTable: any = [];
-				const fixedTable: any = [];
-				keys.forEach(key => {
-					const medicine = {
-						Phase: 0,
-						name: key,
-						speed: aiMedicine[key],
-						total: aiMedicine[key + "sum"],
-						state: "正常"
-					}
-					if (remoteWsStore.varMedicine.includes(key)) {
-						varTable.push(medicine);
-					} else if (remoteWsStore.fixedMedicine.includes(key)) {
-						fixedTable.push(medicine);
-					}
-				})
-				varTableData.value = varTable;
-				fixedTableData.value = fixedTable;
-			}
-		}
-	}
+  if (aiMedicine) {
+    delete aiMedicine._id;
+    delete aiMedicine.Time;
 
-	if (doctorMedicine) {
-		delete doctorMedicine._id;
-		delete doctorMedicine.Time;
-		if (currentDocMedicine && currentDocMedicine.Time == doctorMedicine.Time) {
-		} else {
-			currentDocMedicine = doctorMedicine;
-			const keys = Object.keys(doctorMedicine);
-			keys.forEach(key => {
-				medicineSpeedTemp[key] = doctorMedicine[key];
-			})
+    currentAIMedicine = aiMedicine;
+    const keys = Object.keys(aiMedicine);
+    keys.forEach(key => {
+      medicineSpeedTemp[key] = aiMedicine[key];
+    })
+    if (varTableData.value.length > 0) {
+      varTableData.value.forEach((medicine: any) => {
+        medicine.speed = aiMedicine[medicine.name];
+      })
+      fixedTableData.value.forEach((medicine: any) => {
+        medicine.speed = aiMedicine[medicine.name];
+      })
+    } else {
+      const varTable: any = [];
+      const fixedTable: any = [];
+      keys.forEach(key => {
+        const medicine = {
+          Phase: 0,
+          name: key,
+          speed: aiMedicine[key],
+          total: aiMedicine[key + "sum"],
+          state: "正常"
+        }
+        if (remoteWsStore.varMedicine.includes(key)) {
+          varTable.push(medicine);
+        } else if (remoteWsStore.fixedMedicine.includes(key)) {
+          fixedTable.push(medicine);
+        }
+      })
+      varTableData.value = varTable;
+      fixedTableData.value = fixedTable;
+    }
+  }
 
-			if (varTableData.value.length > 0) {
-				varTableData.value.forEach((medicine: any) => {
-					medicine.speed = Number(doctorMedicine[medicine.name]) + Number(aiMedicine[medicine.name]);
-					medicine.total = Number(doctorMedicine[medicine.name + "sum"]) + Number(aiMedicine[medicine.name + "sum"]);
-				});
-				fixedTableData.value.forEach((medicine: any) => {
-					medicine.speed = Number(doctorMedicine[medicine.name]) + Number(aiMedicine[medicine.name]);
-					medicine.total = Number(doctorMedicine[medicine.name + "sum"]) + Number(aiMedicine[medicine.name + "sum"]);
-				})
-			} else {
-				const varTable: any = [];
-				const fixedTable: any = [];
-				keys.forEach(key => {
-					const medicine = {
-						Phase: 0,
-						name: key,
-						speed: Number(doctorMedicine[key]) + Number(aiMedicine[key]),
-						total: Number(doctorMedicine[key + "sum"]) + Number(aiMedicine[key + "sum"]),
-						state: "正常"
-					}
-					if (remoteWsStore.varMedicine.includes(key)) {
-						varTable.push(medicine);
-					} else {
-						fixedTable.push(medicine);
-					}
-				})
-				varTableData.value = varTable;
-				fixedTableData.value = fixedTable;
-			}
-		}
-	}
+  if (doctorMedicine) {
+    delete doctorMedicine._id;
+    delete doctorMedicine.Time;
+
+    currentDocMedicine = doctorMedicine;
+    const keys = Object.keys(doctorMedicine);
+    keys.forEach(key => {
+      medicineSpeedTemp[key] = doctorMedicine[key];
+    })
+
+    if (varTableData.value.length > 0) {
+      varTableData.value.forEach((medicine: any) => {
+        medicine.speed = (Number(doctorMedicine[medicine.name]) + Number(aiMedicine[medicine.name])).toFixed(2);
+        medicine.total = (Number(doctorMedicine[medicine.name + "sum"]) + Number(aiMedicine[medicine.name + "sum"])).toFixed(2);
+      });
+      fixedTableData.value.forEach((medicine: any) => {
+        medicine.speed = (Number(doctorMedicine[medicine.name]) + Number(aiMedicine[medicine.name])).toFixed(2);
+        medicine.total = (Number(doctorMedicine[medicine.name + "sum"]) + Number(aiMedicine[medicine.name + "sum"])).toFixed(2);
+      })
+    } else {
+      const varTable: any = [];
+      const fixedTable: any = [];
+      keys.forEach(key => {
+        const medicine = {
+          Phase: 0,
+          name: key,
+          speed: Number(doctorMedicine[key]) + Number(aiMedicine[key]),
+          total: Number(doctorMedicine[key + "sum"]) + Number(aiMedicine[key + "sum"]),
+          state: "正常"
+        }
+        if (remoteWsStore.varMedicine.includes(key)) {
+          varTable.push(medicine);
+        } else {
+          fixedTable.push(medicine);
+        }
+      })
+      varTableData.value = varTable;
+      fixedTableData.value = fixedTable;
+    }
+  }
 }
 
 function vitalExcepEvent(data: any) {
-	logUpdate(data)
+  logUpdate(data)
 }
 
 function logUpdate(msg: string) {
-	unusual.value.push(dateFormater('HH:mm:ss') + msg);
-	setTimeout(() => {
-		unusualMsgRef.value.scrollTo({
-			top: unusualMsgRef.value.scrollHeight,
-			behavior: 'smooth'
-		});
-	});
+  unusual.value.push(dateFormater('HH:mm:ss') + msg);
+  setTimeout(() => {
+    unusualMsgRef.value.scrollTo({
+      top: unusualMsgRef.value.scrollHeight,
+      behavior: 'smooth'
+    });
+  });
 }
 
 // table 速度选择
 function table1SpeedCommand(e: any) {
-	table1SpeedVal.value = e
+  table1SpeedVal.value = e
 }
 
 
 function keepFit(designWidth: number, designHeight: number, renderDomId: string) {
-	let width = designWidth || 1920,
-		height = designHeight || 1010;
-	let clientHeight = document.documentElement.clientHeight - 50;
-	let clientWidth = document.documentElement.clientWidth;
-	let scale = 1;
-	scale = (clientHeight / clientWidth) < (height / width) ? clientHeight / height : clientWidth / width;
-	// scale = clientHeight / height;
-	// scale = clientWidth / width;
-	const renderDom = document.getElementById(renderDomId);
-	if (renderDom) {
-		renderDom.style.height = clientHeight / scale + 'px';
-		renderDom.style.width = clientWidth / scale + 'px';
-		renderDom.style.transform = 'scale(' + scale + ')';
-	}
+  let width = designWidth || 1920,
+      height = designHeight || 1010;
+  let clientHeight = document.documentElement.clientHeight - 50;
+  let clientWidth = document.documentElement.clientWidth;
+  let scale = 1;
+  scale = (clientHeight / clientWidth) < (height / width) ? clientHeight / height : clientWidth / width;
+  // scale = clientHeight / height;
+  // scale = clientWidth / width;
+  const renderDom = document.getElementById(renderDomId);
+  if (renderDom) {
+    renderDom.style.height = clientHeight / scale + 'px';
+    renderDom.style.width = clientWidth / scale + 'px';
+    renderDom.style.transform = 'scale(' + scale + ')';
+  }
 }
 
 function initScale() {
-	let w = 1920,
-		h = 1010;
-	keepFit(w, h, 'screenBox');
-	window.addEventListener('resize', () => {
-		keepFit(w, h, 'screenBox');
-	});
+  let w = 1920,
+      h = 1010;
+  keepFit(w, h, 'screenBox');
+  window.addEventListener('resize', () => {
+    keepFit(w, h, 'screenBox');
+  });
 }
 
 const selectDatabase = (value: any) => {
-	initData();
+  initData();
 };
 const setDatabase = () => {
-	initData();
-	setDatabaseDialog.value = false;
+  initData();
+  setDatabaseDialog.value = false;
 };
 
 const viewPatientInfo = () => {
-	isPatientDialog.value = true;
-	// getPatientInfo(currentRemote.value.patient, currentRemote.value.patientId,
-	// 	currentRemote.value.date).then(res => {
-	// 		if (res.code == 0) {
-	// 			patientsFormRef.value.resetData()
-	// 			patientsFormRef.value.formData = JSON.parse(JSON.stringify(res.data))
-	// 		}
-	// 	})
-	getPatientInfoM(currentRemote.value.patient, currentRemote.value.patientId,
-		currentRemote.value.date).then(res => {
-			if (res.code == 0) {
-				patientsFormRef.value.resetData()
-				patientsFormRef.value.formData = JSON.parse(JSON.stringify(res.data))
-			}
-		})
+  isPatientDialog.value = true;
+  // getPatientInfo(currentRemote.value.patient, currentRemote.value.patientId,
+  // 	currentRemote.value.date).then(res => {
+  // 		if (res.code == 0) {
+  // 			patientsFormRef.value.resetData()
+  // 			patientsFormRef.value.formData = JSON.parse(JSON.stringify(res.data))
+  // 		}
+  // 	})
+  getPatientInfoM(currentRemote.value.patient, currentRemote.value.patientId,
+      currentRemote.value.date).then(res => {
+    if (res.code == 0) {
+      patientsFormRef.value.resetData()
+      patientsFormRef.value.formData = JSON.parse(JSON.stringify(res.data))
+    }
+  })
 }
 const backRemote = () => {
-	router.back();
+  router.back();
 }
 const playPause = () => {
-	if (liveVideo.value.paused) {
-		liveVideo.value.play(); // 播放视频
-		isVideoPlay.value = true;
-	} else {
-		liveVideo.value.pause(); // 暂停视频
-		isVideoPlay.value = false;
-	}
+  if (liveVideo.value.paused) {
+    liveVideo.value.play(); // 播放视频
+    isVideoPlay.value = true;
+  } else {
+    liveVideo.value.pause(); // 暂停视频
+    isVideoPlay.value = false;
+  }
 }
 const sendMsg = () => {
-	if (msgVal.value.trim() == '') return;
-	const index = remoteWsStore.getCurrentTaskIndex()
-	remoteWsStore.sendMsg(currentRemote.value.patient, currentRemote.value.patientId,
-		currentRemote.value.date, msgVal.value, index, function (res: any) {
-			if (res.code == 1) {
-				ElMessage.error(res.msg)
-			}
-		})
-	msgVal.value = '';
-	setTimeout(() => {
-		msgLogScrollBottom()
-	}, 0);
+  if (msgVal.value.trim() == '') return;
+  const index = remoteWsStore.getCurrentTaskIndex()
+  remoteWsStore.sendMsg(currentRemote.value.patient, currentRemote.value.patientId,
+      currentRemote.value.date, msgVal.value, index, function (res: any) {
+        if (res.code == 1) {
+          ElMessage.error(res.msg)
+        }
+      })
+  msgVal.value = '';
+  setTimeout(() => {
+    msgLogScrollBottom()
+  }, 0);
 }
 
 function msgLogScrollBottom() {
-	msgLog.value.scrollTo({
-		top: msgLog.value.scrollHeight,
-		behavior: 'smooth'
-	});
+  msgLog.value.scrollTo({
+    top: msgLog.value.scrollHeight,
+    behavior: 'smooth'
+  });
 }
 
 const tableItemPlus = (e: any) => {
-	const obj = medicineCustom.find(item => item.name === e.row.name) || { plus: 1 };
-	e.row.speed += obj.plus;
-	e.row.speed = Number(e.row.speed.toFixed(2));
+  const obj = medicineCustom.find(item => item.name === e.row.name) || {plus: 1};
+  e.row.speed += obj.plus;
+  e.row.speed = Number(e.row.speed.toFixed(2));
 }
 
 const tableItemMinus = (e: any) => {
-	const obj = medicineCustom.find(item => item.name === e.row.name) || { plus: 1 };
-	if (!isAIDose.value && e.row.speed - obj.plus <= 0) return;
-	e.row.speed -= obj.plus;
-	if (e.row.speed < 0) e.row.speed = 0;
-	else e.row.speed = Number(e.row.speed.toFixed(2));
+  const obj = medicineCustom.find(item => item.name === e.row.name) || {plus: 1};
+  if (!isAIDose.value && e.row.speed - obj.plus <= 0) return;
+  e.row.speed -= obj.plus;
+  if (e.row.speed < 0) e.row.speed = 0;
+  else e.row.speed = Number(e.row.speed.toFixed(2));
 }
 
 const tableItemConfirm = (e: any, tableData: any) => {
-	if (tableData.length < 1) return;
-	const params = {
-		name: currentRemote.value.patient,
-		id: currentRemote.value.patientId,
-		date: currentRemote.value.date,
-		flag: "1",
-		medicine: e.row.name,
-		value: e.row.speed
-	}
-	const index = remoteWsStore.getCurrentTaskIndex()
-	remoteWsStore.sendMedicine(params, index, function () {
-	});
+  if (tableData.length < 1) return;
+  const params = {
+    name: currentRemote.value.patient,
+    id: currentRemote.value.patientId,
+    date: currentRemote.value.date,
+    flag: "1",
+    medicine: e.row.name,
+    value: e.row.speed
+  }
+  const index = remoteWsStore.getCurrentTaskIndex()
+  remoteWsStore.sendMedicine(params, index, function () {
+  });
 }
 
 const tableItemCancel = (e: any) => {
-	e.row.speed = medicineSpeedTemp[e.row.name];
+  e.row.speed = medicineSpeedTemp[e.row.name];
 }
 
 function startAI() {
-	const params: any = {
-		name: currentRemote.value.patient,
-		id: currentRemote.value.patientId,
-		date: currentRemote.value.date,
-		flag: "0",
-	}
-	const index = remoteWsStore.getCurrentTaskIndex()
-	remoteWsStore.sendMedicine(params, index, function () {
-	});
+  const params: any = {
+    name: currentRemote.value.patient,
+    id: currentRemote.value.patientId,
+    date: currentRemote.value.date,
+    flag: "0",
+  }
+  const index = remoteWsStore.getCurrentTaskIndex()
+  remoteWsStore.sendMedicine(params, index, function () {
+  });
 }
 
 </script>
 
 <style lang="scss" scoped>
 .remote-box {
-	width: 1920px;
-	height: 1010px;
-	background: #f1f3f5;
-	padding: 10px 0 20px 0;
-	transform-origin: top left;
-	overflow-y: auto;
+  width: 1920px;
+  height: 1010px;
+  background: #f1f3f5;
+  padding: 10px 0 20px 0;
+  transform-origin: top left;
+  overflow-y: auto;
 
-	.el-button {
-		color: white;
-	}
+  .el-button {
+    color: white;
+  }
 
-	.main-box {
-		width: 100%;
-		height: 100%;
-		background: white;
-		padding: 20px;
-		box-sizing: border-box;
-		display: flex;
-		justify-content: space-between;
+  .main-box {
+    width: 100%;
+    height: 100%;
+    background: white;
+    padding: 20px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
 
-		.left-box {
-			width: 37%;
-			height: 100%;
+    .left-box {
+      width: 37%;
+      height: 100%;
 
-			&>h3 {
-				font-size: 26px;
-				color: $main-color;
-				line-height: 30px;
-				margin-bottom: 20px;
-				font-weight: 600;
-			}
+      & > h3 {
+        font-size: 26px;
+        color: $main-color;
+        line-height: 30px;
+        margin-bottom: 20px;
+        font-weight: 600;
+      }
 
-			.chart-line {
-				width: 100%;
-				height: calc(25% - 30px);
-				margin-bottom: 20px;
-				background: #e8f5f8;
-				border-top-left-radius: 20px;
-				border-top-right-radius: 20px;
-				// overflow: hidden;
-			}
+      .chart-line {
+        width: 100%;
+        height: calc(25% - 30px);
+        margin-bottom: 20px;
+        background: #e8f5f8;
+        border-top-left-radius: 20px;
+        border-top-right-radius: 20px;
+        // overflow: hidden;
+      }
 
-			.chart-ecg {
-				width: 100%;
-				height: calc(25% - 50px);
-				border-left: 1px solid #92b3c1;
-				border-bottom: 1px solid #92b3c1;
+      .chart-ecg {
+        width: 100%;
+        height: calc(25% - 50px);
+        border-left: 1px solid #92b3c1;
+        border-bottom: 1px solid #92b3c1;
 
-				&::before {
-					content: '';
-					position: absolute;
-					width: 0;
-					height: 0;
-					top: 0;
-					left: -5px;
-					border-left: 5px solid transparent;
-					border-right: 5px solid transparent;
-					border-bottom: 15px solid #285e7d;
-					border-top: 0;
-				}
+        &::before {
+          content: '';
+          position: absolute;
+          width: 0;
+          height: 0;
+          top: 0;
+          left: -5px;
+          border-left: 5px solid transparent;
+          border-right: 5px solid transparent;
+          border-bottom: 15px solid #285e7d;
+          border-top: 0;
+        }
 
-				&::after {
-					content: '';
-					position: absolute;
-					width: 0;
-					height: 0;
-					bottom: -5px;
-					right: 0;
-					border-left: 15px solid #285e7d;
-					border-right: 0;
-					border-bottom: 5px solid transparent;
-					border-top: 5px solid transparent;
-				}
-			}
-		}
+        &::after {
+          content: '';
+          position: absolute;
+          width: 0;
+          height: 0;
+          bottom: -5px;
+          right: 0;
+          border-left: 15px solid #285e7d;
+          border-right: 0;
+          border-bottom: 5px solid transparent;
+          border-top: 5px solid transparent;
+        }
+      }
+    }
 
-		.center-box {
-			width: calc(100% - 1500px);
-			min-width: 500px;
-			height: 100%;
+    .center-box {
+      width: calc(100% - 1500px);
+      min-width: 500px;
+      height: 100%;
 
-			.body-box {
-				width: 100%;
-				height: calc(100% - 110px);
-				display: flex;
-				justify-content: center;
-				align-items: center;
+      .body-box {
+        width: 100%;
+        height: calc(100% - 110px);
+        display: flex;
+        justify-content: center;
+        align-items: center;
 
-				.body-img {
-					position: relative;
-					// width: 400px;
-					// height: 650px;
-					width: 500px;
-					height: 812.5px;
-					min-height: 650px;
+        .body-img {
+          position: relative;
+          // width: 400px;
+          // height: 650px;
+          width: 500px;
+          height: 812.5px;
+          min-height: 650px;
 
-					.lung-img {
-						position: absolute;
-						width: 500px;
-						height: auto;
-						top: 240px;
-						left: 0;
-						transition: all 2s;
-					}
+          .lung-img {
+            position: absolute;
+            width: 500px;
+            height: auto;
+            top: 240px;
+            left: 0;
+            transition: all 2s;
+          }
 
-					.heart-img {
-						position: absolute;
-						width: 500px;
-						height: auto;
-						top: 420px;
-						left: 0;
-						transition: all 2s;
-					}
-				}
-			}
+          .heart-img {
+            position: absolute;
+            width: 500px;
+            height: auto;
+            top: 420px;
+            left: 0;
+            transition: all 2s;
+          }
+        }
+      }
 
-			.btn-box {
-				position: relative;
-				width: 100%;
-				height: 110px;
-				display: flex;
-				justify-content: center;
-				align-items: center;
+      .btn-box {
+        position: relative;
+        width: 100%;
+        height: 110px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
 
-				//.start-btn {
-				//	width: 230px;
-				//	height: 40px;
-				//	font-size: 20px;
-				//	border-radius: 16px;
-				//	font-weight: 600;
-				//}
+        //.start-btn {
+        //	width: 230px;
+        //	height: 40px;
+        //	font-size: 20px;
+        //	border-radius: 16px;
+        //	font-weight: 600;
+        //}
 
-				//.right-btn-box {
-				//	position: absolute;
-				//	width: 100px;
-				//	height: 62px;
-				//	top: calc(50% - 31px);
-				//	right: 0;
-				//	display: flex;
-				//	flex-direction: column;
-				//	justify-content: space-between;
+        //.right-btn-box {
+        //	position: absolute;
+        //	width: 100px;
+        //	height: 62px;
+        //	top: calc(50% - 31px);
+        //	right: 0;
+        //	display: flex;
+        //	flex-direction: column;
+        //	justify-content: space-between;
         //
-				//	.el-button {
-				//		width: 100%;
-				//		padding: 0;
-				//		height: 25px;
-				//		line-height: 22px;
-				//		border: 1px solid #e0e0e0;
-				//		color: #616161;
+        //	.el-button {
+        //		width: 100%;
+        //		padding: 0;
+        //		height: 25px;
+        //		line-height: 22px;
+        //		border: 1px solid #e0e0e0;
+        //		color: #616161;
         //
-				//		&.active {
-				//			background: $main-color;
-				//			color: white;
-				//		}
+        //		&.active {
+        //			background: $main-color;
+        //			color: white;
+        //		}
         //
-				//		&:last-of-type {
-				//			margin: 0;
-				//		}
-				//	}
-				//}
-			}
-		}
+        //		&:last-of-type {
+        //			margin: 0;
+        //		}
+        //	}
+        //}
+      }
+    }
 
-		.right-box {
-			width: 36.5%;
-			height: 100%;
-			display: flex;
-			flex-direction: column;
+    .right-box {
+      width: 36.5%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
 
-			.top-btn-box {
-				width: 100%;
-				height: 34px;
-				margin-bottom: 5px;
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
+      .top-btn-box {
+        width: 100%;
+        height: 34px;
+        margin-bottom: 5px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
 
-				.top-left-btn-box {
-					display: flex;
-					align-items: center;
+        .top-left-btn-box {
+          display: flex;
+          align-items: center;
 
-					.el-select {
-						margin-right: 10px;
-					}
-				}
+          .el-select {
+            margin-right: 10px;
+          }
+        }
 
-				.el-button {
-					border-radius: 16px;
-					height: 31px;
-					background-color: transparent;
-					color: #c77000;
-				}
+        .el-button {
+          border-radius: 16px;
+          height: 31px;
+          background-color: transparent;
+          color: #c77000;
+        }
 
-				&>.el-button {
-					border-radius: 4px;
-					background-color: #f2f3f5;
-					color: $main-color;
-				}
-			}
+        & > .el-button {
+          border-radius: 4px;
+          background-color: #f2f3f5;
+          color: $main-color;
+        }
+      }
 
-			.monitoring-message {
-				width: 100%;
-				height: 41%;
-				padding-bottom: 10px;
-				display: flex;
-				justify-content: space-between;
+      .monitoring-message {
+        width: 100%;
+        height: 41%;
+        padding-bottom: 10px;
+        display: flex;
+        justify-content: space-between;
 
-				&>.left-box {
-					position: relative;
-					width: 200px;
-					height: 100%;
+        & > .left-box {
+          position: relative;
+          width: 200px;
+          height: 100%;
 
-					.unusual-title {
-						display: block;
-						width: 100%;
-						line-height: 38px;
-						color: #C77000;
-						font-size: 20px;
-						text-align: center;
-						border: 1px dashed #C1C1C1;
-						border-radius: 10px;
-					}
+          .unusual-title {
+            display: block;
+            width: 100%;
+            line-height: 38px;
+            color: #C77000;
+            font-size: 20px;
+            text-align: center;
+            border: 1px dashed #C1C1C1;
+            border-radius: 10px;
+          }
 
-					.unusual-box {
-						width: 100%;
-						height: calc(100% - 45px);
-						// background: #F8F8F8;
-						border-left: 1px dashed #C1C1C1;
-						// border-radius: 4px;
-						margin-top: 5px;
-						padding: 8px 16px;
-						overflow-y: auto;
+          .unusual-box {
+            width: 100%;
+            height: calc(100% - 45px);
+            // background: #F8F8F8;
+            border-left: 1px dashed #C1C1C1;
+            // border-radius: 4px;
+            margin-top: 5px;
+            padding: 8px 16px;
+            overflow-y: auto;
 
-						li {
-							color: #F80000;
-							font-size: 14px;
-							line-height: 22px;
-						}
-					}
-				}
+            li {
+              color: #F80000;
+              font-size: 14px;
+              line-height: 22px;
+            }
+          }
+        }
 
-				&>.right-box {
-					width: calc(100% - 205px);
-					height: 100%;
+        & > .right-box {
+          width: calc(100% - 205px);
+          height: 100%;
 
-					//	.video-box {
-					//		position: relative;
-					//		width: 100%;
-					//		height: 270px;
-					//		background: $main-color;
-					//		/* background: url(@/assets/imgs/video_bck.png);
-					//background-size: 100% 100%; */
-					//
-					//		&:hover {
-					//			.icon-box {
-					//				display: flex;
-					//			}
-					//		}
-					//
-					//		.icon-box {
-					//			display: none;
-					//			position: absolute;
-					//			top: 0;
-					//			left: 0;
-					//			bottom: 0;
-					//			right: 0;
-					//			font-size: 60px;
-					//			color: white;
-					//			background: rgba(black, .3);
-					//			justify-content: center;
-					//			align-items: center;
-					//		}
-					//
-					//		video {
-					//			width: 100%;
-					//			height: 100%;
-					//			object-fit: cover;
-					//		}
-					//	}
+          //	.video-box {
+          //		position: relative;
+          //		width: 100%;
+          //		height: 270px;
+          //		background: $main-color;
+          //		/* background: url(@/assets/imgs/video_bck.png);
+          //background-size: 100% 100%; */
+          //
+          //		&:hover {
+          //			.icon-box {
+          //				display: flex;
+          //			}
+          //		}
+          //
+          //		.icon-box {
+          //			display: none;
+          //			position: absolute;
+          //			top: 0;
+          //			left: 0;
+          //			bottom: 0;
+          //			right: 0;
+          //			font-size: 60px;
+          //			color: white;
+          //			background: rgba(black, .3);
+          //			justify-content: center;
+          //			align-items: center;
+          //		}
+          //
+          //		video {
+          //			width: 100%;
+          //			height: 100%;
+          //			object-fit: cover;
+          //		}
+          //	}
 
-					.message-box {
-						width: 100%;
-						//            height: 270px;
-						height: 100%;
-						// margin-bottom: 5px;
+          .message-box {
+            width: 100%;
+            //            height: 270px;
+            height: 100%;
+            // margin-bottom: 5px;
 
-						.message-log {
-							width: 100%;
-							height: 100%;
-							max-height: calc(100% - 35px);
-							padding: 16px 20px;
-							box-sizing: border-box;
-							border: 1px solid #c8c8c8;
-							background: #f8f8f8;
-							overflow-y: auto;
+            .message-log {
+              width: 100%;
+              height: 100%;
+              max-height: calc(100% - 35px);
+              padding: 16px 20px;
+              box-sizing: border-box;
+              border: 1px solid #c8c8c8;
+              background: #f8f8f8;
+              overflow-y: auto;
 
-							li {
-								width: 100%;
-								font-size: 14px;
-								line-height: 1.6;
-								margin: 5px 0;
+              li {
+                width: 100%;
+                font-size: 14px;
+                line-height: 1.6;
+                margin: 5px 0;
 
-								&.align-right {
-									text-align: right;
-								}
+                &.align-right {
+                  text-align: right;
+                }
 
-								span {
-									display: inline-block;
-									max-width: 80%;
-									padding: 6px 8px;
-									box-sizing: border-box;
-									border-radius: 8px;
-									color: white;
-									letter-spacing: 1px;
-									background: $main-color;
-									text-align: left;
-								}
-							}
-						}
+                span {
+                  display: inline-block;
+                  max-width: 80%;
+                  padding: 6px 8px;
+                  box-sizing: border-box;
+                  border-radius: 8px;
+                  color: white;
+                  letter-spacing: 1px;
+                  background: $main-color;
+                  text-align: left;
+                }
+              }
+            }
 
-						.send-box {
-							width: 100%;
-							height: 40px;
-							display: flex;
-							justify-content: space-between;
-							align-items: flex-end;
+            .send-box {
+              width: 100%;
+              height: 40px;
+              display: flex;
+              justify-content: space-between;
+              align-items: flex-end;
 
-							.el-input {
-								width: calc(100% - 110px);
-								height: 32px;
+              .el-input {
+                width: calc(100% - 110px);
+                height: 32px;
 
-								:deep(.el-input__wrapper) {
-									background-color: #F2F3F5;
-									border-color: #C1C1C1;
-								}
-							}
+                :deep(.el-input__wrapper) {
+                  background-color: #F2F3F5;
+                  border-color: #C1C1C1;
+                }
+              }
 
-							.el-button {
-								padding: 0;
-								width: 100px;
-								line-height: 30px;
-							}
-						}
-					}
-				}
-			}
+              .el-button {
+                padding: 0;
+                width: 100px;
+                line-height: 30px;
+              }
+            }
+          }
+        }
+      }
 
-			.table-box {
-				width: 100%;
-				height: 29.5%;
-				margin-bottom: 20px;
-				flex-grow: 1;
+      .table-box {
+        width: 100%;
+        height: 29.5%;
+        margin-bottom: 20px;
+        flex-grow: 1;
 
-				:deep(.el-table__inner-wrapper) {
-					.el-table__cell {
-						padding: 6px 0;
-					}
+        :deep(.el-table__inner-wrapper) {
+          .el-table__cell {
+            padding: 6px 0;
+          }
 
-					.cell {
-						padding: 0 2px;
-					}
+          .cell {
+            padding: 0 2px;
+          }
 
-					.el-table__header-wrapper {
-						tr {
-							background-color: $main-color;
-						}
+          .el-table__header-wrapper {
+            tr {
+              background-color: $main-color;
+            }
 
-						th.el-table__cell {
-							color: white;
-							background-color: $main-color;
-							padding: 8px 0;
-							font-weight: 400;
-						}
-					}
-				}
+            th.el-table__cell {
+              color: white;
+              background-color: $main-color;
+              padding: 8px 0;
+              font-weight: 400;
+            }
+          }
+        }
 
-				//.table-btn-box {
-				//	.el-button {
-				//		padding: 0 7px;
-				//		height: 24px;
-				//		line-height: 22px;
+        //.table-btn-box {
+        //	.el-button {
+        //		padding: 0 7px;
+        //		height: 24px;
+        //		line-height: 22px;
         //
-				//		&:not(:first-of-type) {
-				//			margin-left: 4px;
-				//		}
-				//	}
-				//}
-			}
-		}
-	}
+        //		&:not(:first-of-type) {
+        //			margin-left: 4px;
+        //		}
+        //	}
+        //}
+      }
+    }
+  }
 }
 </style>