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

样式

Browse Source
This commit is contained in:
xiangxy
2023-09-20 10:41:58 +08:00
parent 8a89a35bec
commit 90416d6e43
2 changed files with 49 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/css/reset.css
View File

@@ -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 {

100
src/pages/proj/ProdCount.vue
View File

@@ -6,8 +6,8 @@
<div class="con1">
<div class="cbox">
<div>当前班次：</div>
<div class="num">
<div class="bg" v-for="(item, i) in showNum1" :key="i" :class="{dot: item === '.'}">{{item}}</div>
<div class="num" style="color: #f7b502; font-size: 0.46rem; letter-spacing: 15px;">
白班
</div>
</div>
<div class="cbox">
@@ -35,14 +35,14 @@
<div class="center_wrapper" style="display:flex">
<div class="con2">
<div class="title"><span class="dotIncon"></span><span class="tltxt">当班生产</span></div>
<div class="item_content_1">
<div id="two_echart_06" style="width: 100%; height: 100%"></div>
<div class="item_content_0">
<div id="echart_d1" style="width: 100%; height: 100%"></div>
</div>
</div>
<div class="con3">
<div class="title"><span class="dotIncon"></span><span class="tltxt">人员月生产量</span></div>
<div class="item_content_1">
<div id="echart_d3" style="width: 100%; height: 100%"></div>
<div id="echart_d2" style="width: 100%; height: 100%"></div>
</div>
</div>
</div>
@@ -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