修改界面显示

master
夜笙歌 10 months ago
parent 8a5d93ad1d
commit 0150b998c3

@ -19,7 +19,7 @@
<div>台车1位 1s</div> <div>台车1位 1s</div>
</div> </div>
<div class="supplementInfo">注射压力标准范围10.0-12.0Mpa AB组份枪头压力差1Mpa</div> <div class="supplementInfo">注射压力标准范围10.0-14.0Mpa AB组份枪头压力差1Mpa</div>
<div class="supplementInfo1">发泡料温度标准范围:18.0-24.0</div> <div class="supplementInfo1">发泡料温度标准范围:18.0-24.0</div>
<div style="position: absolute;top: 62%; left: 40%;color:#FFF"> <div style="position: absolute;top: 62%; left: 40%;color:#FFF">
<div style="width: 12px;height: 12px;background-color: #1be409;display: inline-block;margin: 0 8px;"></div> 启用 <div style="width: 12px;height: 12px;background-color: #1be409;display: inline-block;margin: 0 8px;"></div> 启用
@ -754,7 +754,7 @@
<div style="width: 33%;display: inline-block">产量</div> <div style="width: 33%;display: inline-block">产量</div>
</div> </div>
<div v-for="i in 10" <div v-for="i in 10"
: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')"> :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')">
<div style="width: 33%;display: inline-block">{{ i }}</div> <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">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div> <div style="width: 33%;display: inline-block">15-15</div>
@ -767,7 +767,7 @@
<div style="width: 33%;display: inline-block">产量</div> <div style="width: 33%;display: inline-block">产量</div>
</div> </div>
<div v-for="i in 10" <div v-for="i in 10"
: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')"> :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')">
<div style="width: 33%;display: inline-block">{{ i }}</div> <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">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div> <div style="width: 33%;display: inline-block">15-15</div>
@ -780,7 +780,7 @@
<div style="width: 33%;display: inline-block">产量</div> <div style="width: 33%;display: inline-block">产量</div>
</div> </div>
<div v-for="i in 10" <div v-for="i in 10"
: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')"> :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')">
<div style="width: 33%;display: inline-block">{{ i }}</div> <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">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div> <div style="width: 33%;display: inline-block">15-15</div>
@ -793,7 +793,7 @@
<div style="width: 33%;display: inline-block">产量</div> <div style="width: 33%;display: inline-block">产量</div>
</div> </div>
<div v-for="i in 10" <div v-for="i in 10"
: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')"> :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')">
<div style="width: 33%;display: inline-block">{{ i }}</div> <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">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div> <div style="width: 33%;display: inline-block">15-15</div>
@ -821,7 +821,7 @@ export default {
'箱体队列统计', '箱体队列统计',
'生产统计数据', '生产统计数据',
'发泡注射压力监控', '发泡注射压力监控',
'发泡料注料温度监控', '发泡料温度监控',
'门体发泡生产统计', '门体发泡生产统计',
], ],
titlePosition: [ titlePosition: [
@ -856,7 +856,7 @@ export default {
differenceValue: 1000, differenceValue: 1000,
scrollTableOption: { scrollTableOption: {
step: 0.5, // step: 0.5, //
limitMoveNum: 5, // this.dataList.length limitMoveNum: 9999999999, // this.dataList.length
hoverStop: true, // stop hoverStop: true, // stop
direction: 1, // 0 1 2 3 direction: 1, // 0 1 2 3
openWatch: true, // dom openWatch: true, // dom

Loading…
Cancel
Save