链接样式问题

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

View File

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

View File

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