ThbTech/BodyBalanceEvaluation
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改处理样式

Browse Source
This commit is contained in:
limengnan 2025-12-12 18:18:25 +08:00
parent ff7f1b09dd
commit c2cfb192d5
2 changed files with 97 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/renderer/src/views/DiagnosticMessage.vue
View File

@ -47,7 +47,7 @@
</div>
</div>
<el-dialog v-model="suggestionDialogVisible" title="选择建议" width="600px">
<el-dialog v-model="suggestionDialogVisible" title="选择建议" width="800px" class="treatmentDialogVisible">
<el-input v-model="suggestionSearch" placeholder="搜索建议" clearable />
<div style="margin-top:8px;max-height:240px;overflow:auto;">
<div v-for="opt in filteredSuggestions10" :key="opt" style="display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #f0f0f0;color:#fff;">
@ -66,7 +66,7 @@
<el-button @click="suggestionDialogVisible=false">关闭</el-button>
</template>
</el-dialog>
<el-dialog v-model="treatmentDialogVisible" title="选择处理" width="600px">
<el-dialog v-model="treatmentDialogVisible" title="选择处理" width="800px" class="treatmentDialogVisible">
<el-input v-model="treatmentSearch" placeholder="搜索处理" clearable />
<div style="margin-top:8px;max-height:240px;overflow:auto;">
<div v-for="opt in filteredTreatments10" :key="opt" style="display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #f0f0f0;color:#fff;">
@ -363,3 +363,31 @@ async function handleDiagnosticInfo(status) {
color: #ffffff;
}
</style>
<style>
.treatmentDialogVisible .el-dialog__title{
color: #fff;
}
.treatmentDialogVisible .el-dialog__close{
font-size: 24px !important;
}
.treatmentDialogVisible .el-input__wrapper{
background-color: #2a3649;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: 4px;
box-shadow: none;
height: 40px;
}
.treatmentDialogVisible .el-input__wrapper:hover{
border-color: #3d4c65;
box-shadow: 0 0 0 1px transparent inset;
}
.treatmentDialogVisible .el-input__inner {
color: #ffffff;
font-size: 14px;
height: 40px;
}
</style>

88
frontend/src/renderer/src/views/PatientProfile.vue
View File

