From 92130cdd74d848ce8844ac918d62a49626d8cc72 Mon Sep 17 00:00:00 2001
From: yy <11@11.com>
Date: Wed, 29 May 2024 10:20:34 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A9=BA=E7=99=BD=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/remote-manage/part/remote-part.vue | 55 +++++++++++---------
 1 file changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/views/remote-manage/part/remote-part.vue b/src/views/remote-manage/part/remote-part.vue
index ad73963..fae37ed 100644
--- a/src/views/remote-manage/part/remote-part.vue
+++ b/src/views/remote-manage/part/remote-part.vue
@@ -5,7 +5,7 @@
 			<el-button v-if="remoteItem?.taskName" class="break-btn" @click="breakRemote">断开连接</el-button>
 		</div>
 		<!-- 小分辨率 -->
-		<div v-if="mediaMini800" class="content mini" :class="{'is-total': remoteItem?.isRemote}">
+		<div v-if="mediaMini800" class="content mini" :class="{ 'is-total': remoteItem?.isRemote }">
 			<div class="left-box">
 				<div class="info-box">
 					<div class="row-item">
@@ -19,20 +19,20 @@
 					<div class="row-item">
 						<span class="label">手术时间</span>
 						<span class="input-value">{{
-								remoteItem.date
-							}}</span>
+							remoteItem.date
+						}}</span>
 					</div>
 					<div class="row-item">
 						<span class="label">手术状态</span>
-						<span class="tag-value" :class="{'normal': !patientInfo.state}">正常</span>
-						<span class="tag-value" :class="{'alarm': patientInfo.state}">异常</span>
+						<span class="tag-value" :class="{ 'normal': !patientInfo.state }">正常</span>
+						<span class="tag-value" :class="{ 'alarm': patientInfo.state }">异常</span>
 					</div>
 				</div>
-				<div class="row-item" :class="{'alarm': patientInfo.BIS_except}">
+				<div class="row-item" :class="{ 'alarm': patientInfo.BIS_except }">
 					<span class="label">BIS</span>
 					<span class="value">{{ patientInfo.BIS }}</span>
 				</div>
-				<div class="row-item" :class="{'alarm': patientInfo.SBP_except}">
+				<div class="row-item" :class="{ 'alarm': patientInfo.SBP_except }">
 					<span class="label">SBP</span>
 					<span class="value">{{ patientInfo.SBP }}<span class="unit">mmHg</span></span>
 				</div>
@@ -40,11 +40,11 @@
 					<span class="label">SPO2</span>
 					<span class="value">{{ patientInfo.SPO2 }}</span>
 				</div>
-				<div class="row-item yellow" :class="{'alarm': patientInfo.DBP_except}">
+				<div class="row-item yellow" :class="{ 'alarm': patientInfo.DBP_except }">
 					<span class="label">DBP</span>
 					<span class="value">{{ patientInfo.DBP }}<span class="unit">mmHg</span></span>
 				</div>
-				<div class="row-item yellow" :class="{'alarm': patientInfo.HR_except}">
+				<div class="row-item yellow" :class="{ 'alarm': patientInfo.HR_except }">
 					<span class="label">HR</span>
 					<span class="value">{{ patientInfo.HR }}<span class="unit">次/分</span></span>
 				</div>
@@ -57,7 +57,7 @@
 				<img src="@/assets/imgs/main_body_intact.png">
 			</div>
 		</div>
-		<div v-else class="content" :class="{'is-total': remoteItem?.isRemote}">
+		<div v-else class="content" :class="{ 'is-total': remoteItem?.isRemote }">
 			<div class="left-box">
 				<div class="info-box">
 					<div class="row-item">
@@ -69,11 +69,11 @@
 						<span class="input-value">{{ remoteItem.patientId }}</span>
 					</div>
 				</div>
-				<div class="row-item" :class="{'alarm': patientInfo.BIS_except}">
+				<div class="row-item" :class="{ 'alarm': patientInfo.BIS_except }">
 					<span class="label">BIS</span>
 					<span class="value">{{ patientInfo.BIS }}</span>
 				</div>
-				<div class="row-item" :class="{'alarm': patientInfo.SBP_except}">
+				<div class="row-item" :class="{ 'alarm': patientInfo.SBP_except }">
 					<span class="label">SBP</span>
 					<span class="value">{{ patientInfo.SBP }}<span class="unit">mmHg</span></span>
 				</div>
@@ -90,20 +90,20 @@
 					<div class="row-item">
 						<span class="label">手术时间</span>
 						<span class="input-value">{{
-								remoteItem.date
-							}}</span>
+							remoteItem.date
+						}}</span>
 					</div>
 					<div class="row-item">
 						<span class="label">手术状态</span>
-						<span class="tag-value" :class="{'normal': !patientInfo.state}">正常</span>
-						<span class="tag-value" :class="{'alarm': patientInfo.state}">异常</span>
+						<span class="tag-value" :class="{ 'normal': !patientInfo.state }">正常</span>
+						<span class="tag-value" :class="{ 'alarm': patientInfo.state }">异常</span>
 					</div>
 				</div>
-				<div class="row-item" :class="{'alarm': patientInfo.DBP_except}">
+				<div class="row-item" :class="{ 'alarm': patientInfo.DBP_except }">
 					<span class="label">DBP</span>
 					<span class="value">{{ patientInfo.DBP }}<span class="unit">mmHg</span></span>
 				</div>
-				<div class="row-item" :class="{'alarm': patientInfo.HR_except}">
+				<div class="row-item" :class="{ 'alarm': patientInfo.HR_except }">
 					<span class="label">HR</span>
 					<span class="value">{{ patientInfo.HR }}<span class="unit">次/分</span></span>
 				</div>
@@ -117,8 +117,8 @@
 </template>
 
 <script lang='ts' setup>
-import {onMounted, onUnmounted, ref} from 'vue'
-import {useRemoteWsStore} from "@/stores/remote-ws-store";
+import { onMounted, onUnmounted, ref } from 'vue'
+import { useRemoteWsStore } from "@/stores/remote-ws-store";
 
 const emit = defineEmits(['addLogAfter', 'breakRemote'])
 const mediaMini800 = ref(false)
@@ -155,9 +155,11 @@ function showData(i: any) {
 
 function initData() {
 	const remoteTasks = remoteWsStore.getRemoteTask();
-	remoteItem.value = remoteTasks[remoteWsStore.currentTaskIndex]
-	remoteWsStore.createConnect(remoteItem.value.patient, remoteItem.value.patientId, remoteItem.value.date)
-	getData()
+	remoteItem.value = remoteTasks[remoteWsStore.getCurrentTaskIndex()]
+	if (remoteItem.value) {
+		remoteWsStore.createConnect(remoteItem.value.patient, remoteItem.value.patientId, remoteItem.value.date)
+		getData()
+	}
 }
 
 function getData() {
@@ -283,12 +285,15 @@ const breakRemote = () => {
 			}
 		}
 
-		.info-box, .row-item .value {
+		.info-box,
+		.row-item .value {
 			display: none;
 		}
 
 		&.is-total {
-			.info-box, .row-item .value {
+
+			.info-box,
+			.row-item .value {
 				display: block;
 			}