修改静态心电界面样式

src/views/analysis/ECG/ECG_workstation.vue

@@ -13,7 +13,7 @@
       <div class="workstation-container">
         <!-- 工作区域 -->
         <div class="work-area">
-          <el-row :gutter="16" style="height: 100%">
+          <el-row :gutter="16" style="height: 90vh">
             <!-- 左侧ECG报告图片显示区 (3/4) -->
             <el-col :span="18">
               <el-card shadow="never" class="ecg-image-display">
@@ -53,17 +53,18 @@
                   <div class="diagnosis-section">
                     <!-- 诊断结论选择列表 -->
                     <div class="diagnosis-selector">
-                      <h5 class="selector-title">诊断模板</h5>
-                      <!-- 搜索框 -->
-                      <div class="search-box">
+                      <h5 class="selector-title"
+                        >诊断模板
                         <el-input
                           v-model="searchKeyword"
                           placeholder="请输入关键词"
                           clearable
+                          style="height: 40px; margin-top: 5px"
                           size="small"
                           prefix-icon="Search"
                         />
-                      </div>
+                      </h5>
+
                       <div class="diagnosis-list">
                         <div
                           v-for="diag in filteredDiagnoses"
@@ -78,28 +79,25 @@
                         </div>
                       </div>
                     </div>
-                    <h4 class="section-title">诊断结论</h4>
-                    <div class="diagnosis-text">
-                      <el-input
-                        v-model="diagnosisText"
-                        type="textarea"
-                        :rows="10"
-                        placeholder="请输入诊断结论..."
-                        style="margin-bottom: 12px"
-                        :disabled="loading"
-                        resize="none"
-                      />
-                      <div class="diagnosis-actions">
-                        <el-button
-                          type="primary"
-                          @click="handleSaveAnalysis"
-                          :loading="loading"
-                          :disabled="!patientData.examid || !patientData.regid"
-                        >
-                          保存结论
-                        </el-button>
-                      </div>
-                    </div>
+                    <h4 class="section-title">诊断结论 </h4>
+                    <el-input
+                      v-model="diagnosisText"
+                      type="textarea"
+                      placeholder="请输入诊断结论..."
+                      :disabled="loading"
+                      :rows="5"
+                      resize="none"
+                    />
+                  </div>
+                  <div class="diagnosis-actions">
+                    <el-button
+                      type="primary"
+                      @click="handleSaveAnalysis"
+                      :loading="loading"
+                      :disabled="!patientData.examid || !patientData.regid"
+                    >
+                      保存结论
+                    </el-button>
                   </div>
                 </div>
               </el-card>
@@ -291,15 +289,41 @@ defineExpose({
 </script>
 
 <style scoped>
+.ecg-workstation-dialog :deep(.el-dialog__wrapper),
+.ecg-workstation-dialog :deep(.el-dialog),
 .ecg-workstation-dialog :deep(.el-dialog__body) {
+  height: 90vh !important;
+  box-sizing: border-box;
   padding: 0;
-  height: calc(80vh - 80px);
+}
+
+.workstation-container,
+.work-area,
+.el-row,
+.el-col,
+.ecg-image-display,
+.diagnosis-panel {
+  height: 100%;
+}
+
+.ecg-image-display :deep(.el-card__body),
+.diagnosis-panel :deep(.el-card__body) {
+  height: 100%;
+  padding: 0;
+  overflow: hidden;
 }
 
 .workstation-container {
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
+}
+
+.work-area {
+  flex: 1;
+  height: 100%;
+  padding: 16px;
+  overflow: hidden;
 }
 
 .patient-info {
@@ -334,23 +358,6 @@ defineExpose({
   font-weight: 500;
 }
 
-.work-area {
-  flex: 1;
-  padding: 16px;
-  overflow: hidden;
-}
-
-.ecg-image-display {
-  height: 100%;
-  border: none;
-}
-
-.ecg-image-display :deep(.el-card__body) {
-  height: calc(100% - 56px);
-  padding: 0;
-  overflow: hidden;
-}
-
 .patient-info-header {
   padding: 16px;
   background: #f8f9fb;
@@ -411,19 +418,16 @@ defineExpose({
   color: #666;
 }
 
-.diagnosis-panel {
-  height: 100%;
-  border: none;
-}
-
-.diagnosis-panel :deep(.el-card__body) {
-  height: calc(100% - 56px);
-  overflow-y: auto;
-  padding: 16px;
-}
-
 .diagnosis-content {
   height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.diagnosis-section {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 
 .measurement-section,
@@ -437,8 +441,7 @@ defineExpose({
   margin-bottom: 12px;
   color: #333;
   font-size: 14px;
-  border-bottom: 1px solid #eee;
-  padding-bottom: 6px;
+  margin-left: 11px;
 }
 
 .measurement-grid {
@@ -485,6 +488,8 @@ defineExpose({
 .diagnosis-actions {
   display: flex;
   justify-content: flex-end;
+  padding-bottom: 5px;
+  padding-right: 5px;
 }
 
 .diagnosis-selector {
@@ -504,7 +509,7 @@ defineExpose({
 }
 
 .diagnosis-list {
-  max-height: 450px;
+  max-height: 50vh;
   overflow-y: auto;
   padding: 8px;
 }
@@ -526,10 +531,6 @@ defineExpose({
   color: #409eff;
 }
 
-.search-box {
-  padding: 0 16px 12px;
-}
-
 .no-results {
   text-align: center;
   color: #909399;

src/views/analysis/ECG/hospital.config.ts

@@ -1 +0,0 @@
-