空白异常

This commit is contained in:
yy 2024-05-29 10:20:34 +08:00
parent 97709b525f
commit 92130cdd74

View File

@ -5,7 +5,7 @@
<el-button v-if="remoteItem?.taskName" class="break-btn" @click="breakRemote">断开连接</el-button> <el-button v-if="remoteItem?.taskName" class="break-btn" @click="breakRemote">断开连接</el-button>
</div> </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="left-box">
<div class="info-box"> <div class="info-box">
<div class="row-item"> <div class="row-item">
@ -24,15 +24,15 @@
</div> </div>
<div class="row-item"> <div class="row-item">
<span class="label">手术状态</span> <span class="label">手术状态</span>
<span class="tag-value" :class="{'normal': !patientInfo.state}">正常</span> <span class="tag-value" :class="{ 'normal': !patientInfo.state }">正常</span>
<span class="tag-value" :class="{'alarm': patientInfo.state}">异常</span> <span class="tag-value" :class="{ 'alarm': patientInfo.state }">异常</span>
</div> </div>
</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="label">BIS</span>
<span class="value">{{ patientInfo.BIS }}</span> <span class="value">{{ patientInfo.BIS }}</span>
</div> </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="label">SBP</span>
<span class="value">{{ patientInfo.SBP }}<span class="unit">mmHg</span></span> <span class="value">{{ patientInfo.SBP }}<span class="unit">mmHg</span></span>
</div> </div>
@ -40,11 +40,11 @@
<span class="label">SPO2</span> <span class="label">SPO2</span>
<span class="value">{{ patientInfo.SPO2 }}</span> <span class="value">{{ patientInfo.SPO2 }}</span>
</div> </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="label">DBP</span>
<span class="value">{{ patientInfo.DBP }}<span class="unit">mmHg</span></span> <span class="value">{{ patientInfo.DBP }}<span class="unit">mmHg</span></span>
</div> </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="label">HR</span>
<span class="value">{{ patientInfo.HR }}<span class="unit">/</span></span> <span class="value">{{ patientInfo.HR }}<span class="unit">/</span></span>
</div> </div>
@ -57,7 +57,7 @@
<img src="@/assets/imgs/main_body_intact.png"> <img src="@/assets/imgs/main_body_intact.png">
</div> </div>
</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="left-box">
<div class="info-box"> <div class="info-box">
<div class="row-item"> <div class="row-item">
@ -69,11 +69,11 @@
<span class="input-value">{{ remoteItem.patientId }}</span> <span class="input-value">{{ remoteItem.patientId }}</span>
</div> </div>
</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="label">BIS</span>
<span class="value">{{ patientInfo.BIS }}</span> <span class="value">{{ patientInfo.BIS }}</span>
</div> </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="label">SBP</span>
<span class="value">{{ patientInfo.SBP }}<span class="unit">mmHg</span></span> <span class="value">{{ patientInfo.SBP }}<span class="unit">mmHg</span></span>
</div> </div>
@ -95,15 +95,15 @@
</div> </div>
<div class="row-item"> <div class="row-item">
<span class="label">手术状态</span> <span class="label">手术状态</span>
<span class="tag-value" :class="{'normal': !patientInfo.state}">正常</span> <span class="tag-value" :class="{ 'normal': !patientInfo.state }">正常</span>
<span class="tag-value" :class="{'alarm': patientInfo.state}">异常</span> <span class="tag-value" :class="{ 'alarm': patientInfo.state }">异常</span>
</div> </div>
</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="label">DBP</span>
<span class="value">{{ patientInfo.DBP }}<span class="unit">mmHg</span></span> <span class="value">{{ patientInfo.DBP }}<span class="unit">mmHg</span></span>
</div> </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="label">HR</span>
<span class="value">{{ patientInfo.HR }}<span class="unit">/</span></span> <span class="value">{{ patientInfo.HR }}<span class="unit">/</span></span>
</div> </div>
@ -117,8 +117,8 @@
</template> </template>
<script lang='ts' setup> <script lang='ts' setup>
import {onMounted, onUnmounted, ref} from 'vue' import { onMounted, onUnmounted, ref } from 'vue'
import {useRemoteWsStore} from "@/stores/remote-ws-store"; import { useRemoteWsStore } from "@/stores/remote-ws-store";
const emit = defineEmits(['addLogAfter', 'breakRemote']) const emit = defineEmits(['addLogAfter', 'breakRemote'])
const mediaMini800 = ref(false) const mediaMini800 = ref(false)
@ -155,9 +155,11 @@ function showData(i: any) {
function initData() { function initData() {
const remoteTasks = remoteWsStore.getRemoteTask(); const remoteTasks = remoteWsStore.getRemoteTask();
remoteItem.value = remoteTasks[remoteWsStore.currentTaskIndex] remoteItem.value = remoteTasks[remoteWsStore.getCurrentTaskIndex()]
if (remoteItem.value) {
remoteWsStore.createConnect(remoteItem.value.patient, remoteItem.value.patientId, remoteItem.value.date) remoteWsStore.createConnect(remoteItem.value.patient, remoteItem.value.patientId, remoteItem.value.date)
getData() getData()
}
} }
function getData() { function getData() {
@ -283,12 +285,15 @@ const breakRemote = () => {
} }
} }
.info-box, .row-item .value { .info-box,
.row-item .value {
display: none; display: none;
} }
&.is-total { &.is-total {
.info-box, .row-item .value {
.info-box,
.row-item .value {
display: block; display: block;
} }