root/screen-lnsh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

screenone

Browse Source
This commit is contained in:
xiangxy
2023-05-31 16:56:00 +08:00
parent c4fd39c350
commit 7e3e45eae6
3 changed files with 769 additions and 698 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1388
src/assets/js/getData0.js
View File

File diff suppressed because it is too large Load Diff

77
src/pages/modules/processproduction/one.vue
View File

@@ -21,11 +21,11 @@
<div class="right_1_up_right"> <div class="right_1_up_right">
<div class="right_1_up_right_item"> <div class="right_1_up_right_item">
<p class="right_1_up_p1">当日计划生产：</p> <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>
<div class="right_1_up_right_item"> <div class="right_1_up_right_item">
<p class="right_1_up_p1">当日实际生产：</p> <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> </div>
</div> </div>
@@ -46,11 +46,11 @@
<div class="right_1_up_right"> <div class="right_1_up_right">
<div class="right_1_up_right_item"> <div class="right_1_up_right_item">
<p class="right_1_up_p1">当日计划生产：</p> <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>
<div class="right_1_up_right_item"> <div class="right_1_up_right_item">
<p class="right_1_up_p1">当日实际生产：</p> <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> </div>
</div> </div>
@@ -99,16 +99,21 @@
</template> </template>
<script> <script>
import { processProduction } from '@js/getData0'
export default { export default {
name: 'one', name: 'one',
data () { data () {
return { return {
finishRate1: 80, num1: 0,
finishRate2: 90, num2: 0,
echartData03: [{date: '碾机1', elbow_qty: '15'}, {date: '碾机2', elbow_qty: '25'}, {date: '碾机3', elbow_qty: '8'}], num3: 0,
echartData05: [{date: '碾机1', elbow_qty: '10'}, {date: '碾机2', elbow_qty: '20'}, {date: '碾机3', elbow_qty: '18'}], num4: 0,
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'}], finishRate1: 0,
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'}], 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: '', myCharts01: '',
myCharts02: '', myCharts02: '',
myCharts03: '', myCharts03: '',
@@ -118,6 +123,7 @@ export default {
} }
}, },
mounted () { mounted () {
this.initData()
this.setEchart01() this.setEchart01()
this.setEchart02() this.setEchart02()
this.setEchart03() this.setEchart03()
@@ -126,6 +132,27 @@ export default {
this.setEchart06() this.setEchart06()
}, },
methods: { 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 () { setEchart01 () {
let value = Number(this.finishRate1) let value = Number(this.finishRate1)
let title = '%' let title = '%'
@@ -304,8 +331,8 @@ export default {
let date = [] let date = []
let data1 = [] let data1 = []
this.echartData03.map(e => { this.echartData03.map(e => {
date.push(e.date) date.push(e.device_name)
data1.push(e.elbow_qty) data1.push(e.real_qty)
}) })
let option = { let option = {
grid: { grid: {
@@ -413,15 +440,11 @@ export default {
setEchart04 () { setEchart04 () {
let data1 = [] let data1 = []
let data2 = [] let data2 = []
let data3 = []
let data4 = []
let device = [] let device = []
this.echartData04.map(e => { this.echartData04.map(e => {
data1.push(e.data1) data1.push(e.qualified_qty)
data2.push(e.data2) data2.push(e.unqualified_qty)
data3.push(e.data3) device.push(e.device_name)
data4.push(e.data4)
device.push(e.device)
}) })
let option = { let option = {
grid: { grid: {
@@ -551,8 +574,8 @@ export default {
let date = [] let date = []
let data1 = [] let data1 = []
this.echartData05.map(e => { this.echartData05.map(e => {
date.push(e.date) date.push(e.device_name)
data1.push(e.elbow_qty) data1.push(e.real_qty)
}) })
let option = { let option = {
grid: { grid: {
@@ -660,15 +683,11 @@ export default {
setEchart06 () { setEchart06 () {
let data1 = [] let data1 = []
let data2 = [] let data2 = []
let data3 = []
let data4 = []
let device = [] let device = []
this.echartData06.map(e => { this.echartData06.map(e => {
data1.push(e.data1) data1.push(e.qualified_qty)
data2.push(e.data2) data2.push(e.unqualified_qty)
data3.push(e.data3) device.push(e.device_name)
data4.push(e.data4)
device.push(e.device)
}) })
let option = { let option = {
grid: { 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 = this.$echarts.init(echart)
this.myCharts10.setOption(option) this.myCharts10.setOption(option)
// this.autoMove(option, 3) // this.autoMove(option, 3)

2
src/router/index.js
View File

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