阅片页面下拉工具框大小调整

src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue

@@ -93,13 +93,12 @@
                   <i class="el-icon-arrow-down" style="color:#fff;" />
                 </div>
                 <div class="dropdown-content">
-                  <ul style="width:165px;">
+                  <ul class="wwwc-list">
                     <li v-for="item in wwwcArr" :key="item.label">
                       <span @click.stop="changeVoiRange(item)">
-                        <div v-if="item.wc !== null"
+                        <div v-if="item.wc !== null" class="wwwc-item-content">
-                          style="display:flex;flex-direction: row;justify-content: space-between;">
+                          <div class="wwwc-item-label">{{ item.label }}</div>
-                          <div>{{ item.label }}</div>
+                          <div class="wwwc-item-value">{{ `${item.ww} / ${item.wc}` }}</div>
-                          <div>{{ `${item.ww} / ${item.wc}` }}</div>
                         </div>
                         <div v-else style="text-align:left;">
                           {{ item.label }}
@@ -143,7 +142,7 @@
                   <i class="el-icon-arrow-down" style="color:#fff;" />
                 </div>
                 <div class="dropdown-content">
-                  <ul style="width:110px;">
+                  <ul class="rotate-options-list">
                     <li v-for="rotate in rotateOptions" :key="rotate.label" style="text-align:left;">
                       <span @click.prevent="setViewportRotate(rotate.val)">
                         <svg-icon v-if="rotate.icon" :icon-class="rotate.icon" class="svg-icon" />
@@ -319,10 +318,10 @@
                 </div>
                 <div class="dropdown-content">
                   <!--v-if="readingTaskState < 2"-->
-                  <ul style="width:140px;">
+                  <ul class="customize-standards-list">
                     <li v-for="i in customizeStandards" :key="i.toolName" style="text-align:left;">
                       <span @click.prevent="setMoreToolActive(i.toolName)">
-                        <svg-icon :icon-class="i.icon" class="svg-icon" style="margin-right: 5px;" />
+                        <svg-icon :icon-class="i.icon" class="svg-icon" style="margin-right: 5px; font-size: 15px;" />
                         {{ $t(i.i18nKey) }}
                       </span>
                     </li>
@@ -5065,7 +5064,7 @@ export default {
           color: #fff;
           box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
           z-index: 9999;
-          font-size: 12px;
+          font-size: 13px;
 
           ul {
             list-style: none;
@@ -5076,7 +5075,7 @@ export default {
             li {
               span {
                 display: block;
-                padding: 5px;
+                padding: 8px;
               }
             }
           }
@@ -5090,6 +5089,55 @@ export default {
           background-color: #727272;
         }
 
+        .customize-standards-list {
+          width: max-content;
+          white-space: nowrap;
+
+          li span {
+            display: flex;
+            align-items: center;
+            padding: 8px !important;
+            box-sizing: border-box;
+          }
+        }
+
+        .wwwc-list {
+          width: max-content;
+          white-space: nowrap;
+
+          li span {
+            padding: 8px !important;
+          }
+        }
+
+        .wwwc-item-content {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: 16px;
+          min-width: 210px;
+        }
+
+        .wwwc-item-label {
+          text-align: left;
+        }
+
+        .wwwc-item-value {
+          text-align: right;
+        }
+
+        .rotate-options-list {
+          width: max-content;
+          white-space: nowrap;
+
+          li span {
+            display: flex;
+            align-items: center;
+            padding: 8px !important;
+            box-sizing: border-box;
+          }
+        }
+
         .layout-content ul li {
           border-top: 1px solid #ddd;
           border-left: 1px solid #ddd;

src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue

@@ -140,10 +140,10 @@
             </div>
             <div class="dropdown-content">
               <!--v-if="readingTaskState < 2"-->
-              <ul style="width:100px;">
+              <ul class="customize-standards-list">
                 <li v-for="i in customizeStandardsNoneDicom" :key="i.toolName" style="text-align:left;">
                   <a href="#" @click.prevent="setAnnotateToolActive(i.toolName)">
-                    <svg-icon :icon-class="i.icon" class="svg-icon" style="margin-right: 5px;" />
+                    <svg-icon :icon-class="i.icon" class="svg-icon" style="margin-right: 5px;font-size: 15px;" />
                     {{ $t(i.i18nKey) }}
                   </a>
                 </li>
@@ -2383,6 +2383,18 @@ export default {
   ul li a:hover {
     background-color: #727272;
   }
+
+  .customize-standards-list {
+    width: max-content;
+    white-space: nowrap;
+
+    li a {
+      display: flex;
+      align-items: center;
+      padding: 8px !important;
+      box-sizing: border-box;
+    }
+  }
 }
 
 .none-dicom-viewer {