@ -11,7 +11,7 @@
<img src="@/assets/header/closepage.png" alt="" style="cursor: pointer;" @click="handleCancel">
</div>
<div class="patientprofile-container">
<div style="height: 100%;width: 500px;margin-right: 15px;">
<div style="height: 100%;width: 550px;margin-right: 15px;">
<div class="patientprofile-container-leftbox">
<div class="patientprofile-title-display" style="margin-bottom:10px">
<div class="patientprofile-son-display">
@ -266,12 +266,18 @@
<div style="width: 50%;height: calc(100% - 10px) ">
<div class="patientprofile-container-dataInfobg-rightbox">
<div class="patientprofile-container-dataInfobg-lefttext" style="padding-top:0px">处理</div>
<el-select v-model="profileInfo.treatment_info" placeholder="请选择"
style="width: calc(100% - 80px);">
<el-option :label="'保持观察，不予处理'" :value="'保持观察，不予处理'" />
<div style="width: 100%; display:flex;align-items:center;">
<el-select v-model="profileInfo.treatment_info" placeholder="请选择" filterable allow-create default-first-option clearable
style="width:100%;">
<el-option v-for="opt in commonItems.treatment" :key="opt" :label="opt" :value="opt" />
</el-select>
<img src="@/assets/detection/set.png" alt=""
style="width: 24px;margin-left: 5px;cursor: pointer;">
<el-tooltip content="选择处理" placement="top">
<el-button circle :icon="List" size="small" @click="treatmentDialogVisible=true" />
</el-tooltip>
<el-tooltip content="新增到常用项" placement="top">
<el-button circle :icon="Plus" size="small" @click="addTreatmentFromInput" />
</el-tooltip>
</div>
</div>
<div class="patientprofile-container-dataInfobg-rightbottombox">
<div class="patientprofile-container-dataInfobg-lefttext" style="padding-top:0px">建议</div>
@ -321,10 +327,14 @@
<AloneReportComparison v-if="isAloneReportComparison" :selectedData="selectedData"
:selectedPatient="selectedPatient" @closeAloneReportComparison="isAloneReportComparison = false"/>
<el-dialog v-model="treatmentDialogVisible" title="选择处理" width="600px">
<el-dialog v-model="treatmentDialogVisible" title="选择处理" width="800px" class="treatmentDialogVisible">
<el-input v-model="treatmentSearch" placeholder="搜索处理" clearable />
<div style="margin-top:8px;max-height:240px;overflow:auto;">
<div v-for="opt in filteredTreatments10" :key="opt" style="display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #f0f0f0;color:#fff;">
<div style="margin-top:8px;height: calc(100vh - 400px);overflow:auto;">
<div v-for="opt in filteredTreatments10"
:key="opt"
style="display:flex;align-items:center;
justify-content:space-between;padding:10px 8px;
border-bottom:1px solid #374151;color:#fff;background: #252f3f;">
<span>{{opt}}</span>
<div style="display:flex;gap:6px;">
<el-tooltip content="选中" placement="top">
@ -337,13 +347,16 @@
</div>
</div>
<template #footer>
<el-button @click="treatmentDialogVisible=false">关闭</el-button>
<div style="display: flex;justify-content: flex-end;">
<div class="pop-up-tip-cancelbutton" @click="treatmentDialogVisible=false">关闭</div>
</div>
</template>
</el-dialog>
<el-dialog v-model="suggestionDialogVisible" title="选择建议" width="600px">
<el-dialog v-model="suggestionDialogVisible" title="选择建议" width="800px" class="treatmentDialogVisible">
<el-input v-model="suggestionSearch" placeholder="搜索建议" clearable />
<div style="margin-top:8px;max-height:240px;overflow:auto;">
<div v-for="opt in filteredSuggestions10" :key="opt" style="display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #f0f0f0;color:#fff;">
<div style="margin-top:8px;height:calc(100vh - 400px);overflow:auto;">
<div v-for="opt in filteredSuggestions10" :key="opt" style="background: #252f3f;display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-bottom:1px solid #374151;color:#fff;">
<span>{{opt}}</span>
<div style="display:flex;gap:6px;">
<el-tooltip content="选中" placement="top">
@ -356,7 +369,9 @@
</div>
</div>
<template #footer>
<el-button @click="suggestionDialogVisible=false">关闭</el-button>
<div style="display: flex;justify-content: flex-end;">
<div class="pop-up-tip-cancelbutton" @click="suggestionDialogVisible=false">关闭</div>
</div>
</template>
</el-dialog>
</div>
@ -1027,20 +1042,20 @@ historyAPI.VideoDelById(ids).then((response)=>{
display: flex;
}
.patientprofile-container-leftbox{
width: 500px;
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%);
border-radius: 5px;
}
.patientprofile-container-leftbottombox{
margin-top: 15px;
width: 500px;
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%);
border-radius: 5px;
}
.patientprofile-container-rightbox{
width: calc(100% - 500px - 15px) ;
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%);
border-radius: 5px;
@ -1085,7 +1100,7 @@ historyAPI.VideoDelById(ids).then((response)=>{
color: rgba(255, 255, 255, 0.6);
}
.patientprofile-userinfo-text2{
width: 166px;
width: 190px;
font-family: 'Noto Sans SC';
font-weight: 400;
font-style: normal;
@ -1207,10 +1222,6 @@ historyAPI.VideoDelById(ids).then((response)=>{
border-color: #787878;
}
.patient-profile-container .el-dialog {
background-color: rgba(85, 85, 85, 1);
}
.patient-profile-container .el-dialog__title {
color: #ffffff;
}
@ -1621,4 +1632,37 @@ historyAPI.VideoDelById(ids).then((response)=>{
.patientprofile-container-info .el-select__placeholder{
color: #fff;
}
.el-dialog{
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%);;
}
.el-dialog__close{
color: #fff !important;
}
</style>
<style>
.treatmentDialogVisible .el-input__wrapper{
background-color: #2a3649;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: 4px;
box-shadow: none;
height: 40px;
}
.treatmentDialogVisible .el-input__wrapper:hover{
border-color: #3d4c65;
box-shadow: 0 0 0 1px transparent inset;
}
.treatmentDialogVisible .el-input__inner {
color: #ffffff;
font-size: 14px;
height: 40px;
}
</style>