update home

src/views/copilot/yield/index.vue

@@ -0,0 +1,74 @@
+<!-- 
+    filename: index.vue
+    author: liubin
+    date: 2024-04-16 14:40:15
+    description: 产量驾驶舱
+-->
+
+<template>
+  <div class="yield-copilot">
+    <section class="top flex">
+      <db-container class="std-yield" title="标准组件产出" icon="std">
+        <std-output />
+      </db-container>
+      <db-container class="chip-yield" title="芯片产出" icon="chip2">
+        <chip-output />
+      </db-container>
+      <db-container class="bipv-yield" title="BIPV产出" icon="bipv">
+        <bipv-output />
+      </db-container>
+    </section>
+    <section class="bottom flex">
+      <db-container class="fto-involve" title="FTO投入"></db-container>
+      <db-container
+        class="chip-involve"
+        title="芯片投入"
+        icon="chip"
+      ></db-container>
+    </section>
+  </div>
+</template>
+
+<script>
+import Container from "../components/Container.vue";
+import StdOutputVue from "../components/charts/StdOutput.vue";
+import ChipOutputVue from "../components/charts/ChipOutput.vue";
+
+import BipvOutputVue from "../components/charts/BipvOutput.vue";
+
+export default {
+  name: "YieldCopilot",
+  components: {
+    DbContainer: Container,
+    StdOutput: StdOutputVue,
+    ChipOutput: ChipOutputVue,
+    BipvOutput: BipvOutputVue,
+  },
+  props: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style scoped>
+.yield-copilot {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.flex {
+  display: flex;
+  gap: 16px;
+  flex: 1;
+}
+
+.top > div,
+.bottom > div {
+  height: 100%;
+}
+</style>