<!-- 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>