1

src/views/copilot/container.vue

@@ -62,8 +62,8 @@ export default {
 }
 
 .copilot-footer {
-  position: absolute;
-  bottom: 10px;
+  /** position: absolute;
+  bottom: 10px; **/
   height: 10px;
   width: 100%;
   color: rgb(80, 80, 80);

src/views/copilot/efficiency/index.vue

@@ -6,13 +6,19 @@
 -->
 
 <template>
-  <div class="efficiency-copilot">效率驾驶舱</div>
+  <div class="efficiency-copilot">
+    <db-container title="芯片良率" icon="chip2"></db-container>
+    <db-container title="标准组件良率" icon="std"></db-container>
+    <db-container title="芯片OEE" icon="chip"></db-container>
+    <db-container title="转化效率" icon="cube"></db-container>
+  </div>
 </template>
 
 <script>
+import Container from "../../dashboard/components/Container.vue";
 export default {
   name: "EfficiencyCopilot",
-  props: {},
+  components: { DbContainer: Container },
   data() {
     return {};
   },
@@ -21,4 +27,16 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.efficiency-copilot {
+  flex: 1;
+  display: grid;
+  gap: 16px;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: 1fr 1fr;
+}
+
+.efficiency-copilot > div {
+  height: 100%;
+}
+</style>

src/views/copilot/yield/index.vue

@@ -55,7 +55,7 @@ export default {
   flex: 1;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  gap: 16px;
 }
 
 .flex {
@@ -66,6 +66,6 @@ export default {
 
 .top > div,
 .bottom > div {
-  height: 40vh;
+  height: 100%;
 }
 </style>