root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2025-08-24 13:04:57 +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> @exception-event="vitalExcepEvent"></chart-line>
<chart-line ref="chartDom3" class="chart-line" :names="['SPO2', 'TEMP']" <chart-line ref="chartDom3" class="chart-line" :names="['SPO2', 'TEMP']"
@exception-event="vitalExcepEvent"></chart-line> @exception-event="vitalExcepEvent"></chart-line>
<chart-ecg ref="chartDom4" class="chart-ecg" :name="['CH1', 'CH2']" <!-- <chart-ecg ref="chartDom4" class="chart-ecg" :name="['CH1', 'CH2']"-->
@exception-event="vitalExcepEvent"></chart-ecg> <!-- @exception-event="vitalExcepEvent"></chart-ecg>-->
</div> </div>
<div class="center-box"> <div class="center-box">
@ -42,8 +42,8 @@
<!-- <el-option v-for="item in databaseOptions" :key="item.value" :label="item.label"--> <!-- <el-option v-for="item in databaseOptions" :key="item.value" :label="item.label"-->
<!-- :value="item.value"/>--> <!-- :value="item.value"/>-->
<!-- </el-select>--> <!-- </el-select>-->
<el-button color="#C77000" style="width: 150px;" @click="viewPatientInfo">患者信息</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" style="width: 150px;">已连接</el-button>-->
<!-- <el-button color="#C77000" >机器人运行正常</el-button>--> <!-- <el-button color="#C77000" >机器人运行正常</el-button>-->
</div> </div>
<el-button color="#e0e0e0" @click="backRemote"> <el-button color="#e0e0e0" @click="backRemote">
@ -110,7 +110,7 @@
</template> --> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="total" label="累计药量(ml)" 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"> <!-- <el-table-column label="特殊情况人为干预" align="center">
<template #default="scope"> <template #default="scope">
<div class="table-btn-box"> <div class="table-btn-box">
@ -139,11 +139,11 @@
<!-- table2 --> <!-- table2 -->
<div class="table-box"> <div class="table-box">
<el-table :data="fixedTableData" height="100%" style="width: 100%"> <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="name" label="药物名称" align="center" />
<el-table-column prop="speed" label="速度(ml/h)" width="100" /> <el-table-column prop="speed" label="速度(ml/h)" width="100" />
<el-table-column prop="total" label="累计药量(ml)" 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"> <!-- <el-table-column label="特殊情况人为干预" align="center">
<template #default="scope"> <template #default="scope">
<div class="table-btn-box"> <div class="table-btn-box">
@ -582,6 +582,7 @@ function startAI() {
width: 37%; width: 37%;
height: 100%; height: 100%;
&>h3 { &>h3 {
font-size: 26px; font-size: 26px;
color: $main-color; color: $main-color;
@ -592,7 +593,7 @@ function startAI() {
.chart-line { .chart-line {
width: 100%; width: 100%;
height: calc(25% - 30px); height: calc(33.3% - 30px);
margin-bottom: 20px; margin-bottom: 20px;
background: #e8f5f8; background: #e8f5f8;
border-top-left-radius: 20px; border-top-left-radius: 20px;
@ -600,38 +601,38 @@ function startAI() {
// overflow: hidden; // overflow: hidden;
} }
.chart-ecg { //.chart-ecg {
width: 100%; // width: 100%;
height: calc(25% - 50px); // height: calc(25% - 50px);
border-left: 1px solid #92b3c1; // border-left: 1px solid #92b3c1;
border-bottom: 1px solid #92b3c1; // border-bottom: 1px solid #92b3c1;
//
&::before { // &::before {
content: ''; // content: '';
position: absolute; // position: absolute;
width: 0; // width: 0;
height: 0; // height: 0;
top: 0; // top: 0;
left: -5px; // left: -5px;
border-left: 5px solid transparent; // border-left: 5px solid transparent;
border-right: 5px solid transparent; // border-right: 5px solid transparent;
border-bottom: 15px solid #285e7d; // border-bottom: 15px solid #285e7d;
border-top: 0; // border-top: 0;
} // }
//
&::after { // &::after {
content: ''; // content: '';
position: absolute; // position: absolute;
width: 0; // width: 0;
height: 0; // height: 0;
bottom: -5px; // bottom: -5px;
right: 0; // right: 0;
border-left: 15px solid #285e7d; // border-left: 15px solid #285e7d;
border-right: 0; // border-right: 0;
border-bottom: 5px solid transparent; // border-bottom: 5px solid transparent;
border-top: 5px solid transparent; // border-top: 5px solid transparent;
} // }
} //}
} }
.center-box { .center-box {
@ -650,6 +651,7 @@ function startAI() {
position: relative; position: relative;
// width: 400px; // width: 400px;
// height: 650px; // height: 650px;
margin-top: 80px;
width: 500px; width: 500px;
height: 812.5px; height: 812.5px;
min-height: 650px; min-height: 650px;
@ -770,6 +772,7 @@ function startAI() {
width: 200px; width: 200px;
height: 100%; height: 100%;
.unusual-title { .unusual-title {
display: block; display: block;
width: 100%; width: 100%;
@ -791,10 +794,12 @@ function startAI() {
padding: 8px 16px; padding: 8px 16px;
overflow-y: auto; overflow-y: auto;
li { li {
color: #F80000; color: #F80000;
font-size: 14px; font-size: 14px;
line-height: 22px; line-height: 22px;
} }
} }
} }
@ -803,6 +808,7 @@ function startAI() {
width: calc(100% - 205px); width: calc(100% - 205px);
height: 100%; height: 100%;
// .video-box { // .video-box {
// position: relative; // position: relative;
// width: 100%; // width: 100%;
@ -854,14 +860,20 @@ function startAI() {
background: #f8f8f8; background: #f8f8f8;
overflow-y: auto; overflow-y: auto;
li { li {
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;
line-height: 1.6; line-height: 1.6;
margin: 5px 0; margin: 5px 0;
&.align-right { &.align-right {
text-align: right; text-align: right;
span {
background: $main-color;
}
} }
span { span {
@ -872,7 +884,7 @@ function startAI() {
border-radius: 8px; border-radius: 8px;
color: white; color: white;
letter-spacing: 1px; letter-spacing: 1px;
background: $main-color; background: #92b3c1;
text-align: left; text-align: left;
} }
} }