物流工艺
This commit is contained in:
@@ -564,6 +564,10 @@ export const homepageEquipment = () => {
|
|||||||
{
|
{
|
||||||
'equipment': '码垛机械手5',
|
'equipment': '码垛机械手5',
|
||||||
'status': '1'
|
'status': '1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'equipment': '码垛机械手6',
|
||||||
|
'status': '1'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
'unloadLocation': [
|
'unloadLocation': [
|
||||||
@@ -638,14 +642,6 @@ export const homepageEquipment = () => {
|
|||||||
{
|
{
|
||||||
'equipment': '压机9下料位2',
|
'equipment': '压机9下料位2',
|
||||||
'status': '3'
|
'status': '3'
|
||||||
},
|
|
||||||
{
|
|
||||||
'equipment': '压机10下料位1',
|
|
||||||
'status': '2'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'equipment': '压机10下料位2',
|
|
||||||
'status': '3'
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
'pressMachine': [
|
'pressMachine': [
|
||||||
@@ -684,10 +680,6 @@ export const homepageEquipment = () => {
|
|||||||
{
|
{
|
||||||
'equipment': '压机9',
|
'equipment': '压机9',
|
||||||
'status': '4'
|
'status': '4'
|
||||||
},
|
|
||||||
{
|
|
||||||
'equipment': '压机10',
|
|
||||||
'status': '1'
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
'loadLocation': [
|
'loadLocation': [
|
||||||
@@ -730,6 +722,14 @@ export const homepageEquipment = () => {
|
|||||||
{
|
{
|
||||||
'equipment': '压机10上料位1',
|
'equipment': '压机10上料位1',
|
||||||
'status': '1'
|
'status': '1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'equipment': '压机11上料位1',
|
||||||
|
'status': '1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'equipment': '压机12上料位1',
|
||||||
|
'status': '1'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -8,7 +8,8 @@
|
|||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
points: [{x1: 650, y1: 885, x2: 650, y2: 852}, {x1: 577, y1: 815, x2: 548, y2: 815}, {x1: 719, y1: 815, x2: 754, y2: 815}, {x1: 305, y1: 560, x2: 305, y2: 545}, {x1: 419, y1: 510, x2: 419, y2: 490}, {x1: 455, y1: 282, x2: 548, y2: 282}, {x1: 830, y1: 395, x2: 830, y2: 474}, {x1: 830, y1: 499, x2: 830, y2: 561}, {x1: 830, y1: 516, x2: 488, y2: 516}, {x1: 488, y1: 516, x2: 488, y2: 560}],
|
// points: [{x1: 650, y1: 885, x2: 650, y2: 852}, {x1: 577, y1: 815, x2: 548, y2: 815}, {x1: 719, y1: 815, x2: 754, y2: 815}, {x1: 305, y1: 560, x2: 305, y2: 545}, {x1: 419, y1: 510, x2: 419, y2: 490}, {x1: 455, y1: 282, x2: 548, y2: 282}, {x1: 830, y1: 395, x2: 830, y2: 474}, {x1: 830, y1: 499, x2: 830, y2: 561}, {x1: 830, y1: 516, x2: 488, y2: 516}, {x1: 488, y1: 516, x2: 488, y2: 560}],
|
||||||
|
points: [{x1: 305, y1: 560, x2: 305, y2: 545}, {x1: 419, y1: 510, x2: 419, y2: 490}, {x1: 455, y1: 282, x2: 548, y2: 282}, {x1: 830, y1: 395, x2: 830, y2: 474}, {x1: 830, y1: 499, x2: 830, y2: 561}, {x1: 830, y1: 516, x2: 488, y2: 516}, {x1: 488, y1: 516, x2: 488, y2: 560}],
|
||||||
dot1: {x1: 650, y1: 885, x2: 650, y2: 852},
|
dot1: {x1: 650, y1: 885, x2: 650, y2: 852},
|
||||||
dot2: {x1: 577, y1: 815, x2: 548, y2: 815},
|
dot2: {x1: 577, y1: 815, x2: 548, y2: 815},
|
||||||
dot3: {x1: 719, y1: 815, x2: 754, y2: 815},
|
dot3: {x1: 719, y1: 815, x2: 754, y2: 815},
|
||||||
@@ -55,32 +56,32 @@ export default {
|
|||||||
let canvas = document.getElementById('myCanvas')
|
let canvas = document.getElementById('myCanvas')
|
||||||
let ctx = canvas.getContext('2d')
|
let ctx = canvas.getContext('2d')
|
||||||
ctx.clearRect(0, 0, canvas.width, canvas.height)
|
ctx.clearRect(0, 0, canvas.width, canvas.height)
|
||||||
if (this.line1 === 1) {
|
// if (this.line1 === 1) {
|
||||||
this.dot1.y1 -= 1
|
// this.dot1.y1 -= 1
|
||||||
this.drawPoint(ctx, this.dot1.x1, this.dot1.y1)
|
// this.drawPoint(ctx, this.dot1.x1, this.dot1.y1)
|
||||||
if (this.dot1.y1 === this.dot1.y2) {
|
// if (this.dot1.y1 === this.dot1.y2) {
|
||||||
this.dot1.y1 = 885
|
// this.dot1.y1 = 885
|
||||||
this.line1 = 2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (this.line1 === 2) {
|
|
||||||
this.dot2.x1 -= 1
|
|
||||||
this.drawPoint(ctx, this.dot2.x1, this.dot2.y1)
|
|
||||||
// this.line1 = 3
|
|
||||||
if (this.dot2.x1 === this.dot2.x2) {
|
|
||||||
this.dot2.x1 = 577
|
|
||||||
this.line1 = 3
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (this.line1 === 3) {
|
|
||||||
this.dot3.x1 += 1
|
|
||||||
this.drawPoint(ctx, this.dot3.x1, this.dot3.y1)
|
|
||||||
// this.line1 = 2
|
// this.line1 = 2
|
||||||
if (this.dot3.x1 === this.dot3.x2) {
|
// }
|
||||||
this.dot3.x1 = 719
|
// }
|
||||||
this.line1 = 1
|
// if (this.line1 === 2) {
|
||||||
}
|
// this.dot2.x1 -= 1
|
||||||
}
|
// this.drawPoint(ctx, this.dot2.x1, this.dot2.y1)
|
||||||
|
// // this.line1 = 3
|
||||||
|
// if (this.dot2.x1 === this.dot2.x2) {
|
||||||
|
// this.dot2.x1 = 577
|
||||||
|
// this.line1 = 3
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// if (this.line1 === 3) {
|
||||||
|
// this.dot3.x1 += 1
|
||||||
|
// this.drawPoint(ctx, this.dot3.x1, this.dot3.y1)
|
||||||
|
// // this.line1 = 2
|
||||||
|
// if (this.dot3.x1 === this.dot3.x2) {
|
||||||
|
// this.dot3.x1 = 719
|
||||||
|
// this.line1 = 1
|
||||||
|
// }
|
||||||
|
// }
|
||||||
if (this.line2 === 1) {
|
if (this.line2 === 1) {
|
||||||
this.dot4.y1 -= 1
|
this.dot4.y1 -= 1
|
||||||
this.drawPoint(ctx, this.dot4.x1, this.dot4.y1)
|
this.drawPoint(ctx, this.dot4.x1, this.dot4.y1)
|
||||||
|
|||||||
@@ -27,12 +27,17 @@
|
|||||||
<div class="yao_line_1 yao_line_2">
|
<div class="yao_line_1 yao_line_2">
|
||||||
<div v-for="(e, i) in [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]" :key="i" class="yao_line_dot"></div>
|
<div v-for="(e, i) in [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]" :key="i" class="yao_line_dot"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="yao_wrap" v-for="(e, i) in kiln" :key="e.equipment" :class="'yao_' + (i + 1)">
|
<div class="yao_wrap yao_1">
|
||||||
|
<div class="yao_layer1"></div>
|
||||||
|
<div class="yao_layer2"></div>
|
||||||
|
<div class="yao_layer3"></div>
|
||||||
|
</div>
|
||||||
|
<div class="yao_wrap" v-for="(e, i) in kiln" :key="e.equipment" :class="'yao_' + (i + 2)">
|
||||||
<div class="yao_layer1"></div>
|
<div class="yao_layer1"></div>
|
||||||
<div class="yao_layer2"></div>
|
<div class="yao_layer2"></div>
|
||||||
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}"></div>
|
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="yao_wrap yao_5">
|
<!-- <div class="yao_wrap yao_5">
|
||||||
<div class="yao_layer1"></div>
|
<div class="yao_layer1"></div>
|
||||||
<div class="yao_layer2"></div>
|
<div class="yao_layer2"></div>
|
||||||
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(emptyVehicleConveyorLine.status) - 1]}"></div>
|
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(emptyVehicleConveyorLine.status) - 1]}"></div>
|
||||||
@@ -42,7 +47,7 @@
|
|||||||
<div class="p_device yygcj_wrap">
|
<div class="p_device yygcj_wrap">
|
||||||
<img class="device_img" src="../assets/images/device/yygcj_green.png" alt="">
|
<img class="device_img" src="../assets/images/device/yygcj_green.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
<div class="yao_wrap yao_6" v-for="(e, i) in coolingConveyorLine" :key="e.equipment" :class="'yao_' + (i + 6)">
|
<div class="yao_wrap yao_6" v-for="(e, i) in coolingConveyorLine" :key="e.equipment" :class="'yao_' + (i + 6)">
|
||||||
<div class="yao_layer1"></div>
|
<div class="yao_layer1"></div>
|
||||||
<div class="yao_layer2"></div>
|
<div class="yao_layer2"></div>
|
||||||
@@ -250,30 +255,30 @@
|
|||||||
<div class="p_device weilan_1600_wrap">
|
<div class="p_device weilan_1600_wrap">
|
||||||
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
|
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device slw_1600_wrap_1">
|
<div class="p_device slw_1600_wrap slw_1600_wrap_1">
|
||||||
<img v-show="press[3].loadLocation1 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
<img v-show="press[3].loadLocation1 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
||||||
<img v-show="press[3].loadLocation1 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
<img v-show="press[3].loadLocation1 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
||||||
<img v-show="press[3].loadLocation1 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
<img v-show="press[3].loadLocation1 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||||
<img v-show="press[3].loadLocation1 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
|
<img v-show="press[3].loadLocation1 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device slw_1600_wrap_1 slw_1600_wrap_2">
|
<div class="p_device slw_1600_wrap slw_1600_wrap_2">
|
||||||
<img v-show="press[3].loadLocation2 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
<img v-show="press[3].loadLocation2 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
||||||
<img v-show="press[3].loadLocation2 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
<img v-show="press[3].loadLocation2 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
||||||
<img v-show="press[3].loadLocation2 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
<img v-show="press[3].loadLocation2 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||||
<img v-show="press[3].loadLocation2 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
|
<img v-show="press[3].loadLocation2 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
<div class="p_device slw_1600_wrap slw_1600_wrap_3">
|
||||||
|
<img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="p_device slw_1600_wrap slw_1600_wrap_4">
|
||||||
|
<img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||||
|
</div>
|
||||||
<div class="p_device yj_1600_wrap_1">
|
<div class="p_device yj_1600_wrap_1">
|
||||||
<img v-show="press[3].pressMachine1 === '1'" class="device_img" src="../assets/images/device/630/yj_green.png" alt="">
|
<img v-show="press[3].pressMachine1 === '1'" class="device_img" src="../assets/images/device/630/yj_green.png" alt="">
|
||||||
<img v-show="press[3].pressMachine1 === '2'" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="">
|
<img v-show="press[3].pressMachine1 === '2'" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="">
|
||||||
<img v-show="press[3].pressMachine1 === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
<img v-show="press[3].pressMachine1 === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
||||||
<img v-show="press[3].pressMachine1 === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="">
|
<img v-show="press[3].pressMachine1 === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device yj_1600_wrap_1 yj_1600_wrap_2">
|
|
||||||
<img v-show="press[3].pressMachine2 === '1'" class="device_img" src="../assets/images/device/630/yj_green.png" alt="">
|
|
||||||
<img v-show="press[3].pressMachine2 === '2'" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="">
|
|
||||||
<img v-show="press[3].pressMachine2 === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
|
||||||
<img v-show="press[3].pressMachine2 === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="">
|
|
||||||
</div>
|
|
||||||
<!-- <div class="p_device qzj_1600_wrap">
|
<!-- <div class="p_device qzj_1600_wrap">
|
||||||
<img class="device_img" src="../assets/images/device/1600/qzj_gray.png" alt="">
|
<img class="device_img" src="../assets/images/device/1600/qzj_gray.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
@@ -293,17 +298,17 @@
|
|||||||
<img v-show="press[3].status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
|
<img v-show="press[3].status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="press.length > 3" class="yj_1600_block_1 yj_1600_block_2">
|
<div v-if="press.length > 4" class="yj_1600_block_1 yj_1600_block_2">
|
||||||
<div class="p_device weilan_1600_wrap">
|
<div class="p_device weilan_1600_wrap">
|
||||||
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
|
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device slw_1600_wrap_1">
|
<div class="p_device slw_1600_wrap slw_1600_wrap_2">
|
||||||
<img v-show="press[3].loadLocation1 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
<img v-show="press[3].loadLocation1 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
||||||
<img v-show="press[3].loadLocation1 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
<img v-show="press[3].loadLocation1 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
||||||
<img v-show="press[3].loadLocation1 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
<img v-show="press[3].loadLocation1 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||||
<img v-show="press[3].loadLocation1 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
|
<img v-show="press[3].loadLocation1 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device slw_1600_wrap_1 slw_1600_wrap_2">
|
<div class="p_device slw_1600_wrap slw_1600_wrap_4">
|
||||||
<img v-show="press[3].loadLocation2 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
<img v-show="press[3].loadLocation2 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
||||||
<img v-show="press[3].loadLocation2 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
<img v-show="press[3].loadLocation2 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
||||||
<img v-show="press[3].loadLocation2 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
<img v-show="press[3].loadLocation2 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||||
@@ -315,18 +320,6 @@
|
|||||||
<img v-show="press[3].pressMachine1 === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
<img v-show="press[3].pressMachine1 === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
||||||
<img v-show="press[3].pressMachine1 === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="">
|
<img v-show="press[3].pressMachine1 === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device yj_1600_wrap_1 yj_1600_wrap_2">
|
|
||||||
<img v-show="press[3].pressMachine2 === '1'" class="device_img" src="../assets/images/device/630/yj_green.png" alt="">
|
|
||||||
<img v-show="press[3].pressMachine2 === '2'" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="">
|
|
||||||
<img v-show="press[3].pressMachine2 === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
|
||||||
<img v-show="press[3].pressMachine2 === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="">
|
|
||||||
</div>
|
|
||||||
<!-- <div class="p_device qzj_1600_wrap">
|
|
||||||
<img class="device_img" src="../assets/images/device/1600/qzj_gray.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="p_device jcj_1600_wrap">
|
|
||||||
<img class="device_img" src="../assets/images/device/1600/jcj_gray.png" alt="">
|
|
||||||
</div> -->
|
|
||||||
<div class="p_device ktp_1600_wrap" v-for="(e, i) in press[3].unloadLocation" :key="i" :class="'ktp_1600_wrap_' + (i+1)">
|
<div class="p_device ktp_1600_wrap" v-for="(e, i) in press[3].unloadLocation" :key="i" :class="'ktp_1600_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 === '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 === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="">
|
||||||
@@ -344,22 +337,19 @@
|
|||||||
<div class="p_device weilan_1600_wrap">
|
<div class="p_device weilan_1600_wrap">
|
||||||
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
|
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device slw_1600_wrap_1">
|
<div class="p_device slw_1600_wrap slw_1600_wrap_2">
|
||||||
<img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
<img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device slw_1600_wrap_1 slw_1600_wrap_2">
|
<div class="p_device slw_1600_wrap slw_1600_wrap_4">
|
||||||
<img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
<img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device yj_1600_wrap_1">
|
<div class="p_device yj_1600_wrap_1">
|
||||||
<img class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
<img class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device yj_1600_wrap_1 yj_1600_wrap_2">
|
|
||||||
<img class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="p_device robot_1600_wrap">
|
<div class="p_device robot_1600_wrap">
|
||||||
<img class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
|
<img class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="p_device ktp_1600_wrap" v-for="(e, i) in [1,1,1,1]" :key="i" :class="'ktp_1600_wrap_' + (i+1)">
|
<div class="p_device ktp_1600_wrap" v-for="(e, i) in [1,1]" :key="i" :class="'ktp_1600_wrap_' + (i+1)">
|
||||||
<img class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
|
<img class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -408,7 +398,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="machine_block machine_block_5">
|
<!-- <div class="machine_block machine_block_5">
|
||||||
<div class="lz_hj_wrap">
|
<div class="lz_hj_wrap">
|
||||||
<div class="lz_hj" v-for="(e, i) in storageLocation" :key="i">
|
<div class="lz_hj" v-for="(e, i) in storageLocation" :key="i">
|
||||||
<img v-show="e.pointStatus === '2'" src="../assets/images/device/hj.png" alt="">
|
<img v-show="e.pointStatus === '2'" src="../assets/images/device/hj.png" alt="">
|
||||||
@@ -418,7 +408,7 @@
|
|||||||
<img v-show="e.pointStatus === '3' && e.status === '4'" src="../assets/images/device/lz_hj_red.png" alt="">
|
<img v-show="e.pointStatus === '3' && e.status === '4'" src="../assets/images/device/lz_hj_red.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
<div class="machine_block machine_block_6">
|
<div class="machine_block machine_block_6">
|
||||||
<div class="lz_hlj_wrap">
|
<div class="lz_hlj_wrap">
|
||||||
<div class="lz_wrap">
|
<div class="lz_wrap">
|
||||||
@@ -487,7 +477,7 @@ export default {
|
|||||||
conveyorLine: [],
|
conveyorLine: [],
|
||||||
gantryRobot: [],
|
gantryRobot: [],
|
||||||
kiln: [],
|
kiln: [],
|
||||||
emptyVehicleConveyorLine: {},
|
// emptyVehicleConveyorLine: {},
|
||||||
coolingConveyorLine: [],
|
coolingConveyorLine: [],
|
||||||
trayStacker: {},
|
trayStacker: {},
|
||||||
vconveyorLine: [],
|
vconveyorLine: [],
|
||||||
@@ -517,14 +507,15 @@ export default {
|
|||||||
res.press.palletizingRobot.map((e, i) => {
|
res.press.palletizingRobot.map((e, i) => {
|
||||||
let loadLocation1 = res.press.loadLocation[2 * i].status
|
let loadLocation1 = res.press.loadLocation[2 * i].status
|
||||||
let loadLocation2 = res.press.loadLocation[2 * i + 1].status
|
let loadLocation2 = res.press.loadLocation[2 * i + 1].status
|
||||||
let pressMachine1 = res.press.pressMachine[2 * i].status
|
let pressMachine1 = i < 3 ? res.press.pressMachine[2 * i].status : res.press.pressMachine[i + 3].status
|
||||||
let pressMachine2 = res.press.pressMachine[2 * i + 1].status
|
let pressMachine2 = i < 3 ? res.press.pressMachine[2 * i + 1].status : ''
|
||||||
let unloadLocation1 = res.press.unloadLocation[4 * i]
|
let unloadLocation1 = i < 3 ? res.press.unloadLocation[4 * i] : res.press.unloadLocation[4 * i - (i - 3) * 2]
|
||||||
let unloadLocation2 = res.press.unloadLocation[4 * i + 1]
|
let unloadLocation2 = i < 3 ? res.press.unloadLocation[4 * i + 1] : res.press.unloadLocation[4 * i - (i - 3) * 2 + 1]
|
||||||
let unloadLocation3 = res.press.unloadLocation[4 * i + 2]
|
let unloadLocation3 = i < 3 ? res.press.unloadLocation[4 * i + 2] : {}
|
||||||
let unloadLocation4 = res.press.unloadLocation[4 * i + 3]
|
let unloadLocation4 = i < 3 ? res.press.unloadLocation[4 * i + 3] : {}
|
||||||
this.press.push({equipment: e.equipment, status: e.status, palletizingRobot: e.palletizingRobot, loadLocation1: loadLocation1, loadLocation2: loadLocation2, pressMachine1: pressMachine1, pressMachine2: pressMachine2, unloadLocation: [unloadLocation1, unloadLocation2, unloadLocation3, unloadLocation4]})
|
this.press.push({equipment: e.equipment, status: e.status, palletizingRobot: e.palletizingRobot, loadLocation1: loadLocation1, loadLocation2: loadLocation2, pressMachine1: pressMachine1, pressMachine2: pressMachine2, unloadLocation: i < 3 ? [unloadLocation1, unloadLocation2, unloadLocation3, unloadLocation4] : [unloadLocation1, unloadLocation2]})
|
||||||
})
|
})
|
||||||
|
console.log(this.press)
|
||||||
// 窑前货架
|
// 窑前货架
|
||||||
this.frontWarehouse = [...res.frontWarehouse.storageLocation]
|
this.frontWarehouse = [...res.frontWarehouse.storageLocation]
|
||||||
// 窑后货架
|
// 窑后货架
|
||||||
@@ -533,7 +524,7 @@ export default {
|
|||||||
this.conveyorLine = [...res.dry.conveyorLine]
|
this.conveyorLine = [...res.dry.conveyorLine]
|
||||||
this.gantryRobot = [...res.dry.gantryRobot]
|
this.gantryRobot = [...res.dry.gantryRobot]
|
||||||
this.kiln = [...res.dry.kiln]
|
this.kiln = [...res.dry.kiln]
|
||||||
this.emptyVehicleConveyorLine = [...res.dry.emptyVehicleConveyorLine][0]
|
// this.emptyVehicleConveyorLine = [...res.dry.emptyVehicleConveyorLine][0]
|
||||||
this.coolingConveyorLine = [...res.dry.coolingConveyorLine]
|
this.coolingConveyorLine = [...res.dry.coolingConveyorLine]
|
||||||
// 托盘输送线
|
// 托盘输送线
|
||||||
this.trayStacker = [...res.vehicleConveyorLine.trayStacker][0]
|
this.trayStacker = [...res.vehicleConveyorLine.trayStacker][0]
|
||||||
@@ -662,6 +653,9 @@ export default {
|
|||||||
_wh(calc(100% + 10px), 90%)
|
_wh(calc(100% + 10px), 90%)
|
||||||
.yao_1
|
.yao_1
|
||||||
left 3%
|
left 3%
|
||||||
|
opacity 0.2
|
||||||
|
.yao_layer3
|
||||||
|
background-color #bfbfbf
|
||||||
.yao_2
|
.yao_2
|
||||||
left 14%
|
left 14%
|
||||||
.yao_3
|
.yao_3
|
||||||
@@ -817,24 +811,29 @@ export default {
|
|||||||
position absolute
|
position absolute
|
||||||
left: 5%;
|
left: 5%;
|
||||||
top 3%
|
top 3%
|
||||||
_wh(28%, 36%)
|
_wh(28%, 32%)
|
||||||
.yj_1600_block_2
|
.yj_1600_block_2
|
||||||
left 38%
|
left 38%
|
||||||
.weilan_1600_wrap
|
.weilan_1600_wrap
|
||||||
_wh(100%, 66%)
|
_wh(100%, 66%)
|
||||||
top auto
|
top auto
|
||||||
bottom 0
|
bottom 0
|
||||||
.slw_1600_wrap_1
|
.slw_1600_wrap
|
||||||
_wh(19%, auto)
|
_wh(19%, auto)
|
||||||
left: -13%;
|
.slw_1600_wrap_1
|
||||||
|
left: -9%;
|
||||||
top: 7%;
|
top: 7%;
|
||||||
transform: rotate(90deg);
|
|
||||||
.slw_1600_wrap_2
|
.slw_1600_wrap_2
|
||||||
top 26%
|
left 9%
|
||||||
|
top 7%
|
||||||
|
.slw_1600_wrap_3
|
||||||
|
left: -9%;
|
||||||
|
top: 23%;
|
||||||
|
.slw_1600_wrap_4
|
||||||
|
left 9%
|
||||||
|
top 23%
|
||||||
.yj_1600_wrap_1
|
.yj_1600_wrap_1
|
||||||
_wh(45%, 26%)
|
_wh(69%, auto)
|
||||||
left 5%
|
|
||||||
.yj_1600_wrap_2
|
|
||||||
left auto
|
left auto
|
||||||
right 0
|
right 0
|
||||||
.qzj_1600_wrap
|
.qzj_1600_wrap
|
||||||
@@ -849,8 +848,8 @@ export default {
|
|||||||
top 10%
|
top 10%
|
||||||
.robot_1600_wrap
|
.robot_1600_wrap
|
||||||
_wh(1%, 1%)
|
_wh(1%, 1%)
|
||||||
left: 52%;
|
left: 49%;
|
||||||
top: 70%;
|
top: 73%;
|
||||||
img
|
img
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 5000%;
|
width: 5000%;
|
||||||
@@ -861,21 +860,15 @@ export default {
|
|||||||
_wh(17%, auto)
|
_wh(17%, auto)
|
||||||
.ktp_1600_wrap_1
|
.ktp_1600_wrap_1
|
||||||
left: 10%;
|
left: 10%;
|
||||||
top: 37%;
|
top: 60%;
|
||||||
.ktp_1600_wrap_2
|
.ktp_1600_wrap_2
|
||||||
left: auto;
|
left: auto;
|
||||||
right: 10%;
|
right: 10%;
|
||||||
top: 37%;
|
top: 60%;
|
||||||
.ktp_1600_wrap_3
|
|
||||||
left: 10%;
|
|
||||||
top: 74%;
|
|
||||||
.ktp_1600_wrap_4
|
|
||||||
left: auto;
|
|
||||||
right: 10%;
|
|
||||||
top: 74%;
|
|
||||||
.yj_1250_block
|
.yj_1250_block
|
||||||
left auto
|
left auto
|
||||||
right 1%
|
right 1%
|
||||||
|
opacity 0.2
|
||||||
.yj_2500_block
|
.yj_2500_block
|
||||||
_wh(34%, 52%)
|
_wh(34%, 52%)
|
||||||
left auto
|
left auto
|
||||||
@@ -933,7 +926,7 @@ export default {
|
|||||||
top: -600%;
|
top: -600%;
|
||||||
left: -3200%;
|
left: -3200%;
|
||||||
.ktp_2500_wrap
|
.ktp_2500_wrap
|
||||||
_wh(12%,auto)
|
_wh(14%,auto)
|
||||||
.ktp_2500_wrap_1
|
.ktp_2500_wrap_1
|
||||||
left 10%
|
left 10%
|
||||||
top 3%
|
top 3%
|
||||||
@@ -1031,14 +1024,14 @@ export default {
|
|||||||
left: 61%;
|
left: 61%;
|
||||||
top: 57%;
|
top: 57%;
|
||||||
box-shadow -5px 5px 8px rgba(0,135,172,0.6)
|
box-shadow -5px 5px 8px rgba(0,135,172,0.6)
|
||||||
_wh(18.5%, 16%)
|
_wh(18.5%, 13%)
|
||||||
border-bottom-right-radius 0
|
border-bottom-right-radius 0
|
||||||
.blue_line_2
|
.blue_line_2
|
||||||
left: auto
|
left: auto
|
||||||
right 0
|
right 0
|
||||||
top: 73%
|
top: 70%
|
||||||
box-shadow -5px 5px 8px rgba(0,135,172,0.6)
|
box-shadow -5px 5px 8px rgba(0,135,172,0.6)
|
||||||
_wh(20.5%, 16%)
|
_wh(20.5%, 19%)
|
||||||
border-top-left-radius 0
|
border-top-left-radius 0
|
||||||
.rotate_1
|
.rotate_1
|
||||||
animation rotate_1 1.5s linear 1.5s infinite alternate-reverse
|
animation rotate_1 1.5s linear 1.5s infinite alternate-reverse
|
||||||
|
|||||||
Reference in New Issue
Block a user