物流工艺
This commit is contained in:
BIN
src/assets/images/device/cpj_gray.png
Normal file
BIN
src/assets/images/device/cpj_gray.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
src/assets/images/device/cpj_green.png
Normal file
BIN
src/assets/images/device/cpj_green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
src/assets/images/device/cpj_red.png
Normal file
BIN
src/assets/images/device/cpj_red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/assets/images/device/cpj_yellow.png
Normal file
BIN
src/assets/images/device/cpj_yellow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
src/assets/images/device/dpj_gray.png
Normal file
BIN
src/assets/images/device/dpj_gray.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
src/assets/images/device/dpj_green.png
Normal file
BIN
src/assets/images/device/dpj_green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
src/assets/images/device/dpj_red.png
Normal file
BIN
src/assets/images/device/dpj_red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
src/assets/images/device/dpj_yellow.png
Normal file
BIN
src/assets/images/device/dpj_yellow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 12 KiB |
BIN
src/assets/images/device/ssx_gray.png
Normal file
BIN
src/assets/images/device/ssx_gray.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
src/assets/images/device/ssx_green.png
Normal file
BIN
src/assets/images/device/ssx_green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
src/assets/images/device/ssx_red.png
Normal file
BIN
src/assets/images/device/ssx_red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
src/assets/images/device/ssx_yellow.png
Normal file
BIN
src/assets/images/device/ssx_yellow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
src/assets/images/device/yjbyx_green.png
Normal file
BIN
src/assets/images/device/yjbyx_green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
src/assets/images/device/yjbyx_red.png
Normal file
BIN
src/assets/images/device/yjbyx_red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
src/assets/images/device/yjbyx_yellow.png
Normal file
BIN
src/assets/images/device/yjbyx_yellow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 330 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 197 KiB |
@@ -26,25 +26,15 @@
|
||||
<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 yao_1">
|
||||
<div class="yao_layer1"></div>
|
||||
<div class="yao_layer2"></div>
|
||||
</div>
|
||||
<div class="yao_wrap yao_2">
|
||||
<div class="yao_layer1"></div>
|
||||
<div class="yao_layer2"></div>
|
||||
</div>
|
||||
<div class="yao_wrap yao_3">
|
||||
<div class="yao_layer1"></div>
|
||||
<div class="yao_layer2"></div>
|
||||
</div>
|
||||
<div class="yao_wrap yao_4">
|
||||
<div class="yao_wrap" v-for="(e, i) in kiln" :key="e.equipment" :class="'yao_' + (i + 1)">
|
||||
<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_layer1"></div>
|
||||
<div class="yao_layer2"></div>
|
||||
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(emptyVehicleConveyorLine.status) - 1]}"></div>
|
||||
<div class="p_device yytsj_wrap">
|
||||
<img class="device_img" src="../assets/images/device/yytsj_green.png" alt="">
|
||||
</div>
|
||||
@@ -52,9 +42,10 @@
|
||||
<img class="device_img" src="../assets/images/device/yygcj_green.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="yao_wrap yao_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_layer2"></div>
|
||||
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}"></div>
|
||||
<div class="p_device yytsj_wrap">
|
||||
<img class="device_img" src="../assets/images/device/yytsj_green.png" alt="">
|
||||
</div>
|
||||
@@ -62,53 +53,61 @@
|
||||
<img class="device_img" src="../assets/images/device/yygcj_green.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="yao_wrap yao_7">
|
||||
<div class="yao_layer1"></div>
|
||||
<div class="yao_layer2"></div>
|
||||
<div class="p_device yytsj_wrap">
|
||||
<img class="device_img" src="../assets/images/device/yytsj_green.png" alt="">
|
||||
</div>
|
||||
<div class="p_device yygcj_wrap">
|
||||
<img class="device_img" src="../assets/images/device/yygcj_green.png" alt="">
|
||||
</div>
|
||||
<div class="p_device" v-for="(e, i) in gantryRobot" :key="e.equipment" :class="'yjbyx_' + (i + 1)">
|
||||
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/yjbyx_green.png" alt="">
|
||||
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/yjbyx_yellow.png" alt="">
|
||||
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/yjbyx_gray.png" alt="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/yjbyx_red.png" alt="">
|
||||
</div>
|
||||
<div class="yao_wrap yao_8">
|
||||
<div class="yao_layer1"></div>
|
||||
<div class="yao_layer2"></div>
|
||||
<div class="p_device yytsj_wrap">
|
||||
<img class="device_img" src="../assets/images/device/yytsj_green.png" alt="">
|
||||
</div>
|
||||
<div class="p_device yygcj_wrap">
|
||||
<img class="device_img" src="../assets/images/device/yygcj_green.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="p_device yjbyx_1">
|
||||
<img class="device_img" src="../assets/images/device/yjbyx_gray.png" alt="">
|
||||
</div>
|
||||
<div class="p_device yjbyx_1 yjbyx_2">
|
||||
<img class="device_img" src="../assets/images/device/yjbyx_gray.png" alt="">
|
||||
</div>
|
||||
<div class="p_device ktp_wrap_1">
|
||||
<div class="ktp" v-for="e in frontWarehouse.slice(0, 14)" :key="e.equipment">
|
||||
<div class="p_device ktp_yao_back_wrap_1">
|
||||
<div class="ktp_yao_back" v-for="e in backWarehouse.slice(0, 14)" :key="e.equipment">
|
||||
<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 class="p_device ktp_wrap_1 ktp_wrap_2">
|
||||
<div class="ktp" v-for="e in frontWarehouse.slice(14, 28)" :key="e.equipment">
|
||||
<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 dpj_wrap">
|
||||
<img v-show="trayStacker.status === '1'" class="device_img" src="../assets/images/device/dpj_green.png" alt="">
|
||||
<img v-show="trayStacker.status === '2'" class="device_img" src="../assets/images/device/dpj_yellow.png" alt="">
|
||||
<img v-show="trayStacker.status === '3'" class="device_img" src="../assets/images/device/dpj_gray.png" alt="">
|
||||
<img v-show="trayStacker.status === '4'" class="device_img" src="../assets/images/device/dpj_red.png" alt="">
|
||||
</div>
|
||||
<div class="p_device ltssj_wrap">
|
||||
<img class="device_img" src="../assets/images/device/ltssj_green.png" alt="">
|
||||
<!-- <img class="device_img" src="../assets/images/device/ltssj_green.png" alt=""> -->
|
||||
<div class="ltssj" v-for="e in conveyorLine" :key="e.equipment">
|
||||
<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>
|
||||
<div class="p_device ktp_yao_front_wrap">
|
||||
<div class="ktp_yao_front" v-for="e in frontWarehouse" :key="e.equipment">
|
||||
<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 class="p_device cpj_ssx_wrap">
|
||||
<div class="ssx_wrap">
|
||||
<div class="ssx" v-for="(e, i) in vconveyorLine" :key="i">
|
||||
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ssx_green.png" alt="">
|
||||
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ssx_yellow.png" alt="">
|
||||
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ssx_gray.png" alt="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ssx_red.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="p_device cpj_wrap">
|
||||
<img v-show="trayDestacker.status === '1'" class="device_img" src="../assets/images/device/cpj_green.png" alt="">
|
||||
<img v-show="trayDestacker.status === '2'" class="device_img" src="../assets/images/device/cpj_yellow.png" alt="">
|
||||
<img v-show="trayDestacker.status === '3'" class="device_img" src="../assets/images/device/cpj_gray.png" alt="">
|
||||
<img v-show="trayDestacker.status === '4'" class="device_img" src="../assets/images/device/cpj_red.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_block machine_block_2">
|
||||
<div class="machine_combine">
|
||||
<div class="p_device weilan_wrap_1">
|
||||
@@ -236,81 +235,132 @@
|
||||
<div class="p_device weilan_630_wrap">
|
||||
<img class="device_img" src="../assets/images/device/630/wl.png" alt="">
|
||||
</div>
|
||||
<div class="p_device robot_630_wrap">
|
||||
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="">
|
||||
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="">
|
||||
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
|
||||
</div>
|
||||
<div class="p_device ktp_630_wrap" v-for="(el, j) in e.unloadLocation" :key="el.equipment" :class="'ktp_630_wrap_' + (j+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="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
|
||||
</div>
|
||||
<div class="p_device robot_630_wrap" :class="e.status === '1' ? 'rotate_1' : ''">
|
||||
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="">
|
||||
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="">
|
||||
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_block machine_block_4">
|
||||
<div class="yj_1600_block">
|
||||
<div v-if="press.length > 3" class="yj_1600_block">
|
||||
<div class="p_device weilan_1600_wrap">
|
||||
<img class="device_img" src="../assets/images/device/1600/wl.png" alt="">
|
||||
</div>
|
||||
<div class="p_device yj_1600_wrap">
|
||||
<img class="device_img" src="../assets/images/device/1600/yj_gray.png" alt="">
|
||||
<div class="p_device 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 qzj_1600_wrap">
|
||||
<div class="p_device slw_1600_wrap_1 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 yj_1600_wrap_1">
|
||||
<img v-show="press[3].pressMachine1 === '1'" class="device_img" src="../assets/images/device/1600/yj_green.png" alt="">
|
||||
<img v-show="press[3].pressMachine1 === '2'" class="device_img" src="../assets/images/device/1600/yj_yellow.png" alt="">
|
||||
<img v-show="press[3].pressMachine1 === '3'" class="device_img" src="../assets/images/device/1600/yj_gray.png" alt="">
|
||||
<img v-show="press[3].pressMachine1 === '4'" class="device_img" src="../assets/images/device/1600/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/1600/yj_green.png" alt="">
|
||||
<img v-show="press[3].pressMachine2 === '2'" class="device_img" src="../assets/images/device/1600/yj_yellow.png" alt="">
|
||||
<img v-show="press[3].pressMachine2 === '3'" class="device_img" src="../assets/images/device/1600/yj_gray.png" alt="">
|
||||
<img v-show="press[3].pressMachine2 === '4'" class="device_img" src="../assets/images/device/1600/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/ktp_green.png" alt="">
|
||||
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktp_yellow.png" alt="">
|
||||
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktp_gray.png" alt="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktp_red.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]" :key="i" :class="'ktp_1600_wrap_' + (i+1)">
|
||||
<img class="device_img" src="../assets/images/device/ktp_gray.png" alt="">
|
||||
<div class="p_device robot_1600_wrap" :class="press[3].status === '1' ? 'rotate_3' : ''">
|
||||
<img v-show="press[3].status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="">
|
||||
<img v-show="press[3].status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="">
|
||||
<img v-show="press[3].status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
|
||||
<img v-show="press[3].status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="yj_1600_block yj_1250_block">
|
||||
<div class="p_device weilan_1600_wrap">
|
||||
<img class="device_img" src="../assets/images/device/1600/wl.png" alt="">
|
||||
</div>
|
||||
<div class="p_device yj_1600_wrap">
|
||||
<div class="p_device slw_1600_wrap_1">
|
||||
<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">
|
||||
<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/1600/yj_gray.png" alt="">
|
||||
</div>
|
||||
<div class="p_device qzj_1600_wrap">
|
||||
<div class="p_device yj_1600_wrap_1 yj_1600_wrap_2">
|
||||
<img class="device_img" src="../assets/images/device/1600/yj_gray.png" alt="">
|
||||
</div>
|
||||
<!-- <div class="p_device qzj_1600_wrap">
|
||||
<img class="device_img" src="../assets/images/device/1250/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> -->
|
||||
<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]" :key="i" :class="'ktp_1600_wrap_' + (i+1)">
|
||||
<div class="p_device ktp_1600_wrap" v-for="(e, i) in [1,1,1,1]" :key="i" :class="'ktp_1600_wrap_' + (i+1)">
|
||||
<img class="device_img" src="../assets/images/device/ktp_gray.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="yj_1600_block yj_2500_block">
|
||||
<div v-if="press.length > 4" class="yj_1600_block yj_2500_block">
|
||||
<div class="p_device weilan_2500_wrap">
|
||||
<img class="device_img" src="../assets/images/device/2500/wl.png" alt="">
|
||||
</div>
|
||||
<div class="p_device yj_2500_wrap">
|
||||
<img class="device_img" src="../assets/images/device/1600/yj_gray.png" alt="">
|
||||
<div class="p_device slw_2500_wrap">
|
||||
<img v-show="press[4].loadLocation1 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
|
||||
<img v-show="press[4].loadLocation1 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
|
||||
<img v-show="press[4].loadLocation1 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
|
||||
<img v-show="press[4].loadLocation1 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
|
||||
</div>
|
||||
<div class="p_device jzj_2500_wrap">
|
||||
<div class="p_device yj_2500_wrap">
|
||||
<img v-show="press[4].pressMachine1 === '1'" class="device_img" src="../assets/images/device/630/yj_green.png" alt="">
|
||||
<img v-show="press[4].pressMachine1 === '2'" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="">
|
||||
<img v-show="press[4].pressMachine1 === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
|
||||
<img v-show="press[4].pressMachine1 === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="">
|
||||
</div>
|
||||
<!-- <div class="p_device jzj_2500_wrap">
|
||||
<img class="device_img" src="../assets/images/device/2500/jzj_2500_gray.png" alt="">
|
||||
</div>
|
||||
<div class="p_device jcj_2500_wrap">
|
||||
<img class="device_img" src="../assets/images/device/2500/jcj_2500_gray.png" alt="">
|
||||
</div> -->
|
||||
<div class="p_device ktp_2500_wrap" v-for="(e, i) in press[4].unloadLocation" :key="i" :class="'ktp_2500_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="">
|
||||
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
|
||||
</div>
|
||||
<div class="p_device robot_1600_wrap robot_2500_wrap">
|
||||
<img class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
|
||||
</div>
|
||||
<div class="p_device ktp_1600_wrap ktp_2500_wrap" v-for="(e, i) in [1,1]" :key="i" :class="'ktp_2500_wrap_' + (i+1)">
|
||||
<img class="device_img" src="../assets/images/device/ktp_gray.png" alt="">
|
||||
<div class="p_device robot_1600_wrap robot_2500_wrap" :class="press[4].status === '1' ? 'rotate_4' : ''">
|
||||
<img v-show="press[4].status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="">
|
||||
<img v-show="press[4].status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="">
|
||||
<img v-show="press[4].status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
|
||||
<img v-show="press[4].status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -364,7 +414,16 @@ export default {
|
||||
loadLocation: [],
|
||||
laminatingMachine: {},
|
||||
press: [],
|
||||
frontWarehouse: []
|
||||
frontWarehouse: [],
|
||||
backWarehouse: [],
|
||||
conveyorLine: [],
|
||||
gantryRobot: [],
|
||||
kiln: [],
|
||||
emptyVehicleConveyorLine: {},
|
||||
coolingConveyorLine: [],
|
||||
trayStacker: {},
|
||||
vconveyorLine: [],
|
||||
trayDestacker: {}
|
||||
}
|
||||
},
|
||||
created () {
|
||||
@@ -400,6 +459,23 @@ export default {
|
||||
})
|
||||
// 窑前货架
|
||||
this.frontWarehouse = [...res.frontWarehouse.storageLocation]
|
||||
// 窑后货架
|
||||
this.backWarehouse = [...res.backWarehouse.storageLocation]
|
||||
// 干燥区
|
||||
this.conveyorLine = [...res.dry.conveyorLine]
|
||||
this.gantryRobot = [...res.dry.gantryRobot]
|
||||
this.kiln = [...res.dry.kiln]
|
||||
this.emptyVehicleConveyorLine = [...res.dry.emptyVehicleConveyorLine][0]
|
||||
this.coolingConveyorLine = [...res.dry.coolingConveyorLine]
|
||||
// 托盘输送线
|
||||
this.trayStacker = [...res.vehicleConveyorLine.trayStacker][0]
|
||||
let vconveyorLine = [{status: ''}, {status: ''}, {status: ''}, {status: ''}, {status: ''}]
|
||||
vconveyorLine.length = 5
|
||||
vconveyorLine.map(el => {
|
||||
el.status = [...res.vehicleConveyorLine.conveyorLine][0].status
|
||||
})
|
||||
this.vconveyorLine = vconveyorLine
|
||||
this.trayDestacker = [...res.vehicleConveyorLine.trayDestacker][0]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -410,7 +486,6 @@ export default {
|
||||
.center_wrapper
|
||||
_wh(100%, 100%)
|
||||
position relative
|
||||
// background url(./q.jpg) no-repeat
|
||||
background-size 100% 100%
|
||||
.status_wrap
|
||||
position absolute
|
||||
@@ -430,15 +505,17 @@ export default {
|
||||
_font(16px, 1, #fff)
|
||||
.machine_block
|
||||
position absolute
|
||||
border 1px dashed #8FABBF
|
||||
padding .2rem .1rem
|
||||
border: 1px solid #00c8da;
|
||||
padding: 0.2rem 0.1rem;
|
||||
box-shadow: 0 0 15px #0087ac;
|
||||
border-radius: 10px;
|
||||
.machine_block_1
|
||||
_wh(48%, 50%)
|
||||
left 0
|
||||
top 0
|
||||
.machine_block_2
|
||||
_wh(35%, 23%)
|
||||
left 54%
|
||||
left 58%
|
||||
top 21%
|
||||
.machine_block_3
|
||||
_wh(55%, 30%)
|
||||
@@ -447,7 +524,7 @@ export default {
|
||||
padding .1rem 3.5%
|
||||
.machine_block_4
|
||||
_wh(38%, 34%)
|
||||
left 59%
|
||||
left 60%
|
||||
top 54%
|
||||
.machine_block_5
|
||||
_wh(14%, auto)
|
||||
@@ -470,9 +547,10 @@ export default {
|
||||
_wh(100%, 100%)
|
||||
.yjbyx_1
|
||||
_wh(100%, 10%)
|
||||
.yjbyx_2
|
||||
top auto
|
||||
bottom 0
|
||||
.yjbyx_2
|
||||
_wh(100%, 10%)
|
||||
.yao_line_1
|
||||
position absolute
|
||||
_wh(100%, 6px)
|
||||
@@ -490,7 +568,7 @@ export default {
|
||||
background-color #e1e1e1
|
||||
.yao_wrap
|
||||
position absolute
|
||||
_wh(4%, 100%)
|
||||
_wh(2%, 100%)
|
||||
background-color #ded8e6
|
||||
.yao_layer1
|
||||
position absolute
|
||||
@@ -505,6 +583,11 @@ export default {
|
||||
top 0
|
||||
_wh(2px, 100%)
|
||||
background-color #ddb528
|
||||
.yao_layer3
|
||||
position absolute
|
||||
left -10px
|
||||
top 5%
|
||||
_wh(calc(100% + 20px), 90%)
|
||||
.yao_1
|
||||
left 3%
|
||||
.yao_2
|
||||
@@ -529,19 +612,25 @@ export default {
|
||||
top auto
|
||||
bottom 0
|
||||
left 25%
|
||||
.ktp_wrap_1
|
||||
.ktp_yao_back_wrap_1
|
||||
left auto
|
||||
right: 4%;
|
||||
top: 11%;
|
||||
_wh(3.3%, auto)
|
||||
.ktp_wrap_2
|
||||
right 0
|
||||
.ktp
|
||||
_wh(100%, auto)
|
||||
margin-bottom 0.5px
|
||||
right: 0;
|
||||
top: 10%;
|
||||
_wh(7%, auto)
|
||||
_fj()
|
||||
flex-wrap wrap
|
||||
.ktp_yao_back
|
||||
_wh(50%, auto)
|
||||
.dpj_wrap
|
||||
_wh(6%, auto)
|
||||
left auto
|
||||
top auto
|
||||
right 1%
|
||||
bottom 15%
|
||||
.ltssj_wrap
|
||||
_wh(4%, auto)
|
||||
left: 93%;
|
||||
_wh(3.3%, auto)
|
||||
left: auto;
|
||||
right 4%
|
||||
top: 87%;
|
||||
.weilan_wrap_1
|
||||
_wh(auto, 100%)
|
||||
@@ -654,15 +743,27 @@ export default {
|
||||
top 75%
|
||||
.yj_1600_block
|
||||
position absolute
|
||||
left: 3%;
|
||||
top: 3%;
|
||||
_wh(38%, 45%)
|
||||
left: 5%;
|
||||
top: 5%;
|
||||
_wh(33%, 40%)
|
||||
.weilan_1600_wrap
|
||||
_wh(76%, 100%)
|
||||
.yj_1600_wrap
|
||||
_wh(27%, auto)
|
||||
_wh(70%, 100%)
|
||||
.slw_1600_wrap_1
|
||||
_wh(16%, auto)
|
||||
left auto
|
||||
right 0
|
||||
top 11%
|
||||
transform: rotate(90deg)
|
||||
.slw_1600_wrap_2
|
||||
top auto
|
||||
bottom 11%
|
||||
.yj_1600_wrap_1
|
||||
_wh(22.5%, 40%)
|
||||
left auto
|
||||
right 16%
|
||||
.yj_1600_wrap_2
|
||||
top auto
|
||||
bottom 0
|
||||
.qzj_1600_wrap
|
||||
_wh(22%, auto)
|
||||
left auto
|
||||
@@ -675,22 +776,29 @@ export default {
|
||||
top 10%
|
||||
.robot_1600_wrap
|
||||
_wh(1%, 1%)
|
||||
left: 32%;
|
||||
top: 68%;
|
||||
left: 33%;
|
||||
top: 52%;
|
||||
transform: rotate(145deg)
|
||||
img
|
||||
position absolute
|
||||
width: 3000%;
|
||||
width: 4500%;
|
||||
height auto
|
||||
top: -800%;
|
||||
left: -2300%;
|
||||
top: -1300%;
|
||||
left: -3500%;
|
||||
.ktp_1600_wrap
|
||||
_wh(16%, auto)
|
||||
_wh(18%, auto)
|
||||
.ktp_1600_wrap_1
|
||||
left 10%
|
||||
top 80%
|
||||
top 16%
|
||||
.ktp_1600_wrap_2
|
||||
left 42%
|
||||
top 80%
|
||||
left 38%
|
||||
top 16%
|
||||
.ktp_1600_wrap_3
|
||||
left 10%
|
||||
top 76%
|
||||
.ktp_1600_wrap_4
|
||||
left 38%
|
||||
top 76%
|
||||
.yj_1250_block
|
||||
left auto
|
||||
right 3%
|
||||
@@ -700,13 +808,18 @@ export default {
|
||||
right 3%
|
||||
bottom 3%
|
||||
.weilan_2500_wrap
|
||||
_wh(80%, 70%)
|
||||
_wh(100%, 80%)
|
||||
.slw_2500_wrap
|
||||
_wh(16%, auto)
|
||||
top auto
|
||||
bottom 0
|
||||
left 74%
|
||||
.yj_2500_wrap
|
||||
_wh(27%, auto)
|
||||
_wh(38%, 24%)
|
||||
top auto
|
||||
left auto
|
||||
right 0
|
||||
bottom 0
|
||||
bottom 16%
|
||||
.jzj_2500_wrap
|
||||
_wh(36%, auto)
|
||||
left auto
|
||||
@@ -717,14 +830,25 @@ export default {
|
||||
left 50%
|
||||
top 22%
|
||||
.robot_2500_wrap
|
||||
left: 40%;
|
||||
top: 14%;
|
||||
left: 47%;
|
||||
top: 30%;
|
||||
transform: rotate(227deg)
|
||||
.ktp_2500_wrap
|
||||
_wh(13%,auto)
|
||||
.ktp_2500_wrap_1
|
||||
left 10%
|
||||
top 8%
|
||||
.ktp_2500_wrap_2
|
||||
left 56%
|
||||
left auto
|
||||
right 10%
|
||||
top 8%
|
||||
.ktp_2500_wrap_3
|
||||
left 10%
|
||||
top 36%
|
||||
.ktp_2500_wrap_4
|
||||
left auto
|
||||
right 10%
|
||||
top 36%
|
||||
.lz_hj_wrap
|
||||
_wh(100%, 100%)
|
||||
_fj(center)
|
||||
@@ -752,6 +876,28 @@ export default {
|
||||
_wh(calc(100% / 22), auto)
|
||||
img
|
||||
_wh(100%, auto)
|
||||
.ktp_yao_front_wrap
|
||||
_wh(1.5%, auto)
|
||||
transform: rotate(-90deg);
|
||||
top: 19%;
|
||||
left: 29.5%;
|
||||
.ktp_yao_front
|
||||
_wh(100%, auto)
|
||||
.cpj_ssx_wrap
|
||||
_wh(12%, auto)
|
||||
left: 81%;
|
||||
top: 48%;
|
||||
.ssx_wrap
|
||||
_wh(100%, auto)
|
||||
_fj()
|
||||
.ssx
|
||||
width 20%
|
||||
img
|
||||
_wh(100%, auto)
|
||||
.cpj_wrap
|
||||
_wh(18%, auto)
|
||||
top: -51%;
|
||||
left: 20%;
|
||||
.rotate_1
|
||||
animation rotate_1 1.5s linear 1.5s infinite alternate-reverse
|
||||
@keyframes rotate_1 {
|
||||
@@ -784,4 +930,36 @@ export default {
|
||||
transform: rotateZ(-45deg)
|
||||
}
|
||||
}
|
||||
.rotate_3
|
||||
animation rotate_3 1.5s linear 1.5s infinite alternate-reverse
|
||||
@keyframes rotate_3 {
|
||||
0% {
|
||||
transform: rotateZ(145deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotateZ(145deg)
|
||||
}
|
||||
90% {
|
||||
transform: rotateZ(110deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotateZ(110deg)
|
||||
}
|
||||
}
|
||||
.rotate_4
|
||||
animation rotate_4 1.5s linear 1.5s infinite alternate-reverse
|
||||
@keyframes rotate_4 {
|
||||
0% {
|
||||
transform: rotateZ(227deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotateZ(227deg)
|
||||
}
|
||||
90% {
|
||||
transform: rotateZ(190deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotateZ(190deg)
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user