From 5532086549027613120cbd47b86f4c35bb1a9eeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E7=8C=AB?=
 <13581431+xiongmao1988@user.noreply.gitee.com>
Date: Thu, 30 May 2024 09:02:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E4=BA=86=E5=AF=B9=E8=AF=9D=E6=A1=86?=
 =?UTF-8?q?=E7=9A=84=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/remote-manage/remote-control.vue | 94 ++++++++++++----------
 1 file changed, 53 insertions(+), 41 deletions(-)

diff --git a/src/views/remote-manage/remote-control.vue b/src/views/remote-manage/remote-control.vue
index 004be43..93ddc69 100644
--- a/src/views/remote-manage/remote-control.vue
+++ b/src/views/remote-manage/remote-control.vue
@@ -9,8 +9,8 @@
 					@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>
+<!--				<chart-ecg ref="chartDom4" class="chart-ecg" :name="['CH1', 'CH2']"-->
+<!--					@exception-event="vitalExcepEvent"></chart-ecg>-->
 			</div>
 
 			<div class="center-box">
@@ -42,8 +42,8 @@
 						<!--							<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" style="width: 200px;" @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">
@@ -110,7 +110,7 @@
 </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 prop="state" label="工作状态" width="150" align="center" />
 						<!-- <el-table-column label="特殊情况人为干预" align="center">
 							<template #default="scope">
 								<div class="table-btn-box">
@@ -139,11 +139,11 @@
 				<!-- 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 type="index" label="序号" width="80" 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 prop="state" label="工作状态" width="150" align="center" />
 						<!-- <el-table-column label="特殊情况人为干预" align="center">
 							<template #default="scope">
 								<div class="table-btn-box">
@@ -582,6 +582,7 @@ function startAI() {
 			width: 37%;
 			height: 100%;
 
+
 			&>h3 {
 				font-size: 26px;
 				color: $main-color;
@@ -592,7 +593,7 @@ function startAI() {
 
 			.chart-line {
 				width: 100%;
-				height: calc(25% - 30px);
+				height: calc(33.3% - 30px);
 				margin-bottom: 20px;
 				background: #e8f5f8;
 				border-top-left-radius: 20px;
@@ -600,38 +601,38 @@ function startAI() {
 				// overflow: hidden;
 			}
 
-			.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;
-				}
-
-				&::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;
-				}
-			}
+			//.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;
+			//	}
+      //
+			//	&::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 {
@@ -650,6 +651,7 @@ function startAI() {
 					position: relative;
 					// width: 400px;
 					// height: 650px;
+          margin-top: 80px;
 					width: 500px;
 					height: 812.5px;
 					min-height: 650px;
@@ -770,6 +772,7 @@ function startAI() {
 					width: 200px;
 					height: 100%;
 
+
 					.unusual-title {
 						display: block;
 						width: 100%;
@@ -791,10 +794,12 @@ function startAI() {
 						padding: 8px 16px;
 						overflow-y: auto;
 
+
 						li {
 							color: #F80000;
 							font-size: 14px;
 							line-height: 22px;
+
 						}
 					}
 				}
@@ -803,6 +808,7 @@ function startAI() {
 					width: calc(100% - 205px);
 					height: 100%;
 
+
 					//	.video-box {
 					//		position: relative;
 					//		width: 100%;
@@ -854,14 +860,20 @@ function startAI() {
 							background: #f8f8f8;
 							overflow-y: auto;
 
+
 							li {
 								width: 100%;
 								font-size: 14px;
 								line-height: 1.6;
 								margin: 5px 0;
 
+
 								&.align-right {
 									text-align: right;
+                  span {
+                    background: $main-color;
+                  }
+
 								}
 
 								span {
@@ -872,7 +884,7 @@ function startAI() {
 									border-radius: 8px;
 									color: white;
 									letter-spacing: 1px;
-									background: $main-color;
+									background: #92b3c1;
 									text-align: left;
 								}
 							}