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

设置+高

Browse Source
This commit is contained in:
xiangxy
2023-05-30 14:03:58 +08:00
parent 4992231ce5
commit 499a6ea256
3 changed files with 342 additions and 388 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
src/pages/modules/homepage/one.vue
View File

@@ -106,8 +106,10 @@ export default {
return {
finishRate1: 80,
finishRate2: 90,
arrL2: [{date: '碾机1', elbow_qty: '15'}, {date: '碾机2', elbow_qty: '25'}, {date: '碾机3', elbow_qty: '8'}],
echartData1: [{data1: '10', data2: '15', data3: '9', data4: '5', device: '盘管双斜切'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '盘管双斜切'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '盘管双斜切'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '盘管双斜切'}],
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'}],
myCharts01: '',
myCharts02: '',
myCharts03: '',
@@ -128,7 +130,7 @@ export default {
setEchart03 () {
let date = []
let data1 = []
this.arrL2.map(e => {
this.echartData03.map(e => {
date.push(e.date)
data1.push(e.elbow_qty)
})
@@ -241,7 +243,7 @@ export default {
let data3 = []
let data4 = []
let device = []
this.echartData1.map(e => {
this.echartData04.map(e => {
data1.push(e.data1)
data2.push(e.data2)
data3.push(e.data3)
@@ -266,7 +268,7 @@ export default {
itemGap: 30.86,
itemWidth: 14.16,
itemHeight: 7.38,
data: [{name: '正常运行', itemStyle: {color: '#33CCCC'}}, {name: '故障', itemStyle: {color: '#EAAD24'}}, {name: '待机', itemStyle: {color: '#0E90FD'}}, {name: '关机', itemStyle: {color: '#c9c9c9'}}]
data: [{name: '合格数', itemStyle: {color: '#33CCCC'}}, {name: '不合格数', itemStyle: {color: '#EAAD24'}}]
},
xAxis: {
type: 'category',
@@ -315,7 +317,7 @@ export default {
},
series: [
{
name: '正常运行',
name: '合格数',
type: 'bar',
barWidth: '8',
itemStyle: {
@@ -337,7 +339,7 @@ export default {
data: data1
},
{
name: '故障',
name: '不合格数',
type: 'bar',
barWidth: '8',
itemStyle: {
@@ -357,50 +359,6 @@ export default {
}
},
data: data2
},
{
name: '待机',
type: 'bar',
barWidth: '8',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 1,
color: 'rgba(96,112,128,0.10)',
opacity: 1
},
{
offset: 0,
color: '#0E90FD',
opacity: 0.1
}
])
}
},
data: data3
},
{
name: '关机',
type: 'bar',
barWidth: '8',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#c9c9c9',
opacity: 1
},
{
offset: 1,
color: 'rgba(148,145,145,0.25)',
opacity: 0.25
}
])
}
},
data: data4
}
]
}
@@ -419,7 +377,7 @@ export default {
setEchart05 () {
let date = []
let data1 = []
this.arrL2.map(e => {
this.echartData05.map(e => {
date.push(e.date)
data1.push(e.elbow_qty)
})
@@ -532,7 +490,7 @@ export default {
let data3 = []
let data4 = []
let device = []
this.echartData1.map(e => {
this.echartData06.map(e => {
data1.push(e.data1)
data2.push(e.data2)
data3.push(e.data3)
@@ -557,7 +515,7 @@ export default {
itemGap: 30.86,
itemWidth: 14.16,
itemHeight: 7.38,
data: [{name: '正常运行', itemStyle: {color: '#33CCCC'}}, {name: '故障', itemStyle: {color: '#EAAD24'}}, {name: '待机', itemStyle: {color: '#0E90FD'}}, {name: '关机', itemStyle: {color: '#c9c9c9'}}]
data: [{name: '合格数', itemStyle: {color: '#33CCCC'}}, {name: '不合格数', itemStyle: {color: '#EAAD24'}}]
},
xAxis: {
type: 'category',
@@ -606,7 +564,7 @@ export default {
},
series: [
{
name: '正常运行',
name: '合格数',
type: 'bar',
barWidth: '8',
itemStyle: {
@@ -628,7 +586,7 @@ export default {
data: data1
},
{
name: '故障',
name: '不合格数',
type: 'bar',
barWidth: '8',
itemStyle: {
@@ -648,50 +606,6 @@ export default {
}
},
data: data2
},
{
name: '待机',
type: 'bar',
barWidth: '8',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 1,
color: 'rgba(96,112,128,0.10)',
opacity: 1
},
{
offset: 0,
color: '#0E90FD',
opacity: 0.1
}
])
}
},
data: data3
},
{
name: '关机',
type: 'bar',
barWidth: '8',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#c9c9c9',
opacity: 1
},
{
offset: 1,
color: 'rgba(148,145,145,0.25)',
opacity: 0.25
}
])
}
},
data: data4
}
]
}
@@ -713,7 +627,7 @@ export default {
let max = 0
// this.chartData2.map(el => {
// total.push(el.err_times)
// names.push(el.device_name)
// names.push(el.devic_name)
// max = Math.max(max, Number(el.err_times))
// })
let option = {
@@ -1019,11 +933,24 @@ export default {
padding 40px 0 20px 54px
.n_body_container_wraper
_wh(100%, 100%)
// .box1
// // _wh(100%, 20%)
// width 100%
// _fj()
// flex-direction row
// .box2
// clear both
// _wh(100%, 37%)
// _fj()
// flex-direction row
// margin-bottom 1%
.box1
// _wh(100%, 20%)
width 100%
height 23%
_fj()
flex-direction row
margin-bottom 1%
.box2
clear both
_wh(100%, 37%)
@@ -1193,8 +1120,14 @@ export default {
left 0
_wh(.15rem, .15rem)
background center center / 100% 100% url(../../..//images/screen1/dot_1.png) no-repeat
// .item_content_3
// _wh(100%, 100%)
// padding-top .1rem
// _fj(flex-start)
// flex-direction column
.item_content_3
_wh(100%, 100%)
height calc(100% - .4rem)
padding-top .1rem
_fj(flex-start)
flex-direction column