mt-fe-group/yudao-dev
13
0
Fork 0
Code Issues Pull Requests 1 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

38
src/views/databoard/wholePlant/DefectClass.vue Normal file
View File

@@ -0,0 +1,38 @@
<template>
<div style="flex: 1;">
<Container name="产线当日缺陷分类" size="small">
<SelectorBtnGroup class="typeToggle" :options="['Y61', 'Y62', 'Y63', 'Y64', 'Y65']" @emitFun='toggleType' :active='chartType' />
<div class="chart" style="height: 370px; margin-top: 8px;">
<DefectClassChart :chartType='chartType'/>
</div>
</Container>
</div>
</template>
<script>
import Container from '../components/Container';
import SelectorBtnGroup from '../components/SelectorBtnGroup';
import DefectClassChart from '../components/DefectClassChart';
export default {
name: 'DefectClass',
components: { Container, SelectorBtnGroup, DefectClassChart },
data() {
return {
chartType:'Y61'
}
},
methods: {
// 切换产线
toggleType(val) {
console.log('产线' + val)
this.chartType = val
}
}
}
</script>
<style lang='scss' scoped>
.typeToggle {
position: absolute;
right: 20px;
top: 30px;
}
</style>

12
src/views/databoard/wholePlant/DefectStatistics.vue
View File

@@ -2,16 +2,19 @@
<div style="flex: 1;">
<Container name="产线缺陷统计" size="small">
<SelectorBtnGroup class="timeToggle" :options="['日', '周', '月', '年']" @emitFun='toggleDate' :active='chartTime' />
</Container>
<div class="chart" style="height: 238px; margin-top: 8px;">
<DefectChart :chartTime='chartTime'/>
</div>
</Container>
</div>
</template>
<script>
import Container from '../components/Container';
import SelectorBtnGroup from '../components/SelectorBtnGroup';
import DefectChart from '../components/DefectChart';
export default {
name: 'DefectStatistics',
components: { Container, SelectorBtnGroup },
components: { Container, SelectorBtnGroup, DefectChart },
data() {
return {
chartTime:'日'
@@ -29,6 +32,7 @@ export default {
<style lang='scss' scoped>
.timeToggle {
position: absolute;
right: 0;
right: 20px;
top: 20px;
}
</style>

4
src/views/databoard/wholePlant/OrderStatus.vue
View File

@@ -87,7 +87,7 @@ export default {
setRowStyle(v) {
if (v.rowIndex % 2 === 0) {
return {
background: 'rgba(11, 84, 153, 1)',
background: 'rgba(11, 84, 153, 0.5)',
color: 'rgba(255,255,255,0.8)',
height: '40px',
lineHeight: '40px',
@@ -96,7 +96,7 @@ export default {
}
} else {
return {
background: 'rgba(4, 74, 132, 1)',
background: 'rgba(4, 74, 132, 0.5)',
color: 'rgba(255,255,255,0.8)',
height: '40px',
lineHeight: '40px',

6
src/views/databoard/wholePlant/RightTwo.vue
View File

@@ -7,16 +7,16 @@
grid-template-rows: 462px 462px;
">
<EnergeCost />
<YieldRate />
<DefectClass />
</div>
</template>
<script>
import EnergeCost from './../kiln/EnergeCost.vue';
import YieldRate from './YieldRate.vue';
import DefectClass from './DefectClass.vue';
export default {
name: 'RightFour',
components: { EnergeCost, YieldRate },
components: { EnergeCost, DefectClass },
props: {},
data() {
return {};

18
src/views/databoard/wholePlant/YieldRate.vue
View File

@@ -64,15 +64,15 @@ export default {
tableProps,
list:[
{time: '2023-12-12', name: '名称名称'},
{time: '2023-12-13', name: '名称名称'},
{time: '2023-12-14', name: '名称名称'},
{time: '2023-12-15', name: '名称名称'},
{time: '2023-12-16', name: '名称名称'},
{time: '2023-12-17', name: '名称名称'},
{time: '2023-12-18', name: '名称名称'},
{time: '2023-12-19', name: '名称名称'},
{time: '2023-12-20', name: '名称名称'},
{time: '2023-12-21', name: '名称名称'}
// {time: '2023-12-13', name: '名称名称'},
// {time: '2023-12-14', name: '名称名称'},
// {time: '2023-12-15', name: '名称名称'},
// {time: '2023-12-16', name: '名称名称'},
// {time: '2023-12-17', name: '名称名称'},
// {time: '2023-12-18', name: '名称名称'},
// {time: '2023-12-19', name: '名称名称'},
// {time: '2023-12-20', name: '名称名称'},
// {time: '2023-12-21', name: '名称名称'}
]
}
},