mt-fe-group/yudao-dev
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1.4

Browse Source
This commit is contained in:
朱菊兰
2024-01-04 16:37:14 +08:00
parent da2999e67c
commit 6ea650e7eb
33 changed files with 1236 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/databoard/deepProcessing/BottomTwo.vue
View File

@@ -1,22 +1,34 @@
<template>
<div
class="bottom-two"
style="
display: grid;
gap: 16px;
grid-template-rows: 462px 462px;
">
<OrderStatus />
<YieldRate />
style="flex: 1; display: flex; gap: 20px; padding: 0px 16px">
<div class="left-side" style="flex: 1">
<div
style="
display: grid;
grid-template-rows: 462px;
">
<EnergyMonitoring />
</div>
</div>
<div class="right-side" style="flex: 1">
<div
style="
display: grid;
grid-template-rows: 462px;
">
<NumRate />
</div>
</div>
</div>
</template>
<script>
import OrderStatus from './OrderStatus.vue';
import YieldRate from './YieldRate.vue';
import NumRate from './NumRate';
import EnergyMonitoring from './EnergyMonitoring';
export default {
name: 'BottomTwo',
components: { OrderStatus, YieldRate },
components: { NumRate, EnergyMonitoring },
props: {},
data() {
return {};

6
src/views/databoard/deepProcessing/YieldRate.vue → src/views/databoard/deepProcessing/DefectSum.vue
View File

@@ -1,14 +1,14 @@
<template>
<div style="flex: 1;">
<Container name="本日生产良品率" size="small" style="">
0000987
<Container name="各工序缺陷汇总" size="small" style="">
设备报警
</Container>
</div>
</template>
<script>
import Container from '../components/Container.vue';
export default {
name: 'YieldRate',
name: 'DefectSum',
components: { Container },
}
</script>

30
src/views/databoard/deepProcessing/EnergyMonitoring.vue Normal file
View File

@@ -0,0 +1,30 @@
<template>
<div style="flex: 1;">
<Container name="能源监控" size="small" style="">
<div class="chart" style="height: 370px; margin-top: 8px;">
<EnergeMonitoringChart/>
</div>
</Container>
</div>
</template>
<script>
import Container from '../components/Container.vue';
import EnergeMonitoringChart from '../components/EnergeMonitoringChart';
export default {
name: 'EnergyMonitoring',
components: { Container, EnergeMonitoringChart },
data() {
return {
}
},
methods: {
}
}
</script>
<style lang='scss' scoped>
.timeToggle {
position: absolute;
right: 20px;
top: 30px;
}
</style>

6
src/views/databoard/deepProcessing/OrderStatus.vue → src/views/databoard/deepProcessing/EqAlarm.vue
View File

@@ -1,14 +1,14 @@
<template>
<div style="flex: 1;">
<Container name="订单完成情况" size="small" style="">
digndna
<Container name="设备报警" size="small" style="">
设备报警
</Container>
</div>
</template>
<script>
import Container from '../components/Container.vue';
export default {
name: 'OrderStatus',
name: 'EqAlarm',
components: { Container },
}
</script>

30
src/views/databoard/deepProcessing/NumRate.vue Normal file
View File

@@ -0,0 +1,30 @@
<template>
<div style="flex: 1;">
<Container name="产线产量及良品率" size="small" style="">
<div class="chart" style="height: 370px; margin-top: 8px;">
<NumRateChart />
</div>
</Container>
</div>
</template>
<script>
import Container from '../components/Container';
import NumRateChart from '../components/NumRateChart';
export default {
name: 'NumRate',
components: { Container, NumRateChart },
data() {
return {
}
},
methods: {
}
}
</script>
<style lang='scss' scoped>
.timeToggle {
position: absolute;
right: 20px;
top: 30px;
}
</style>

42
src/views/databoard/deepProcessing/TopThree.vue
View File

@@ -1,22 +1,44 @@
<template>
<div
class="top-three"
style="
display: grid;
gap: 16px;
grid-template-rows: 462px 462px;
">
<OrderStatus />
<YieldRate />
style="flex: 1; display: flex; gap: 20px; padding: 0px 16px;">
<div class="left-side" style="flex: 1;">
<div
style="
display: grid;
grid-template-rows: 462px;
">
<EqAlarm />
</div>
</div>
<div class="middle-side" style="flex: 1">
<div
style="
display: grid;
grid-template-rows: 462px;
">
<DefectSum />
</div>
</div>
<div class="righe-side" style="flex: 1">
<div
style="
display: grid;
grid-template-rows: 462px;
">
<WorkOrderMonitoring />
</div>
</div>
</div>
</template>
<script>
import OrderStatus from './OrderStatus.vue';
import YieldRate from './YieldRate.vue';
import WorkOrderMonitoring from './WorkOrderMonitoring';
import EqAlarm from './EqAlarm'
import DefectSum from './DefectSum'
export default {
name: 'TopThree',
components: { OrderStatus, YieldRate },
components: { EqAlarm, DefectSum, WorkOrderMonitoring },
props: {},
data() {
return {};

14
src/views/databoard/deepProcessing/WorkOrderMonitoring.vue Normal file
View File

@@ -0,0 +1,14 @@
<template>
<div style="flex: 1;">
<Container name="工单监控" size="small" style="">
设备报警111
</Container>
</div>
</template>
<script>
import Container from '../components/Container.vue';
export default {
name: 'WorkOrderMonitoring',
components: { Container },
}
</script>

14
src/views/databoard/deepProcessing/index.vue
View File

@@ -18,18 +18,18 @@
"
:style="{transform:'scale('+scaleNum+')'}">
<KHeader :isFullScreen='isFullScreen' @screenfullChange='screenfullChange' topTitle='全厂总览驾驶舱'/>
<!-- <div
<div
class="main-body"
style="
display: grid;
gap: 16px;
grid-template-rows: 605px 320px;
grid-template-rows: 462px 462px;
">
<GasHandle />
<YieldRate />
</div> -->
<TopThree />
<BottomTwo />
</div>
<div
<!-- <div
class="main-body"
style="flex: 1; display: flex; gap: 20px; padding: 0px 16px">
<div class="left-side" style="flex: 1">
@@ -38,7 +38,7 @@
<div class="middle-side" style="flex: 1">
<BottomTwo />
</div>
</div>
</div> -->
</div>
</div>
</template>