地区左下角对接

src/views/screen/components/RiskStatisticsPanel.vue

@@ -22,7 +22,7 @@
           </div>
         <div class="legend">
           <div class="legend-label-row">
-            <ElTooltip v-for="status in statusList" :key="status.key" :content="status.label" effect="dark" placement="right">
+            <div v-for="status in statusList" :key="status.key" :content="status.label" effect="dark" placement="right">
               <div class="legend-item">
                 <span class="legend-dot" :style="{ background: status.color }"></span>
                 <span class="legend-label">{{ status.label }}</span>
@@ -30,7 +30,7 @@
                   {{ item.status[status.key] }}
                 </div>
               </div>
-            </ElTooltip>
+            </div>
           </div>
           <!-- <div class="legend-value-row">
             <div class="legend-value" v-for="status in statusList" :key="`${status.key}-value`">
@@ -215,9 +215,6 @@ const handleTabClick = (tab: TabType) => {
 
   .chart-wrapper {
     position: relative;
-    flex: 0 0 90px;
-    width: 90px;
-    height: 90px;
   }
 
   .donut-chart {
@@ -260,7 +257,7 @@ const handleTabClick = (tab: TabType) => {
   .legend-item {
     display: flex;
     align-items: center;
-    gap: 6px;
+    gap: 2px;
     white-space: nowrap;
   }
 
@@ -307,12 +304,6 @@ const handleTabClick = (tab: TabType) => {
       font-size: 12px;
     }
 
-    .chart-wrapper {
-      flex: 0 0 80px;
-      width: 80px;
-      height: 80px;
-    }
-
     .legend-label-row {
       font-size: 11px;
     }
@@ -334,12 +325,6 @@ const handleTabClick = (tab: TabType) => {
       font-size: 11px;
     }
 
-    .chart-wrapper {
-      flex: 0 0 72px;
-      width: 72px;
-      height: 72px;
-    }
-
     .legend-label-row {
       font-size: 10px;
     }
@@ -361,12 +346,6 @@ const handleTabClick = (tab: TabType) => {
       font-size: 10px;
     }
 
-    .chart-wrapper {
-      flex: 0 0 64px;
-      width: 64px;
-      height: 64px;
-    }
-
     .legend-label-row {
       font-size: 9px;
     }
@@ -392,7 +371,7 @@ const handleTabClick = (tab: TabType) => {
   .left-bottom .legend-item {
     flex-direction: column;
     align-items: center;
-    gap: 6px;
+    gap: 2px;
     white-space: nowrap;
   }