按照效果图修改样式
This commit is contained in:
parent
653f4e1666
commit
599d1f6807
@ -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>
|
||||||
|
|||||||
@ -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%);
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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{
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user