分辨率
This commit is contained in:
@@ -79,14 +79,14 @@ li {
|
||||
-webkit-border-radius: 6px;
|
||||
}
|
||||
|
||||
/* 顺和大屏尺寸1920*1040 */
|
||||
/* 顺和大屏尺寸1920*1200 */
|
||||
html, body {
|
||||
/* width: 100%;
|
||||
height: 100%;
|
||||
min-width: 1440px;
|
||||
min-height: 1040px; */
|
||||
width: 1920px;
|
||||
height: 1040px;
|
||||
height: 1200px;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
@@ -123,7 +123,7 @@
|
||||
<div class="p_device ssj_wrap_1 ssj_wrap_2">
|
||||
<img class="device_img" src="../assets/images/device/ssj_gray.png" alt="">
|
||||
</div>
|
||||
<div class="p_device ktp_cmd_wrap" v-for="(e, i) in sunloadLocation" :key="i" :class="'ktp_cmd_wrap_' + (i + 1)">
|
||||
<div class="p_device ktp_cmd_wrap" v-for="(e, i) in loadLocation" :key="i" :class="'ktp_cmd_wrap_' + (i + 1)">
|
||||
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="">
|
||||
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="">
|
||||
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
|
||||
@@ -141,18 +141,18 @@
|
||||
<img v-show="palletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="">
|
||||
<img v-show="palletizingRobot.status === '4'" class="device_img" src="../assets/images/device/robot_cmd_red.png" alt="">
|
||||
</div>
|
||||
<div class="p_device ktp_cmd_wrap" v-for="(e, i) in loadLocation" :key="e.equipment" :class="'ktp_cmd_wrap_' + (i + 3)">
|
||||
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="">
|
||||
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="">
|
||||
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
|
||||
</div>
|
||||
<div class="p_device fmjxt_wrap">
|
||||
<img v-show="laminatingMachine.status === '1'" class="device_img" src="../assets/images/device/fmjxt_green.png" alt="">
|
||||
<img v-show="laminatingMachine.status === '2'" class="device_img" src="../assets/images/device/fmjxt_yellow.png" alt="">
|
||||
<img v-show="laminatingMachine.status === '3'" class="device_img" src="../assets/images/device/fmjxt_gray.png" alt="">
|
||||
<img v-show="laminatingMachine.status === '4'" class="device_img" src="../assets/images/device/fmjxt_red.png" alt="">
|
||||
</div>
|
||||
<div class="p_device ktp_cmd_wrap" v-for="(e, i) in sunloadLocation" :key="e.equipment" :class="'ktp_cmd_wrap_' + (i + 3)">
|
||||
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="">
|
||||
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="">
|
||||
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_block machine_block_3">
|
||||
@@ -595,9 +595,9 @@ export default {
|
||||
background-color #ddb528
|
||||
.yao_layer3
|
||||
position absolute
|
||||
left -10px
|
||||
left -5px
|
||||
top 5%
|
||||
_wh(calc(100% + 20px), 90%)
|
||||
_wh(calc(100% + 10px), 90%)
|
||||
.yao_1
|
||||
left 3%
|
||||
.yao_2
|
||||
@@ -662,11 +662,11 @@ export default {
|
||||
left 6%
|
||||
top 78%
|
||||
.ktp_cmd_wrap_3
|
||||
left 77%
|
||||
top 6%
|
||||
left: 90%;
|
||||
top: 0%;
|
||||
.ktp_cmd_wrap_4
|
||||
left 77%
|
||||
top 78%
|
||||
left: 90%;
|
||||
top: 42%;
|
||||
.robot_cmd_wrap_1
|
||||
_wh(1%, 1%)
|
||||
left: 9%;
|
||||
|
||||
@@ -592,34 +592,34 @@ export default {
|
||||
borderWidth: 2
|
||||
}
|
||||
// smooth: true
|
||||
}, { // 滚动点
|
||||
type: 'lines',
|
||||
zIndex: 999,
|
||||
z: 999,
|
||||
// yAxisIndex: 1,
|
||||
coordinateSystem: 'cartesian2d',
|
||||
polyline: true,
|
||||
smooth: true,
|
||||
effect: {
|
||||
show: true,
|
||||
trailLength: 0,
|
||||
period: 10, // 光点滑动速度
|
||||
delay: 2000,
|
||||
symbol: 'circle',
|
||||
color: '#9eefce',
|
||||
symbolSize: 8,
|
||||
shadowBlur: 10,
|
||||
shadowColor: '#9eefce'
|
||||
},
|
||||
lineStyle: {
|
||||
show: false,
|
||||
opacity: 0
|
||||
},
|
||||
data: [{
|
||||
coords: xData.map((item, index) => {
|
||||
return ['' + xData[index], '' + values2[index]]
|
||||
})
|
||||
}]
|
||||
// }, { // 滚动点
|
||||
// type: 'lines',
|
||||
// zIndex: 999,
|
||||
// z: 999,
|
||||
// // yAxisIndex: 1,
|
||||
// coordinateSystem: 'cartesian2d',
|
||||
// polyline: true,
|
||||
// smooth: true,
|
||||
// effect: {
|
||||
// show: true,
|
||||
// trailLength: 0,
|
||||
// period: 10, // 光点滑动速度
|
||||
// delay: 2000,
|
||||
// symbol: 'circle',
|
||||
// color: '#9eefce',
|
||||
// symbolSize: 8,
|
||||
// shadowBlur: 10,
|
||||
// shadowColor: '#9eefce'
|
||||
// },
|
||||
// lineStyle: {
|
||||
// show: false,
|
||||
// opacity: 0
|
||||
// },
|
||||
// data: [{
|
||||
// coords: xData.map((item, index) => {
|
||||
// return ['' + xData[index], '' + values2[index]]
|
||||
// })
|
||||
// }]
|
||||
}]
|
||||
}
|
||||
let echart = document.getElementById('echart_d2')
|
||||
|
||||
Reference in New Issue
Block a user