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-29 16:57:18 +08:00
parent 3876d93321
commit abb6ddef32
2 changed files with 41 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/remote-manage/part/remote-dialog.vue
View File

@ -2,19 +2,20 @@
<el-dialog class="header-none" v-model="dialogVisible" :width="700" :show-close="false"> <el-dialog class="header-none" v-model="dialogVisible" :width="700" :show-close="false">
<div class="content-box"> <div class="content-box">
<img src="@/assets/imgs/remote/remote_bck.png"> <img src="@/assets/imgs/remote/remote_bck.png">
<div class="info"> <el-form class="info">
<h3>连接云服务器</h3> <h3>连接云服务器</h3>
<br> <br>
<p>云服务器连接状态：{{ patientInfo.isRemote ? '已连接' : '未连接' }}</p> <el-form-item>云服务器连接状态：{{ patientInfo.isRemote ? '已连接' : '未连接' }}</el-form-item>
<!-- <p>输入用户名：{{ patientInfo.serverun }}</p> <!-- <p>输入用户名：{{ patientInfo.serverun }}</p>
<p>密码：*********</p> <p>密码：*********</p>
<br>--> <br>-->
<p class="input-box"><span>输入病人姓名：</span> <el-form-item class="input-box" ><span>输入病人姓名：</span>
<el-input v-model="patientInfo.patient"></el-input> <el-input v-model="patientInfo.patient"></el-input>
</p> </el-form-item>
<p class="input-box"><span>输入病人住院号：</span> <el-form-item class="input-box" ><span>输入病人住院号：</span>
<el-input v-model="patientInfo.patientId"></el-input> <el-input v-model="patientInfo.patientId"></el-input>
</p> </el-form-item>
<!-- <p class="input-box"><span>请选择手术时间：</span>--> <!-- <p class="input-box"><span>请选择手术时间：</span>-->
<!-- <el-date-picker--> <!-- <el-date-picker-->
<!-- v-model="patientInfo.date"--> <!-- v-model="patientInfo.date"-->
@ -22,7 +23,7 @@
<!-- placeholder="请选择日期"--> <!-- placeholder="请选择日期"-->
<!-- />--> <!-- />-->
<!-- </p>--> <!-- </p>-->
</div> </el-form>
</div> </div>
<div class="btn-box"> <div class="btn-box">
<el-button class="f18" type="primary" @click="confirmRemote">确定连接</el-button> <el-button class="f18" type="primary" @click="confirmRemote">确定连接</el-button>
@ -118,19 +119,21 @@ const unsubscribeLastTask = () => {
width: calc(100% - 290px); width: calc(100% - 290px);
color: $main-color; color: $main-color;
line-height: 2; line-height: 2;
font-weight: 600; font-weight: 700;
h3 { h3 {
font-size: 28px; font-size: 28px;
margin-top: 20px;
} }
p { //p {
font-size: 15px; // font-size: 20px;
} //}
.input-box { .input-box {
display: flex; display: flex;
align-items: center; align-items: center;
&>span { &>span {
flex-shrink: 0; flex-shrink: 0;
} }
:deep(.el-input) { :deep(.el-input) {
border-bottom: 1px solid $text3-color; border-bottom: 1px solid $text3-color;
@ -139,8 +142,10 @@ const unsubscribeLastTask = () => {
padding: 0; padding: 0;
input { input {
height: 20px; height: 20px;
font-size: 15px; font-size: 18px;
color: $main-color; color: $main-color;
font-weight: 700;
margin-top: 2px;
} }
} }
} }
@ -152,11 +157,12 @@ const unsubscribeLastTask = () => {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 50px; margin-top: 20px;
.el-button { .el-button {
font-weight: 600; font-weight: 600;
padding: 15px 50px; padding: 15px 50px;
height: auto; height: auto;
margin-bottom: 15px;
} }
} }

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

@ -42,9 +42,9 @@
<!-- <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" @click="viewPatientInfo">患者信息</el-button> <el-button color="#C77000" style="width: 150px;" @click="viewPatientInfo">患者信息</el-button>
<el-button color="#C77000">已连接</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">
<el-icon> <el-icon>
@ -92,7 +92,7 @@
<!-- table1 --> <!-- table1 -->
<div class="table-box"> <div class="table-box">
<el-table :data="varTableData" height="100%" style="width: 100%"> <el-table :data="varTableData" 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="120"> <el-table-column prop="speed" label="速度(ml/h)" width="120">
<!-- <template #header> <!-- <template #header>
@ -141,7 +141,7 @@
<!-- 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">
@ -185,7 +185,7 @@
</span> </span>
</template> </template>
</el-dialog> </el-dialog>
<el-dialog v-model="isPatientDialog" title="患者信息" width="40%"> <el-dialog v-model="isPatientDialog" title="患者信息" width="50%">
<PatientsForm ref="patientsFormRef" type="view" @close="isPatientDialog = false" /> <PatientsForm ref="patientsFormRef" type="view" @close="isPatientDialog = false" />
</el-dialog> </el-dialog>
</div> </div>
@ -579,7 +579,7 @@ function startAI() {
justify-content: space-between; justify-content: space-between;
.left-box { .left-box {
width: 670px; width: 37%;
height: 100%; height: 100%;
&>h3 { &>h3 {
@ -722,7 +722,7 @@ function startAI() {
} }
.right-box { .right-box {
width: 670px; width: 36.5%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -759,8 +759,8 @@ function startAI() {
} }
.monitoring-message { .monitoring-message {
width: 670px; width: 100%;
height: 450px; height: 41%;
padding-bottom: 10px; padding-bottom: 10px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -907,7 +907,7 @@ function startAI() {
.table-box { .table-box {
width: 100%; width: 100%;
height: calc(50% - 264.5px); height: 29.5%;
margin-bottom: 20px; margin-bottom: 20px;
flex-grow: 1; flex-grow: 1;
@ -934,17 +934,17 @@ function startAI() {
} }
} }
.table-btn-box { //.table-btn-box {
.el-button { // .el-button {
padding: 0 7px; // padding: 0 7px;
height: 24px; // height: 24px;
line-height: 22px; // line-height: 22px;
//
&:not(:first-of-type) { // &:not(:first-of-type) {
margin-left: 4px; // margin-left: 4px;
} // }
} // }
} //}
} }
} }
} }