screenone

This commit is contained in:
2023-05-31 16:56:00 +08:00
parent c4fd39c350
commit 7e3e45eae6
3 changed files with 769 additions and 698 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -21,11 +21,11 @@
<div class="right_1_up_right">
<div class="right_1_up_right_item">
<p class="right_1_up_p1">当日计划生产</p>
<p class="right_1_up_p2">100<span></span></p>
<p class="right_1_up_p2">{{num1}}<span></span></p>
</div>
<div class="right_1_up_right_item">
<p class="right_1_up_p1">当日实际生产</p>
<p class="right_1_up_p2">80<span></span></p>
<p class="right_1_up_p2">{{num2}}<span></span></p>
</div>
</div>
</div>
@@ -46,11 +46,11 @@
<div class="right_1_up_right">
<div class="right_1_up_right_item">
<p class="right_1_up_p1">当日计划生产</p>
<p class="right_1_up_p2">100<span>万块</span></p>
<p class="right_1_up_p2">{{num3}}<span>万块</span></p>
</div>
<div class="right_1_up_right_item">
<p class="right_1_up_p1">当日实际生产</p>
<p class="right_1_up_p2">80<span>万块</span></p>
<p class="right_1_up_p2">{{num4}}<span>万块</span></p>
</div>
</div>
</div>
@@ -99,16 +99,21 @@
</template>
<script>
import { processProduction } from '@js/getData0'
export default {
name: 'one',
data () {
return {
finishRate1: 80,
finishRate2: 90,
echartData03: [{date: '碾机1', elbow_qty: '15'}, {date: '碾机2', elbow_qty: '25'}, {date: '碾机3', elbow_qty: '8'}],
echartData05: [{date: '碾机1', elbow_qty: '10'}, {date: '碾机2', elbow_qty: '20'}, {date: '碾机3', elbow_qty: '18'}],
echartData04: [{data1: '10', data2: '15', data3: '9', data4: '5', device: '压机1'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '压机2'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '压机3'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '压机4'}],
echartData06: [{data1: '30', data2: '20', data3: '9', data4: '5', device: '压机1'}, {data1: '20', data2: '15', data3: '9', data4: '5', device: '压机2'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '压机3'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '压机4'}],
num1: 0,
num2: 0,
num3: 0,
num4: 0,
finishRate1: 0,
finishRate2: 0,
echartData03: [{name: '碾机1', qty: '15'}, {name: '碾机2', qty: '25'}, {name: '碾机3', qty: '8'}],
echartData05: [{name: '碾机1', qty: '10'}, {name: '碾机2', qty: '20'}, {name: '碾机3', qty: '18'}],
echartData04: [{data1: '10', data2: '15', device: '压机1'}, {data1: '10', data2: '15', device: '压机2'}, {data1: '10', data2: '15', device: '压机3'}, {data1: '10', data2: '15', device: '压机4'}],
echartData06: [{data1: '30', data2: '20', device: '压机1'}, {data1: '20', data2: '15', device: '压机2'}, {data1: '10', data2: '15', device: '压机3'}, {data1: '10', data2: '15', device: '压机4'}],
myCharts01: '',
myCharts02: '',
myCharts03: '',
@@ -118,6 +123,7 @@ export default {
}
},
mounted () {
this.initData()
this.setEchart01()
this.setEchart02()
this.setEchart03()
@@ -126,6 +132,27 @@ export default {
this.setEchart06()
},
methods: {
async initData () {
let res = await processProduction()
this.resData = res.result
this.num1 = res.result.HL.hl_plan_day
this.num2 = res.result.HL.hl_real_day
this.num3 = res.result.YZ.yz_plan_day
this.num4 = res.result.YZ.yz_real_day
this.finishRate1 = res.result.HL.hl_productivity
this.finishRate2 = res.result.YZ.yz_productivity
this.echartData03 = res.result.HL.HLDayList
this.echartData05 = res.result.HL.HLWeekList
this.echartData04 = res.result.YZ.YZDayList
this.echartData06 = res.result.YZ.YZWeekList
console.log(this.echartData06, 222)
this.setEchart01()
this.setEchart02()
this.setEchart03()
this.setEchart04()
this.setEchart05()
this.setEchart06()
},
setEchart01 () {
let value = Number(this.finishRate1)
let title = '%'
@@ -304,8 +331,8 @@ export default {
let date = []
let data1 = []
this.echartData03.map(e => {
date.push(e.date)
data1.push(e.elbow_qty)
date.push(e.device_name)
data1.push(e.real_qty)
})
let option = {
grid: {
@@ -413,15 +440,11 @@ export default {
setEchart04 () {
let data1 = []
let data2 = []
let data3 = []
let data4 = []
let device = []
this.echartData04.map(e => {
data1.push(e.data1)
data2.push(e.data2)
data3.push(e.data3)
data4.push(e.data4)
device.push(e.device)
data1.push(e.qualified_qty)
data2.push(e.unqualified_qty)
device.push(e.device_name)
})
let option = {
grid: {
@@ -551,8 +574,8 @@ export default {
let date = []
let data1 = []
this.echartData05.map(e => {
date.push(e.date)
data1.push(e.elbow_qty)
date.push(e.device_name)
data1.push(e.real_qty)
})
let option = {
grid: {
@@ -660,15 +683,11 @@ export default {
setEchart06 () {
let data1 = []
let data2 = []
let data3 = []
let data4 = []
let device = []
this.echartData06.map(e => {
data1.push(e.data1)
data2.push(e.data2)
data3.push(e.data3)
data4.push(e.data4)
device.push(e.device)
data1.push(e.qualified_qty)
data2.push(e.unqualified_qty)
device.push(e.device_name)
})
let option = {
grid: {
@@ -902,7 +921,7 @@ export default {
}
]
}
let echart = document.getElementById('echart_10')
let echart = document.getElementById('echart_d10')
this.myCharts10 = this.$echarts.init(echart)
this.myCharts10.setOption(option)
// this.autoMove(option, 3)

View File

@@ -11,7 +11,7 @@ const ProdCount = r => require.ensure([], () => r(require('@page/ProdCount2')),
Vue.use(Router)
const ProcessProductionOne = r => require.ensure([], () => r(require('@page/modules/processproduction/one')), 'modules')
const ProcessProductionTwo = r => require.ensure([], () => r(require('@page/modules/processproduction/two')), 'modules')
const ProcessProductionTwo = r => require.ensure([], () => r(require('@page/modules/processproduction/two2')), 'modules')
const ProcessProductionThree = r => require.ensure([], () => r(require('@page/modules/processproduction/three')), 'modules')
export default new Router({