<!-- 
    filename: index.vue
    author: liubin
    date: 2024-04-16 14:40:15
    description: 效率驾驶舱
-->

<template>
  <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",
  components: { DbContainer: Container },
  data() {
    return {};
  },
  computed: {},
  methods: {},
};
</script>

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