修改处理样式

frontend/src/renderer/src/views/DiagnosticMessage.vue

@@ -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>

frontend/src/renderer/src/views/PatientProfile.vue

@@ -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="请选择"
+                    <div style="width: 100%; display:flex;align-items:center;">
-                  style="width: calc(100% - 80px);">
+                      <el-select v-model="profileInfo.treatment_info" placeholder="请选择" filterable allow-create default-first-option clearable 
-                    <el-option  :label="'保持观察，不予处理'"  :value="'保持观察，不予处理'" />
+                        style="width:100%;">
-                  </el-select>
+                        <el-option v-for="opt in commonItems.treatment" :key="opt" :label="opt" :value="opt" />
-                  <img src="@/assets/detection/set.png" alt="" 
+                      </el-select>
-                  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 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:6px 8px;border-bottom:1px solid #f0f0f0;color:#fff;">
+        <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 style="margin-top:8px;height:calc(100vh - 400px);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 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>