驾驶舱对接

src/views/copilot/efficiency/components/ChipOee.vue

@@ -110,4 +110,6 @@ function getTemplate(period, dataList) {
 }
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+
+</style>

src/views/copilot/efficiency/components/StdRate.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-05-07 10:25:10
- * @LastEditTime: 2024-05-11 14:51:07
+ * @LastEditTime: 2024-05-16 10:46:33
  * @LastEditors: zhp
  * @Description:
 -->
@@ -11,7 +11,7 @@
     <div class="span-2">
       <StdRateItem :period="period" :city="cities[5]" />
     </div>
-    <div v-for="item in cities.filter((val, index) => index != 5)" :key="item.name">
+    <div class="flex-item" v-for="item in cities.filter((val, index) => index != 5)" :key="item.name">
       <StdRateItem :period="period" :city="item" />
     </div>
   </div>
@@ -97,13 +97,18 @@ export default {
 
 <style scoped lang="scss">
 .std-rate {
-  display: grid;
-  gap: 8px;
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(4, 1fr);
+  display: flex;
+  // gap: 8px;
+  display: -webkit-box;
+  flex-wrap: wrap;
+  align-items: center;
+  // grid-template-columns: repeat(2, 1fr);
+  // grid-template-rows: repeat(4, 1fr);
+}
+.flex-item{
+  width: 50%;
 }
-
 .span-2 {
-  grid-column: span 2;
+  flex-basis: 100%;
 }
 </style>

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

@@ -159,9 +159,9 @@ export default {
   }
 
   .chart {
-    width: 390px;
+    // width: 390px;
     align-self: stretch;
-    height: 280px;
+    height: 150px;
   }
 
   .legend {

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-11 15:05:17
+ * @LastEditTime: 2024-05-16 08:45:32
  * @LastEditors: zhp
  * @Description:
 -->
@@ -117,7 +117,7 @@ export default {
   margin: 6px;
   display: flex;
   gap: 12px;
-  height: 60px;
+  height: auto;
   flex-direction: column;
   justify-content: center;
 }