|
@@ -6,13 +6,19 @@ |
|
|
--> |
|
|
--> |
|
|
|
|
|
|
|
|
<template> |
|
|
<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> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
|
|
|
import Container from "../../dashboard/components/Container.vue"; |
|
|
export default { |
|
|
export default { |
|
|
name: "EfficiencyCopilot", |
|
|
name: "EfficiencyCopilot", |
|
|
props: {}, |
|
|
|
|
|
|
|
|
components: { DbContainer: Container }, |
|
|
data() { |
|
|
data() { |
|
|
return {}; |
|
|
return {}; |
|
|
}, |
|
|
}, |
|
@@ -21,4 +27,16 @@ export default { |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</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> |