mt-fe-group/11-mes-new
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lb #14

Merged
gtz217 merged 20 commits from lb into master 2022-11-23 09:44:40 +08:00
Conversation 0 Commits 20 Files Changed 33 +143 -61
2 changed files with 143 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4297d5c804 - Show all commits

2
src/views/QualityManager/HomePage.vue
View File

@ -184,7 +184,7 @@
<techy-box class="" style="padding: calc(16px * var(--beilv));"> <techy-box class="" style="padding: calc(16px * var(--beilv));">
<techy-analysis-header>产品成品率</techy-analysis-header> <techy-analysis-header>产品成品率</techy-analysis-header>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
<new-line-stack :data-update-token="dataUpdateToken" /> <new-line-stack :data-update-token="dataUpdateToken" :mode="dateMode2" />
</div> </div>
<div class="date-select"> <div class="date-select">
<span <span

106
src/views/QualityManager/components/charts/newLineStack.vue
View File

@ -10,6 +10,11 @@ export default {
name: 'PlFaultAnalysisPieChart', name: 'PlFaultAnalysisPieChart',
mixins: [resize], mixins: [resize],
props: { props: {
mode: {
type: String,
default: '',
validator: val => ['month', 'day'].indexOf(val) !== -1
},
dataUpdateToken: { dataUpdateToken: {
type: String, type: String,
default: 'default-token' default: 'default-token'
@ -37,8 +42,7 @@ export default {
bottom: '5%', bottom: '5%',
containLabel: true containLabel: true
}, },
xAxis: [ xAxis: {
{
type: 'category', type: 'category',
boundaryGap: false, boundaryGap: false,
axisLine: { axisLine: {
@ -49,13 +53,17 @@ export default {
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: 'rgba(255,255,255,1)' // fontSize: 10,
color: '#fff8' //
}, },
margin: 12 margin: 12
}, },
data: ['A', 'B', 'C', 'D', 'E', 'F', 'G'] data:
} this.mode === 'month'
], ? [1, 2, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
},
yAxis: [ yAxis: [
{ {
name: '成品率', name: '成品率',
@ -120,7 +128,18 @@ export default {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: [11, 199, 140, 63, 185, 5, 78].map(_ => { data:
this.mode === 'month'
? Array(30)
.fill(1)
.map(_ => {
let v = Math.floor(Math.random() * 100)
while (v < 80) {
v = Math.floor(Math.random() * 100)
}
return v
})
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
let v = Math.floor(Math.random() * 100) let v = Math.floor(Math.random() * 100)
while (v < 80) { while (v < 80) {
v = Math.floor(Math.random() * 100) v = Math.floor(Math.random() * 100)
@ -157,7 +176,18 @@ export default {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: [151, 57, 31, 7, 77, 88, 119].map(_ => { data:
this.mode === 'month'
? Array(30)
.fill(1)
.map(_ => {
let v = Math.floor(Math.random() * 100)
while (v < 80) {
v = Math.floor(Math.random() * 100)
}
return v
})
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
let v = Math.floor(Math.random() * 100) let v = Math.floor(Math.random() * 100)
while (v < 80) { while (v < 80) {
v = Math.floor(Math.random() * 100) v = Math.floor(Math.random() * 100)
@ -194,7 +224,18 @@ export default {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: [58, 3, 67, 100, 42, 96, 124].map(_ => { data:
this.mode === 'month'
? Array(30)
.fill(1)
.map(_ => {
let v = Math.floor(Math.random() * 100)
while (v < 80) {
v = Math.floor(Math.random() * 100)
}
return v
})
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
let v = Math.floor(Math.random() * 100) let v = Math.floor(Math.random() * 100)
while (v < 80) { while (v < 80) {
v = Math.floor(Math.random() * 100) v = Math.floor(Math.random() * 100)
@ -231,7 +272,18 @@ export default {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: [92, 88, 122, 169, 108, 130, 147].map(_ => { data:
this.mode === 'month'
? Array(30)
.fill(1)
.map(_ => {
let v = Math.floor(Math.random() * 100)
while (v < 80) {
v = Math.floor(Math.random() * 100)
}
return v
})
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
let v = Math.floor(Math.random() * 100) let v = Math.floor(Math.random() * 100)
while (v < 80) { while (v < 80) {
v = Math.floor(Math.random() * 100) v = Math.floor(Math.random() * 100)
@ -272,7 +324,18 @@ export default {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: [44, 40, 118, 197, 123, 95, 96].map(_ => { data:
this.mode === 'month'
? Array(30)
.fill(1)
.map(_ => {
let v = Math.floor(Math.random() * 100)
while (v < 80) {
v = Math.floor(Math.random() * 100)
}
return v
})
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
let v = Math.floor(Math.random() * 100) let v = Math.floor(Math.random() * 100)
while (v < 80) { while (v < 80) {
v = Math.floor(Math.random() * 100) v = Math.floor(Math.random() * 100)
@ -308,8 +371,26 @@ export default {
}, },
methods: { methods: {
refreshData() { refreshData() {
// update xaxis
this.configs.xAxis.data =
this.mode === 'month'
? [1, 2, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
// update series
this.configs.series.forEach(item => { this.configs.series.forEach(item => {
item.data = [44, 40, 118, 197, 123, 95, 96].map(_ => { item.data =
this.mode === 'month'
? Array(30)
.fill(1)
.map(_ => {
let v = Math.floor(Math.random() * 100)
while (v < 80) {
v = Math.floor(Math.random() * 100)
}
return v
})
: [11, 199, 140, 63, 185, 5, 78].map(_ => {
let v = Math.floor(Math.random() * 100) let v = Math.floor(Math.random() * 100)
while (v < 80) { while (v < 80) {
v = Math.floor(Math.random() * 100) v = Math.floor(Math.random() * 100)
@ -317,6 +398,7 @@ export default {
return v return v
}) })
}) })
if (this.chart) this.chart.setOption(this.configs) if (this.chart) this.chart.setOption(this.configs)
} }
} }