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

物流工艺

Browse Source
This commit is contained in:
caill
2023-08-30 16:32:19 +08:00
parent b06ef474e6
commit f14818bb95
3 changed files with 99 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
src/components/workshop.vue
View File

@@ -27,12 +27,17 @@
<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>
<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_layer2"></div>
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}"></div>
</div>
<div class="yao_wrap yao_5">
<!-- <div class="yao_wrap yao_5">
<div class="yao_layer1"></div>
<div class="yao_layer2"></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">
<img class="device_img" src="../assets/images/device/yygcj_green.png" alt="">
</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_layer1"></div>
<div class="yao_layer2"></div>
@@ -250,30 +255,30 @@
<div class="p_device weilan_1600_wrap">
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
</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 === '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 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
</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 === '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 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
</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">
<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 === '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="">
</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>
@@ -293,17 +298,17 @@
<img v-show="press[3].status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
</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">
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
</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 === '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 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
</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 === '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="">
@@ -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 === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="">
</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)">
<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="">
@@ -344,22 +337,19 @@
<div class="p_device weilan_1600_wrap">
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
</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="">
</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="">
</div>
<div class="p_device yj_1600_wrap_1">
<img class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
</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">
<img class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
</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="">
</div>
</div>
@@ -408,7 +398,7 @@
</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" v-for="(e, i) in storageLocation" :key="i">
<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="">
</div>
</div>
</div>
</div> -->
<div class="machine_block machine_block_6">
<div class="lz_hlj_wrap">
<div class="lz_wrap">
@@ -487,7 +477,7 @@ export default {
conveyorLine: [],
gantryRobot: [],
kiln: [],
emptyVehicleConveyorLine: {},
// emptyVehicleConveyorLine: {},
coolingConveyorLine: [],
trayStacker: {},
vconveyorLine: [],
@@ -517,14 +507,15 @@ export default {
res.press.palletizingRobot.map((e, i) => {
let loadLocation1 = res.press.loadLocation[2 * i].status
let loadLocation2 = res.press.loadLocation[2 * i + 1].status
let pressMachine1 = res.press.pressMachine[2 * i].status
let pressMachine2 = res.press.pressMachine[2 * i + 1].status
let unloadLocation1 = res.press.unloadLocation[4 * i]
let unloadLocation2 = res.press.unloadLocation[4 * i + 1]
let unloadLocation3 = res.press.unloadLocation[4 * i + 2]
let unloadLocation4 = 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]})
let pressMachine1 = i < 3 ? res.press.pressMachine[2 * i].status : res.press.pressMachine[i + 3].status
let pressMachine2 = i < 3 ? res.press.pressMachine[2 * i + 1].status : ''
let unloadLocation1 = i < 3 ? res.press.unloadLocation[4 * i] : res.press.unloadLocation[4 * i - (i - 3) * 2]
let unloadLocation2 = i < 3 ? res.press.unloadLocation[4 * i + 1] : res.press.unloadLocation[4 * i - (i - 3) * 2 + 1]
let unloadLocation3 = i < 3 ? res.press.unloadLocation[4 * i + 2] : {}
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: i < 3 ? [unloadLocation1, unloadLocation2, unloadLocation3, unloadLocation4] : [unloadLocation1, unloadLocation2]})
})
console.log(this.press)
// 窑前货架
this.frontWarehouse = [...res.frontWarehouse.storageLocation]
// 窑后货架
@@ -533,7 +524,7 @@ export default {
this.conveyorLine = [...res.dry.conveyorLine]
this.gantryRobot = [...res.dry.gantryRobot]
this.kiln = [...res.dry.kiln]
this.emptyVehicleConveyorLine = [...res.dry.emptyVehicleConveyorLine][0]
// this.emptyVehicleConveyorLine = [...res.dry.emptyVehicleConveyorLine][0]
this.coolingConveyorLine = [...res.dry.coolingConveyorLine]
// 托盘输送线
this.trayStacker = [...res.vehicleConveyorLine.trayStacker][0]
@@ -662,6 +653,9 @@ export default {
_wh(calc(100% + 10px), 90%)
.yao_1
left 3%
opacity 0.2
.yao_layer3
background-color #bfbfbf
.yao_2
left 14%
.yao_3
@@ -817,24 +811,29 @@ export default {
position absolute
left: 5%;
top 3%
_wh(28%, 36%)
_wh(28%, 32%)
.yj_1600_block_2
left 38%
.weilan_1600_wrap
_wh(100%, 66%)
top auto
bottom 0
.slw_1600_wrap_1
.slw_1600_wrap
_wh(19%, auto)
left: -13%;
.slw_1600_wrap_1
left: -9%;
top: 7%;
transform: rotate(90deg);
.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
_wh(45%, 26%)
left 5%
.yj_1600_wrap_2
_wh(69%, auto)
left auto
right 0
.qzj_1600_wrap
@@ -849,8 +848,8 @@ export default {
top 10%
.robot_1600_wrap
_wh(1%, 1%)
left: 52%;
top: 70%;
left: 49%;
top: 73%;
img
position: absolute;
width: 5000%;
@@ -861,21 +860,15 @@ export default {
_wh(17%, auto)
.ktp_1600_wrap_1
left: 10%;
top: 37%;
top: 60%;
.ktp_1600_wrap_2
left: auto;
right: 10%;
top: 37%;
.ktp_1600_wrap_3
left: 10%;
top: 74%;
.ktp_1600_wrap_4
left: auto;
right: 10%;
top: 74%;
top: 60%;
.yj_1250_block
left auto
right 1%
opacity 0.2
.yj_2500_block
_wh(34%, 52%)
left auto
@@ -933,7 +926,7 @@ export default {
top: -600%;
left: -3200%;
.ktp_2500_wrap
_wh(12%,auto)
_wh(14%,auto)
.ktp_2500_wrap_1
left 10%
top 3%
@@ -1031,14 +1024,14 @@ export default {
left: 61%;
top: 57%;
box-shadow -5px 5px 8px rgba(0,135,172,0.6)
_wh(18.5%, 16%)
_wh(18.5%, 13%)
border-bottom-right-radius 0
.blue_line_2
left: auto
right 0
top: 73%
top: 70%
box-shadow -5px 5px 8px rgba(0,135,172,0.6)
_wh(20.5%, 16%)
_wh(20.5%, 19%)
border-top-left-radius 0
.rotate_1
animation rotate_1 1.5s linear 1.5s infinite alternate-reverse