root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2025-08-23 20:44:58 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

改了对话框的颜色

This commit is contained in:
熊猫 2024-05-30 09:02:42 +08:00
parent 134d202f67
commit 5532086549
1 changed files with 53 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
src/views/remote-manage/remote-control.vue
View File

@ -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;
}
}