样式修改

src/views/right/components/common/RightLegend.vue

@@ -286,6 +286,8 @@ const handleInstitutionLevel = (item) => {
         background-color: transparent !important;
         box-shadow: none;
         color: #45d2ff !important;
+        min-height: unset;
+        line-height: unset;
       }
       .el-select__placeholder {
         color: #45d2ff !important;

src/views/right/components/handleProcess/comp/emergencyManage.vue

@@ -322,10 +322,10 @@ const stepList = ref([
 <style lang="scss" scoped>
 .emergency-manage {
   position: fixed;
-  top: 120px;
+  top: 110px;
   right: 600px;
   width: 554px;
-  height: 936px;
+  height: 940px;
   background: linear-gradient(180deg, #244d86 2%, #0a121e 100%);
   box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.5);
   border-radius: 0px 0px 0px 0px;

src/views/right/components/reportHandle/comp/riskHandleBottom.vue

@@ -7,14 +7,14 @@
           <rightSecondTitleContent class="title-box" title="初次报告" />
           <div class="circle-box">
             <span class="text">及时率</span>
-            <MyProgress :value="78" backgroundColor="#2d4c7f" gradient-start="rgba(80, 224, 255, 0.5)" gradient-end="rgba(80, 224, 255, 1)" text-color="#ffffff" stroke-width="8" size="60" ></MyProgress>
+            <MyProgress :value="78" backgroundColor="#2d4c7f" gradient-start="rgba(80, 224, 255, 0.5)" gradient-end="rgba(80, 224, 255, 1)" text-color="#ffffff" stroke-width="8" size="50" ></MyProgress>
           </div>
         </div>
         <div class="top-data-box-right">
           <rightSecondTitleContent class="title-box" title="初次报告" />
           <div class="circle-box">
             <span class="text">及时率</span>
-            <MyProgress :value="78" backgroundColor="#2d4c7f" gradient-start="rgba(255, 201, 9, 0.5)" gradient-end="rgba(255, 201, 9, 1)" text-color="#ffffff" stroke-width="8" size="60" ></MyProgress>
+            <MyProgress :value="78" backgroundColor="#2d4c7f" gradient-start="rgba(255, 201, 9, 0.5)" gradient-end="rgba(255, 201, 9, 1)" text-color="#ffffff" stroke-width="8" size="50" ></MyProgress>
           </div>
         </div>
       </div>
@@ -119,13 +119,13 @@ onMounted(() => {
       rgba(32, 70, 121, 0) 2%,
       rgba(32, 70, 121, 0.6) 100%
     );
-    border: 1px solid;
-    border-image: linear-gradient(
-        180deg,
-        rgba(0, 150, 255, 1),
-        rgba(7, 108, 208, 1)
-      )
-      1 1;
+    // border: 1px solid;
+    // border-image: linear-gradient(
+    //     180deg,
+    //     rgba(0, 150, 255, 1),
+    //     rgba(7, 108, 208, 1)
+    //   )
+    //   1 1;
     border-radius: 0px 0px 0px 0px;
     &::after {
       position: absolute;
@@ -202,6 +202,7 @@ onMounted(() => {
           display: flex;
           justify-content: center;
           align-items: center;
+          margin-top: 10px;
           .text {
             font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
             font-weight: normal;
@@ -211,7 +212,7 @@ onMounted(() => {
             text-align: left;
             font-style: normal;
             text-transform: none;
-            margin-right: 5px;
+            margin-right: 10px;
           }
           .circle {
             display: flex;
@@ -250,7 +251,7 @@ onMounted(() => {
         background-image: url("../../../../../assets/img/Frame 427318829.png");
         background-size: cover;
         width: 200px;
-        height: 36px;
+        height: 30px;
         .text {
           font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
           font-weight: normal;

src/views/right/components/reportHandle/comp/riskLevelLeftTopMent.vue

@@ -285,7 +285,7 @@ const handleSelectClick = (item) => {
           border-radius: 2px 2px 2px 2px;
           border: 1px solid rgba(82, 194, 250, 0.3);
           .content {
-            font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
+            font-family: Alibaba PuHuiTi;
             font-weight: normal;
             font-size: 16px;
             line-height: 20px;
@@ -375,7 +375,7 @@ const handleSelectClick = (item) => {
         display: flex;
         justify-content: center;
         align-items: center;
-        padding: 5px 15px;
+        padding: 5px 10px;
         background: linear-gradient(180deg, #053a6d 0%, #05325d 100%);
         border-radius: 2px 2px 2px 2px;
         border: 1px solid rgba(82, 194, 250, 0.3);
@@ -389,6 +389,7 @@ const handleSelectClick = (item) => {
           text-align: center;
           font-style: normal;
           text-transform: none;
+          white-space: nowrap;
           background: linear-gradient(to bottom, #ffffff 0%, #88eaff 100%);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;