驾驶舱

src/views/copilot/efficiency/components/sub/chip/ChipRateItem.vue

@@ -11,7 +11,7 @@
       <CopilotButtons :options="cities" @update:active="handleCityUpdate" />
     </div>
     <!-- <div style="flex:1;padding: 0 20%;"> -->
-      <div class="chart" ref="chart"></div>
+    <div class="chart" ref="chart"></div>
     <!-- </div> -->
     <div class="legend" v-if="period == '月' || period == '年'">
       <div class="legend-item" v-for="lgd in legend" :key="lgd.label">
@@ -145,25 +145,29 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.chip-rate-item {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 3px;
-  backdrop-filter: blur(24px);
 
+.chip-rate-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 3px;
+    backdrop-filter: blur(24px);
   .cities {
     height: 40px;
   }
 
-  .chart {
-    // width: 390px;
-    align-self: stretch;
-    height: 150px;
-  }
-
+    .chart {
+      // margin-left: 5%;
+      // width: 290px;
+      align-self: stretch;
+      // flex: 1 1 auto;
+      // padding: 0 10%;
+      /* margin: 10%; */
+      /* min-width: 300px; */
+      height: 200px;
+    }
   .legend {
     height: 80px;
     display: flex;

src/views/copilot/efficiency/components/sub/std/StdRateItem.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-05-07 10:25:10
- * @LastEditTime: 2024-05-16 08:45:32
+ * @LastEditTime: 2024-05-20 09:46:19
  * @LastEditors: zhp
  * @Description:
 -->
@@ -109,15 +109,16 @@ export default {
   display: flex;
   align-items: center;
   gap: 8px;
+  flex: 1 1 auto;
   padding: 12px;
 }
 
 .std-rate-item__value {
-  flex: 1;
+  flex: 1 1 auto;
   margin: 6px;
   display: flex;
   gap: 12px;
-  height: auto;
+  // height: auto;
   flex-direction: column;
   justify-content: center;
 }