按照效果图修改样式

This commit is contained in:
limengnan 2026-01-15 15:17:16 +08:00
parent 61a43a2800
commit 653f4e1666
13 changed files with 113 additions and 74 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 502 B

After

Width:  |  Height:  |  Size: 488 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 500 B

After

Width:  |  Height:  |  Size: 502 B

View File

@ -1034,7 +1034,7 @@ function editClick(){
}
.dashboard-container .main-dashboard-content .el-table td.el-table__cell {
background-color: #1c212e !important;
background-color: transparent !important;
}
@ -1103,7 +1103,7 @@ function editClick(){
margin-right: 10px;
}
.primary-view-buttons{
background-color: rgba(38, 111, 255, 1);
background-color: #14aaff;
/* width: 150px; */
height: 40px;
border: 0px;
@ -1122,17 +1122,17 @@ function editClick(){
.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row td{
background-color: #194764 !important;
border-top:1px solid rgba(38, 111, 255, 1);
border-bottom:1px solid rgba(38, 111, 255, 1)
border-top:1px solid #14aaff;
border-bottom:1px solid #14aaff
}
.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row td:last-child{
border-right:1px solid rgba(38, 111, 255, 1);
border-right:1px solid #14aaff;
}
.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row td:first-child{
border-left:1px solid rgba(38, 111, 255, 1);
border-left:1px solid #14aaff;
}
.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row:last-child td{
border-bottom:1px solid rgba(38, 111, 255, 1)
border-bottom:1px solid #14aaff
}
.dashboard-container .main-dashboard-content .el-table .el-table__body tr td {
@ -1509,7 +1509,7 @@ function editClick(){
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #FF3300;
color: #e44a4a;
text-align: center;
cursor: pointer;
}

View File

@ -2,7 +2,8 @@
<div class="detection-container-box">
<Header />
<div class="displaycontainer">
<div class="displayleft">
<div class="displayleft" style="width: 550px;">
<img src="@/assets/detection/progress.png" alt="" style=" margin-left:10px;margin-right:15px">
<div style="
font-size: 18px;
@ -16,7 +17,7 @@
<div style="font-size: 20px;">{{ calculateAge(patientInfo.birth_date) }}</div>
<el-button type="primary" class="endbutton" @click="endClick">结束检测</el-button>
</div>
<div class="displayleft">
<div class="displayleft" style="padding-left: 130px;">
<div class="icon-box" :title="remoteStatus =='未连接'?'截图':'截图(有遥控器)'" @click="saveDetectionData">
<img src="@/assets/detection/screenshot.png" alt="">
</div>
@ -37,7 +38,8 @@
<div class="startvideo-box" v-if="!isStartVideo">
</div>
</div>
<div class="displayleft">
<div class="displayleft" style="width: 550px;
justify-content: flex-end;padding-right: 5px;">
<div class="icon-box" title="相机参数设置" @click="cameraUpdate">
<img src="@/assets/detection/settings.png" alt="" >
</div>
@ -46,7 +48,7 @@
</div>
</div>
</div>
<div style="width:100%;height: calc(100% - 125px);" ref="contenGridRef">
<div style="width:100%;height: calc(100% - 131px);" ref="contenGridRef">
<!-- 主内容区域 -->
<el-row :gutter="15" style="padding: 10px;padding-top:0" >
<el-col :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
@ -705,7 +707,7 @@
<div class="pop-up-tip-container">
<div class="pop-up-tip-header">
<div>提示</div>
<img src="@/assets/header/closepage.png" alt="" style="cursor: pointer;" @click="handleCancel">
<img src="@/assets/header/closepage.png" alt="" style="cursor: pointer;" @click="handleCancel" >
</div>
<div class="pop-up-tip-text" v-if="!isVideoOperation">本次检测未截图或录像操作不予存档记录</div>
<div class="pop-up-tip-text" v-if="isVideoOperation">本次检测未截图操作存档记录不可生成报告</div>
@ -827,7 +829,7 @@
<div v-if="isBig1" style="position: fixed;top: 122px;right: 0;
width: 100%;height:calc(100% - 122px);z-index: 9999;
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;">
border: 1px solid #242E3D;">
<svg @click="isBig1=false" style="position: absolute;right: 10px;top:10px;cursor: pointer;" t="1760175800150" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5743" width="24" height="24"><path d="M796 163.1L511.1 448l-285-285-63.9 64 285 285-285 285 63.8 63.8 285-285 285 285 63.8-63.8-285-285 285-285-63.8-63.9z" fill="#ffffff" p-id="5744"></path></svg>
<img v-if="isBig1" :src="camera1ImgSrc" alt=""
style="width: 100%;height: calc(100%);object-fit:contain;background:#323232;" />
@ -836,7 +838,7 @@
<div v-if="isBig2" style="position: fixed;top: 122px;right: 0;
width: 100%;height:calc(100% - 122px);z-index: 9999;
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;">
border: 1px solid #242E3D;">
<svg @click="isBig2=false" style="position: absolute;right: 10px;top:10px;cursor: pointer;" t="1760175800150" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5743" width="24" height="24"><path d="M796 163.1L511.1 448l-285-285-63.9 64 285 285-285 285 63.8 63.8 285-285 285 285 63.8-63.8-285-285 285-285-63.8-63.9z" fill="#ffffff" p-id="5744"></path></svg>
<img v-if="isBig2" :src="camera2ImgSrc" alt=""
style="width: 100%;height: calc(100%);object-fit:contain;background:#323232;" />
@ -2707,7 +2709,7 @@ function viewClick(e){
width: 100%;
height: 100%;
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;
border: 1px solid #242E3D;
border-radius: 4px;
}
.body-header-box{
@ -2716,7 +2718,7 @@ function viewClick(e){
/* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;
border: 1px solid #242E3D;
border-radius: 4px;
}
.body-foot-box{
@ -2726,7 +2728,7 @@ function viewClick(e){
/* background:linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;
border: 1px solid #242E3D;
border-radius: 4px;
}
.body-title-display{
@ -2796,10 +2798,9 @@ function viewClick(e){
.currencytext1{
min-width: 100px;
font-size: 16px;
color: #FFFFFF;
font-family: "Noto Sans SC";
font-weight: 400;
color: #D1D5DB;
color: rgba(255, 255, 255, 0.6);
}
.currencytext2{
font-weight: 700;
@ -2829,7 +2830,7 @@ function viewClick(e){
display: flex;
align-items: center;
justify-content: center;
height: calc(100% - 50px);
height: calc(100% - 70px);
}
.body-footbottom-left{
width: 28%;
@ -2899,7 +2900,7 @@ function viewClick(e){
height: 346px;
/* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;
border: 1px solid #242E3D;
border-radius: 4px;
}
.body-userinfo-expandbox{
@ -2910,7 +2911,7 @@ function viewClick(e){
height: 534px ;
/* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;
border: 1px solid #242E3D;
border-radius: 4px;
}
.body-userinfo-box3{
@ -2918,7 +2919,7 @@ function viewClick(e){
height: 100% ;
/* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;
border: 1px solid #242E3D;
border-radius: 4px;
}
@ -2928,7 +2929,7 @@ function viewClick(e){
height: calc(100% - 348px - 14px) ;
/* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;
border: 1px solid #242E3D;
border-radius: 4px;
margin-top: 15px;
}
@ -2936,7 +2937,7 @@ function viewClick(e){
width: 100%;
height: calc(100% - 534px - 14px) ;
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #262d40;
border: 1px solid #242E3D;
border-radius: 4px;
margin-top: 15px;
}
@ -3242,8 +3243,7 @@ function viewClick(e){
bottom: 0;
margin: auto;
border-radius: 10px;
background: #1b202c;
/* background: linear-gradient(135deg, rgba(53, 67, 90, 1) 0%, rgba(53, 67, 90, 1) 0%, rgba(62, 79, 105, 1) 99%, rgba(62, 79, 105, 1) 100%); */
background: linear-gradient(135deg, rgba(53, 67, 90, 1) 0%, rgba(53, 67, 90, 1) 0%, rgba(62, 79, 105, 1) 99%, rgba(62, 79, 105, 1) 100%);
}
.pop-up-camera-container{
width: 668px;
@ -3329,7 +3329,7 @@ function viewClick(e){
.pop-up-camera-line{
width: 4px;
height: 13px;
background-color: rgba(38, 111, 255, 1);
background-color: #0b94d5;
margin-right: 3px;
}
.pop-up-camera-title{
@ -3349,9 +3349,7 @@ function viewClick(e){
}
.pop-up-camera-body :deep(.el-input__wrapper:hover) {
border-color: rgba(38, 111, 255, 1);
border-color: #14aaff;
}
.pop-up-camera-body :deep( .el-input__inner) {
font-weight: 400;
@ -3537,7 +3535,18 @@ function viewClick(e){
height: 40px;
}
.pop-up-camera-display .el-select__wrapper:hover{
border-color: #3d4c65;
border-color: #14aaff;
box-shadow: 0 0 0 1px transparent inset;
}
.pop-up-camera-display .el-checkbox__input.is-checked .el-checkbox__inner{
background-color: #14aaff;
border-color: #14aaff;
}
.pop-up-camera-display .el-checkbox__inner{
background-color: rgba(255, 255, 255, 0);
border-color: rgba(120, 120, 120, 1);
}
.pop-up-camera-display .el-checkbox__inner:hover{
border-color: #14aaff;
}
</style>

View File

@ -6,7 +6,7 @@
<div>诊断信息</div>
<img src="@/assets/close.png" alt="" style="cursor: pointer;" @click="handleCancel('关闭')">
</div>
<div style="padding:20px 40px;">
<div style="padding:20px 30px;">
<el-form :model="diagnosticForm" label-width="60px">
<el-form-item label="记录">
<el-input v-model="diagnosticForm.diagnosis_info" resize="none" :rows="10" type="textarea" placeholder="记录信息" />
@ -352,7 +352,7 @@ async function handleDiagnosticInfo(status) {
margin: auto;
background: #35435a;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(80, 80, 80, 1);
box-shadow: 0px 0px 10px #111821;
border-width: 1px;
border-style: solid;
border-color: #1b2535;
@ -409,7 +409,7 @@ async function handleDiagnosticInfo(status) {
color: #fff;
}
.DiagnosticMessage-container .el-textarea__inner:hover{
box-shadow: 0 0 0 1px #266fff inset;
box-shadow: 0 0 0 1px #14aaff inset;
}
.DiagnosticMessage-container .form-container {
width: 100%;
@ -450,7 +450,7 @@ async function handleDiagnosticInfo(status) {
height: 40px;
}
.DiagnosticMessage-container .el-select__wrapper:hover{
border-color: #3d4c65;
border-color: #14aaff;
box-shadow: 0 0 0 1px transparent inset;
}
.DiagnosticMessage-container .el-select__placeholder{

View File

@ -516,11 +516,13 @@ function closePopUpOnlyReport(e) {
width: 50%;
border-right:1px solid rgb(208, 208, 208) ;
box-sizing: border-box;
padding-right: 20px;
}
.generateReport-container-rightbox{
width: 50%;
box-sizing: border-box;
margin-left: 80px;
margin-left: 40px;
}
.displayflex{
display: flex;

View File

@ -16,14 +16,14 @@
</div>
</div>
<div class="header-right">
<div style="color:#fff;margin-right: 35px;
font-family: 'Noto Sans SC', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 1px;
color: #9CA3AF;">{{ time }} <span style="padding-left:20px">{{ headerWeek }}</span></div>
<!-- <div class="user-line"></div> -->
<div style="color:#fff;margin-right: 8px;
font-family: 'Noto Sans SC', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 1px;
color: #9CA3AF;">{{ time }} <span style="padding-left:20px">{{ headerWeek }}</span></div>
<div class="user-line" style="margin-right: 20px; "></div>
<div class="user-info">
<img src="@/assets/new/u13.png" alt="Avatar" style="width: 30px;height: 30px;">
<!-- @click="isUpdateUserInfo = true" -->
@ -258,7 +258,7 @@ function userConfirm(){
}
.header {
height: 60px;
height: 66px;
background: #191D28;
border-bottom: none;
display: flex;
@ -398,7 +398,7 @@ function userConfirm(){
width: 1px;
height: 15px;
margin: 0 10px;
background-color: #949494;
background-color: #505050;
}
.user-return:hover{

View File

@ -10,14 +10,15 @@
:class="activeTab == 'request'?'license_tabactive':''" >
<img v-if="activeTab == 'request'" src="@/assets/license/tab1_1.png" alt="">
<img v-else src="@/assets/license/tab1.png" alt="">
<span class="license_tabtext">授权申请</span>
<span class="license_tabtext license_activate">授权申请</span>
</div>
<div class="license_tabbox"
:class="activeTab == 'activate'?'license_tabactive':''"
@click="handleTabClick('activate')">
<img v-if="activeTab == 'request'" src="@/assets/license/tab2.png" alt="">
<img v-else src="@/assets/license/tab2_1.png" alt="">
<span class="license_tabtext">激活授权</span>
<span class="license_tabtext license_activate">激活授权</span>
</div>
</div>
<div v-if="activeTab == 'request'" class="tab-content">
@ -396,12 +397,15 @@ const activatePackage = async () => {
.activatePackage{
width: 118px;
height: 40px;
background: #266fff;
border-color: #266fff;
background: #0b94d5;
border-color: #0b94d5;
color: #fff;
}
.activatePackage:hover{
background: #14AAFF;
border-color: #14AAFF;
}
.license_activate:hover{
color: rgb(20, 170, 255);
}
</style>

View File

@ -566,7 +566,8 @@ const handleSave = async () => {
font-family: 'Noto Sans SC';
font-weight: 400 !important;
font-style: normal !important;
color: #FFFFFF !important;
color: rgba(255, 255, 255, 0.6) !important;
line-height: 40px !important;
}

View File

@ -93,7 +93,7 @@
:data="recordData" style="
margin-left: 10px;
margin-top: 10px;
width: calc(100% - 20px);height: calc(100% - 70px);"
width: calc(100% - 20px);height: calc(100% - 88px);"
@cell-click="selectRecord" @selection-change="handleSelectionChange"
row-key="id"
highlight-current-row>
@ -916,6 +916,7 @@ function viewPatientProfile() { //对比报告
message: '请选择相同类型报告对比',
duration: 5000
})
return
}
if(selectedData.value[0].data_ids.split(',').length == 1){
isAloneReportComparison.value = true
@ -1096,20 +1097,23 @@ historyAPI.VideoDelById(ids).then((response)=>{
.patientprofile-container-leftbox{
width: 550px;
height: 350px;
background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%);
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #242E3D;
border-radius: 5px;
}
.patientprofile-container-leftbottombox{
margin-top: 15px;
width: 550px;
height: calc(100% - 350px - 15px) ;
background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%);
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #242E3D;
border-radius: 5px;
}
.patientprofile-container-rightbox{
width: calc(100% - 550px - 15px) ;
height: 100%;
background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%);
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
border: 1px solid #242E3D;
border-radius: 5px;
}
@ -1313,6 +1317,9 @@ historyAPI.VideoDelById(ids).then((response)=>{
border-color: #0b94d5;
}
.patient-profile-container .el-checkbox__inner:hover{
border-color: #14aaff;
}
.patient-profile-container .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{
top: 6px;
}
@ -1325,7 +1332,7 @@ historyAPI.VideoDelById(ids).then((response)=>{
background-color: #1f2a45 !important;
}
.patientprofile-son-text{
font-weight: 700;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #FFFFFF;
@ -1345,7 +1352,7 @@ historyAPI.VideoDelById(ids).then((response)=>{
}
.patientprofile-container-databg{
width: 100%;
height: calc(100% - 40px);
height: calc(100% - 52px);
background-color: rgba(55, 65, 81, 1);
border-radius: 10px;
display: flex;
@ -1368,12 +1375,12 @@ historyAPI.VideoDelById(ids).then((response)=>{
.patientprofile-container-video{
width: 100%;
height: 32%;
margin-top: 5px;
margin-top: 27px;
}
.patientprofile-container-info{
width: 100%;
height: 36%;
margin-top: 5px;
height: 29%;
margin-top: 27px;
}
.patientprofile-container-data-displaycup{
@ -1393,10 +1400,11 @@ historyAPI.VideoDelById(ids).then((response)=>{
margin-right: 3px;
}
.patientprofile-container-data-title{
font-weight: 700;
font-weight: 400;
font-style: normal;
font-size: 15px;
font-size: 20px;
color: #FFFFFF;
margin-left: 5px;
}
.button-width70{
width: 70px !important;
@ -1547,10 +1555,10 @@ historyAPI.VideoDelById(ids).then((response)=>{
height: calc(100% - 45px);
}
.patientprofile-son-detectiontext{
font-weight: 700;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #00CC00;
color: #3BF2C6;
margin-left: 20px;
}
@ -1776,16 +1784,16 @@ historyAPI.VideoDelById(ids).then((response)=>{
.patient-profile-container .patientprofile-container .el-table .el-table__row.current-row td{
background-color: #194764 !important;
border-top:1px solid rgba(38, 111, 255, 1);
border-bottom:1px solid rgba(38, 111, 255, 1)
border-top:1px solid #14aaff;
border-bottom:1px solid #14aaff
}
.patient-profile-container .patientprofile-container .el-table .el-table__row.current-row td:last-child{
border-right:1px solid rgba(38, 111, 255, 1);
border-right:1px solid #14aaff;
}
.patient-profile-container .patientprofile-container .el-table .el-table__row.current-row td:first-child{
border-left:1px solid rgba(38, 111, 255, 1);
border-left:1px solid #14aaff;
}
.patient-profile-container .patientprofile-container .el-table .el-table__row.current-row:last-child td{
border-bottom:1px solid rgba(38, 111, 255, 1)
border-bottom:1px solid #14aaff
}
</style>

View File

@ -423,4 +423,17 @@ onMounted(() => {
background-image: url(@/assets/process/del-selected.png);
margin-right:5px ;
}
.PhotoAlbum-bg .el-checkbox__inner{
background-color: rgba(255, 255, 255, 0);
border-color: rgba(120, 120, 120, 1);
}
.PhotoAlbum-bg .el-checkbox__input.is-checked .el-checkbox__inner{
background-color: #0b94d5;
border-color: #0b94d5;
}
.PhotoAlbum-bg .el-checkbox__inner:hover{
border-color: #14aaff;
}
</style>

View File

@ -73,7 +73,7 @@
style="width: 100%;height: 100%; object-fit:contain; ">
</div>
<div class="PopUpReport-content-title">头部姿态</div>
<div style=" width:calc(100% - 10px); background:#1c222f;;padding:0 10px">
<div style=" width:calc(100% - 5px); background:#1c222f;;padding:0 10px">
<div style="width: 100%;padding-top:10px; display: flex;justify-content: space-between;">
<div class="rollyawpitchtitle">倾斜角</div>
<div class="rollyawpitchtitle">旋转角</div>
@ -150,7 +150,7 @@
style="width: 100%;height: 100%; object-fit:contain; ">
</div>
<div class="PopUpReport-content-title">头部姿态</div>
<div style=" width:calc(100% - 10px); background:#1c222f;padding:0 10px">
<div style=" width:calc(100% - 5px); background:#1c222f;padding:0 10px;margin-left: 5px;">
<div style="width: 100%;padding-top:20px; display: flex;justify-content: space-between;">
<div class="rollyawpitchtitle">倾斜角</div>
<div class="rollyawpitchtitle">旋转角</div>
@ -463,11 +463,13 @@ function getFormattedTime() {
width: calc(50% - 5px);
border-right:1px solid rgb(208, 208, 208) ;
box-sizing: border-box;
padding-right: 5px;
}
.PopUpReport-container-rightbox{
margin-left: 10px;
margin-left: 5px;
width: calc(50% - 5px);
box-sizing: border-box;
padding-right: 5px;
}
.displayflex{
display: flex;