@@ -85,8 +85,8 @@ export default {
showNum3: '',
showNum4: '333',
showNum5: '333',
- myCharts03: '',
- myCharts06: '',
+ myCharts02: '',
+ myCharts01: '',
materData: [],
deviceData: [],
arr3: [
@@ -111,7 +111,7 @@ export default {
device_fault_num: '120'
}
],
- echartData06: [
+ echartData01: [
{
material_code: '压机1',
region_in_qty: '150',
@@ -189,15 +189,15 @@ export default {
this.showNum4 = res.pressProduction.dailyProductionQty
this.showNum5 = res.pressProduction.dailyProductionWeight
this.workOrder = [...res.workOrder]
- this.setEchart06()
- this.setEchart3()
+ this.setEchart01()
+ this.setEchart02()
},
- setEchart06 () {
+ setEchart01 () {
let data1 = []
let data2 = []
let data3 = []
let device = []
- this.echartData06.map(e => {
+ this.echartData01.map(e => {
data1.push(e.region_in_qty)
data2.push(e.region_out_qty)
data3.push(e.inventory_qty)
@@ -213,15 +213,16 @@ export default {
},
legend: {
icon: 'rect',
+ // right: 0,
textStyle: {
color: '#fff',
fontSize: 14,
lineHeight: 14
},
- itemGap: 10.86,
- itemWidth: 10.16,
+ itemGap: 40.86,
+ itemWidth: 20.16,
itemHeight: 7.38,
- data: [{name: '入库数量(块)', itemStyle: {color: '#33CCCC'}}, {name: '出库数量(块)', itemStyle: {color: '#EAAD24'}}, {name: '库存数量(块)', itemStyle: {color: '#0E90FD'}}]
+ data: [{name: '合格数', itemStyle: {color: '#33CCCC'}}, {name: '不合格数', itemStyle: {color: '#EAAD24'}}, {name: '剩余数', itemStyle: {color: '#0E90FD'}}]
},
xAxis: {
type: 'category',
@@ -270,9 +271,9 @@ export default {
},
series: [
{
- name: '入库数量(块)',
+ name: '合格数',
type: 'bar',
- barWidth: '8',
+ barWidth: '12',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -292,9 +293,9 @@ export default {
data: data1
},
{
- name: '出库数量(块)',
+ name: '不合格数',
type: 'bar',
- barWidth: '8',
+ barWidth: '12',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -314,9 +315,9 @@ export default {
data: data2
},
{
- name: '库存数量(块)',
+ name: '剩余数',
type: 'bar',
- barWidth: '8',
+ barWidth: '12',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -337,19 +338,19 @@ export default {
}
]
}
- let echart = document.getElementById('two_echart_06')
- // if (this.myCharts06 !== '') {
- // this.myCharts06.dispose()
+ let echart = document.getElementById('echart_d1')
+ // if (this.myCharts01 !== '') {
+ // this.myCharts01.dispose()
// }
if (echart !== null) {
- this.myCharts06 = this.$echarts.init(echart)
- this.myCharts06.setOption(option)
+ this.myCharts01 = this.$echarts.init(echart)
+ this.myCharts01.setOption(option)
window.addEventListener('resize', () => {
- this.myCharts06.resize()
+ this.myCharts01.resize()
})
}
},
- setEchart3 () {
+ setEchart02 () {
let max = 0
this.arr3.map(el => {
if (Number(el.device_fault_num) >= Number(max)) {
@@ -454,12 +455,12 @@ export default {
}
]
}
- let echart = document.getElementById('echart_d3')
- this.myCharts03 = this.$echarts.init(echart)
- this.myCharts03.setOption(option)
+ let echart = document.getElementById('echart_d2')
+ this.myCharts02 = this.$echarts.init(echart)
+ this.myCharts02.setOption(option)
// this.autoMove(option)
window.addEventListener('resize', () => {
- this.myCharts03.resize()
+ this.myCharts02.resize()
})
},
autoMove (option) {
@@ -471,7 +472,7 @@ export default {
option.dataZoom[0].endValue = option.dataZoom[0].endValue + 1
option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1
}
- this.myCharts06.setOption(option)
+ this.myCharts01.setOption(option)
}, 2000)
}
}
@@ -501,7 +502,7 @@ export default {
overflow hidden
.container
_wh(100%, calc(100% - 1.38rem))
- padding .3rem .2509rem 0
+ padding .1rem .2509rem 0
overflow hidden
clear both
.bottom
@@ -525,7 +526,7 @@ export default {
overflow hidden
position relative
background center center / 100% 100% url(../../assets/images/sctj_top.png) no-repeat
- margin 15px 0
+ margin 5px 0
text-align center
display flex
justify-content space-between
@@ -579,9 +580,8 @@ export default {
_fj(row)
.con2
width 70%
- height 100%
- overflow hidden
- position relative
+ // height 100%
+ height calc(100% - 34px)
.title
// _wh(calc(100% - 34px), 32px)
_wh(100%, 32px)
@@ -589,19 +589,12 @@ export default {
padding-left 0.18rem
_font(16px, 32px, #fff,,left)
background center center / 100% 100% url(../../assets/images/screen1/bg_title_l.png) no-repeat
- .desc
- _wh(100%, 32px)
- _fj(row, center)
- div
- _font(16px, 32px, #fff,,)
- span
- font-size 16px
- color #F7B502
- margin 0 30px
.item_content_0
- position relative
- _wh(calc(100% - 44px), calc(100% - 112px))
+ // _wh(calc(100% - 44px), calc(100% - 112px))
+ _wh(calc(100% - 44px), 100%)
+ height 100%
// margin 17px auto
+ float right
.tltxt
position relative
top -3px
@@ -614,10 +607,11 @@ export default {
left -6px
background center center / 100% 100% url(../../assets/images/screen1/bg_title_tip.png) no-repeat
.con3
- // width calc(30% - 15px)
width 30%
- height 100%
- overflow hidden
+ // height 100%
+ // padding-top 120px
+ height calc(100% - 34px)
+ // overflow hidden
position relative
.title
position absolute
@@ -633,7 +627,7 @@ export default {
float right
.con4
_wh(100%, calc(50% - 85px))
- margin-top 16px
+ margin-top 66px
overflow hidden
position relative
.block_h2