diff --git a/src/assets/css/reset.css b/src/assets/css/reset.css index 551e160..877b5c4 100644 --- a/src/assets/css/reset.css +++ b/src/assets/css/reset.css @@ -79,14 +79,14 @@ li { -webkit-border-radius: 6px; } -/* 马钢大屏尺寸1920*1200 */ +/* 马钢大屏尺寸1920*1080 */ html, body { /* width: 100%; height: 100%; min-width: 1440px; min-height: 1040px; */ width: 1920px; - height: 1200px; + height: 1080px; } body { diff --git a/src/pages/proj/ProdCount.vue b/src/pages/proj/ProdCount.vue index a89d8a3..dc2cfb1 100644 --- a/src/pages/proj/ProdCount.vue +++ b/src/pages/proj/ProdCount.vue @@ -6,8 +6,8 @@
当前班次:
-
-
{{item}}
+
+ 白班
@@ -35,14 +35,14 @@
当班生产
-
-
+
+
人员月生产量
-
+
@@ -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