修改界面显示

master
夜笙歌 11 months ago
parent 0150b998c3
commit 5b56db98d9

@ -1296,7 +1296,7 @@
],
"y": [
{
"name": "目标产量",
"name": "实际产量",
"data": [
300,
300,
@ -1310,7 +1310,7 @@
]
},
{
"name": "实际产量",
"name": "目标产量",
"data": [
300,
290,

@ -754,7 +754,7 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in 10"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color: '+ (i === 2 ? '#fff' : '#fff')+';text-align: center;background-color:' + (i === 2 ? '#8a8e9688' : '#1be40944')">
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color: '+ (i === 2 ? '#bed4ce' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#8a8e9688' : '#1be40944')">
<div style="width: 33%;display: inline-block">{{ i }}</div>
<div style="width: 33%;display: inline-block">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div>
@ -767,7 +767,7 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in 10"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#fff' : '#fff')+';text-align: center;background-color:' + (i === 2 ? '#ff000088' : '#1be40944')">
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#ff5959' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#ff000088' : '#1be40944')">
<div style="width: 33%;display: inline-block">{{ i }}</div>
<div style="width: 33%;display: inline-block">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div>
@ -780,7 +780,7 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in 10"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#fff' : '#fff')+';text-align: center;background-color:' + (i === 2 ? '#ff800088' : '#1be40944')">
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#ffb769' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#ff800088' : '#1be40944')">
<div style="width: 33%;display: inline-block">{{ i }}</div>
<div style="width: 33%;display: inline-block">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div>
@ -793,7 +793,7 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in 10"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#fff' : '#fff')+';text-align: center;background-color:' + (i === 2 ? '#8a8e9688' : '#1be40944')">
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#bed4ce' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#8a8e9688' : '#1be40944')">
<div style="width: 33%;display: inline-block">{{ i }}</div>
<div style="width: 33%;display: inline-block">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div>

@ -7,6 +7,9 @@
</div>
<div class="loss">{{loss}}</div>
<div class="meter">{{meter}}</div>
<span style="position: absolute;top: 10%;left: 14%;color: #fff;font-size: 1vw;">目标1000&nbsp;&nbsp;进度目标1000&nbsp;&nbsp;实际1000&nbsp;&nbsp;差异0&nbsp;&nbsp;达成率100% </span>
<span style="position: absolute;top: 54.3%;left: 19%;color: #fff;font-size: 1vw">目标3% &nbsp;&nbsp;&nbsp;实际1% &nbsp;&nbsp;&nbsp;累计不良数1</span>
<span style="position: absolute;top: 54.3%;left: 66.7%;color: #CFD2D0;font-size: 1.0vw">合计111</span>
<div class="scrollTable">
<div style="background-color: #094170">
@ -260,6 +263,15 @@ export default {
itemStyle: {
normal: {
barBorderRadius: 5,
color: function (val) {
console.log()
if (e.chart11.y[0].data[val.dataIndex] >= e.chart11.y[1].data[val.dataIndex]) {
return '#30e391'
} else {
return '#FE70A6'
}
// return "#0D81ED"
},
},
},
data: e.chart11.y[0].data,
@ -379,6 +391,19 @@ export default {
{
name: e.chart12.y[0].name,
type: 'bar',
itemStyle: {
normal: {
color: function (val) {
console.log()
if (e.chart12.y[1].data[val.dataIndex] < e.chart12.y[2].data[val.dataIndex]) {
return '#30e391'
} else {
return '#FE70A6'
}
// return "#0D81ED"
},
},
},
data: e.chart12.y[0].data,
label: {
show: true,

Loading…
Cancel
Save