screenone
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -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)
|
||||
|
||||
@@ -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({
|
||||
|
||||
Reference in New Issue
Block a user