按照效果图修改样式

This commit is contained in:
limengnan 2026-01-15 16:05:19 +08:00
parent 653f4e1666
commit 599d1f6807
5 changed files with 25 additions and 22 deletions

View File

@ -695,6 +695,7 @@ function editClick(){
display: flex; display: flex;
gap: 15px; gap: 15px;
padding: 15px; padding: 15px;
padding-top: 0px;
overflow: hidden; overflow: hidden;
} }
@ -1026,7 +1027,7 @@ function editClick(){
} }
.dashboard-container .main-dashboard-content .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { .dashboard-container .main-dashboard-content .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
background-color: #1f2c45 !important; background-color: #1f2c45 ;
} }
.dashboard-container .main-dashboard-content .el-table th.el-table__cell.is-leaf { .dashboard-container .main-dashboard-content .el-table th.el-table__cell.is-leaf {
@ -1034,10 +1035,8 @@ function editClick(){
} }
.dashboard-container .main-dashboard-content .el-table td.el-table__cell { .dashboard-container .main-dashboard-content .el-table td.el-table__cell {
background-color: transparent !important; background-color: transparent ;
} }
.el-table--border .el-table__cell { .el-table--border .el-table__cell {
border-right: transparent !important; border-right: transparent !important;
} }
@ -1048,7 +1047,9 @@ function editClick(){
.el-table__inner-wrapper:before { .el-table__inner-wrapper:before {
background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, 1);
} }
.dashboard-container .el-table__inner-wrapper:before{
background-color: rgba(55, 65, 81, 0);
}
.dashboard-container .main-dashboard-content .el-table__border-bottom-patch, .dashboard-container .main-dashboard-content .el-table__border-bottom-patch,
.el-table__border-left-patch { .el-table__border-left-patch {
background-color: rgba(55, 65, 81, 1); background-color: rgba(55, 65, 81, 1);
@ -1116,10 +1117,7 @@ function editClick(){
.primary-view-buttons:hover{ .primary-view-buttons:hover{
background-color: rgb(52, 119, 254); background-color: rgb(52, 119, 254);
} }
.dashboard-container .main-dashboard-content .el-table--enable-row-hover .el-table__body tr:hover > td {
background-color: #363636 !important; /* 自定义浅蓝底色 */
}
.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row td{ .dashboard-container .main-dashboard-content .el-table .el-table__row.current-row td{
background-color: #194764 !important; background-color: #194764 !important;
border-top:1px solid #14aaff; border-top:1px solid #14aaff;
@ -1269,7 +1267,7 @@ function editClick(){
color:#fff; color:#fff;
} }
.pagination-box{ .pagination-box{
margin-top: 10px; margin-top: 20px;
justify-content: flex-end; justify-content: flex-end;
} }
.patient-detail .el-scrollbar{ .patient-detail .el-scrollbar{
@ -1519,4 +1517,8 @@ function editClick(){
.current-row .processed-status{ .current-row .processed-status{
color: rgb(59, 242, 198); color: rgb(59, 242, 198);
} }
.dashboard-container .main-dashboard-content .el-table .el-table--enable-row-hover .el-table__body tr:hover > td{
background-color: #194764 !important;
}
</style> </style>

View File

@ -226,8 +226,8 @@
<img :src="noImageSvg" style="margin-left: 15px;"> <img :src="noImageSvg" style="margin-left: 15px;">
<div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开</div> <div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开</div>
</div> </div>
<div class="xline"></div> <div v-if="(pressureStatus === '已连接' && footImgSrc)" class="xline"></div>
<div class="yline"></div> <div v-if="(pressureStatus === '已连接' && footImgSrc)" class="yline"></div>
</div> </div>
</div> </div>
<div class="body-footbottom-left"> <div class="body-footbottom-left">
@ -257,7 +257,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col v-if=" camera1Status === '已连接' && camera2Status === '已连接' " <el-col v-if="camera1Status === '已连接' && camera2Status === '已连接'"
:span="6" style="flex: 0 0 24%;height: calc(100% - 0px); position: relative;"> :span="6" style="flex: 0 0 24%;height: calc(100% - 0px); position: relative;">
<div class="body-userinfo-box" :class="isExpand == true?'body-userinfo-expandbox':''"> <div class="body-userinfo-box" :class="isExpand == true?'body-userinfo-expandbox':''">
<div class="body-title-display"> <div class="body-title-display">
@ -427,9 +427,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col v-if="camera1Status === '已连接' || camera2Status === '已连接'"
<el-col v-if="camera1Status === '已连接' || camera2Status === '已连接'"
:span="6" style="flex: 0 0 24%;height: calc(100% - 0px);"> :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
<div class="body-userinfo-box1"> <div class="body-userinfo-box1">
<div class="body-title-display"> <div class="body-title-display">
@ -2958,7 +2956,7 @@ function viewClick(e){
padding: 0 20px; padding: 0 20px;
} }
.body-userinfo-content-bottom{ .body-userinfo-content-bottom{
padding:10px; padding:20px;
padding-top: 20px; padding-top: 20px;
position: relative; position: relative;
width: calc(100%); width: calc(100%);
@ -2985,7 +2983,7 @@ function viewClick(e){
.body-userinfo-content-bottom0{ .body-userinfo-content-bottom0{
padding:10px; padding:20px;
padding-top: 20px; padding-top: 20px;
position: relative; position: relative;
width: calc(100%); width: calc(100%);
@ -3010,7 +3008,7 @@ function viewClick(e){
font-style: normal; font-style: normal;
} }
.body-userinfo-content-bottom1{ .body-userinfo-content-bottom1{
padding:10px; padding:20px;
padding-top: 10px; padding-top: 10px;
position: relative; position: relative;
width: calc(100%); width: calc(100%);
@ -3036,7 +3034,7 @@ function viewClick(e){
} }
.body-userinfo-content-bottom2{ .body-userinfo-content-bottom2{
padding:10px; padding:20px;
padding-top: 20px; padding-top: 20px;
position: relative; position: relative;
width: calc(100%); width: calc(100%);

View File

@ -7,7 +7,7 @@
<img src="@/assets/close.png" alt="" style="cursor: pointer;" @click="handleCancel('关闭')"> <img src="@/assets/close.png" alt="" style="cursor: pointer;" @click="handleCancel('关闭')">
</div> </div>
<div style="padding:20px 30px;"> <div style="padding:20px 30px;">
<el-form :model="diagnosticForm" label-width="60px"> <el-form :model="diagnosticForm" label-width="40px">
<el-form-item label="记录"> <el-form-item label="记录">
<el-input v-model="diagnosticForm.diagnosis_info" resize="none" :rows="10" type="textarea" placeholder="记录信息" /> <el-input v-model="diagnosticForm.diagnosis_info" resize="none" :rows="10" type="textarea" placeholder="记录信息" />
</el-form-item> </el-form-item>

View File

@ -403,7 +403,7 @@ function userConfirm(){
.user-return:hover{ .user-return:hover{
cursor: pointer; cursor: pointer;
color: rgb(0, 140, 255); color: #14aaff;
text-decoration: underline; text-decoration: underline;
} }
.License-dialog-box{ .License-dialog-box{

View File

@ -1259,6 +1259,9 @@ historyAPI.VideoDelById(ids).then((response)=>{
background-color: #787878; background-color: #787878;
} }
.patient-profile-container .el-table__inner-wrapper:before {
background-color: transparent;
}
.patient-profile-container .el-table__border-bottom-patch, .patient-profile-container .el-table__border-bottom-patch,
.el-table__border-left-patch { .el-table__border-left-patch {
background-color: #787878; background-color: #787878;