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

sov

Browse Source
This commit is contained in:
xiangxy
2024-03-05 10:26:16 +08:00
parent 8f6deb01a2 743c9193cb
commit 7580cbdeae
7 changed files with 105 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/images/device/cpj_gray.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/images/device/cpj_green.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/images/device/cpj_red.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
src/images/device/cpj_yellow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/images/device/hjktp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/images/device/hjmtp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

252
src/pages/modules/home/workshop.vue
View File

@@ -107,12 +107,12 @@
<div class="yao_layer1" :class="Number(e.status) === 3 ? 'yao_layer1_2' : 'yao_layer1_1'"></div>
<div class="yao_layer2" :class="Number(e.status) === 3 ? 'yao_layer2_2' : 'yao_layer2_1'"><p>{{i+1}}号窑</p></div>
</div>
<div class="p_device ltssj_wrap">
<div class="ltssj" v-for="e in conveyorLine" :key="e.equipment">
<img v-show="e.status === 1" class="device_img" src="../../../images/device/ktp_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 2" class="device_img" src="../../../images/device/ktp_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 3" class="device_img" src="../../../images/device/ktp_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 4" class="device_img" src="../../../images/device/ktp_green.png" alt="" @click="getInfo(e)">
<div class="p_device jyw_wrap">
<div class="p_device" v-for="(e, i) in conveyorLine" :key="e.equipment" :class="'jyw' + (i+1)">
<img v-show="e.status === 1" class="device_img" src="../../../images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 2" class="device_img" src="../../../images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 3" class="device_img" src="../../../images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 4" class="device_img" src="../../../images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<device-pop
type="ssx"
:pkId="pkId"
@@ -121,11 +121,14 @@
></device-pop>
</div>
</div>
<div class="p_device dpj_wrap">
<img v-show="trayStacker.status === 1" class="device_img" src="../../../images/device/dpj_green.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === 2" class="device_img" src="../../../images/device/dpj_yellow.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === 3" class="device_img" src="../../../images/device/dpj_gray.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === 4" class="device_img" src="../../../images/device/dpj_red.png" alt="" @click="getInfo(trayStacker)">
<div class="p_device dpw_wrap">
<img class="device_img" src="../../../images/device/ktp_green.png" alt="">
</div>
<div class="p_device cpj_wrap">
<img v-show="trayStacker.status === 1" class="device_img" src="../../../images/device/cpj_green.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === 2" class="device_img" src="../../../images/device/cpj_yellow.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === 3" class="device_img" src="../../../images/device/cpj_gray.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === 4" class="device_img" src="../../../images/device/cpj_red.png" alt="" @click="getInfo(trayStacker)">
<device-pop
type="cpj"
:pkId="pkId"
@@ -146,11 +149,11 @@
@closePop="closePop"
></device-pop>
</div>
<div class="p_device ktp_yao_back_wrap">
<div class="ktp_yao_back" v-for="e in backWarehouse" :key="e.equipment">
<img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../images/device/ktp_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../images/device/ktp_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 4" class="device_img" src="../../../images/device/ktp_red.png" alt="" @click="getInfo(e)">
<div class="p_device ktp_yao_enter_wrap">
<!-- <div class="ktp_yao_back" v-for="e in backWarehouse" :key="e.equipment">
<img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 4" class="device_img" src="../../../images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop
type="tp"
:pkId="pkId"
@@ -158,47 +161,30 @@
direction="down"
@closePop="closePop"
></device-pop>
</div> -->
<div class="ktp_yao_back" v-for="(e, i) in [1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9]" :key="i">
<img class="device_img" src="../../../images/device/ktpv_green.png" alt="">
</div>
</div>
<div class="p_device ktp_yao_back_wrap ktp_yao_front_wrap">
<div class="ktp_yao_back" v-for="e in frontWarehouse" :key="e.equipment">
<img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../images/device/ktp_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../images/device/ktp_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 4" class="device_img" src="../../../images/device/ktp_red.png" alt="" @click="getInfo(e)">
<div class="p_device ktp_yao_out_wrap">
<!-- <div class="ktp_yao_back" v-for="e in frontWarehouse" :key="e.equipment">
<img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === 4" class="device_img" src="../../../images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop
type="tp"
:pkId="pkId"
:data="e"
@closePop="closePop"
></device-pop>
</div> -->
<div class="ktp_yao_back" v-for="(e, i) in [1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9]" :key="i">
<img class="device_img" src="../../../images/device/ktpv_green.png" alt="">
</div>
</div>
</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 class="device_img" src="../../../images/device/ssx_green.png" alt="" @click="getInfo(e)">
<device-pop
type="ssx"
:pkId="pkId"
:data="e"
@closePop="closePop"
></device-pop>
</div>
</div>
<div class="p_device cpj_wrap">
<img v-show="trayDestacker.status === 1" class="device_img" src="../../../images/device/cpj_green.png" alt="" @click="getInfo(trayDestacker)">
<img v-show="trayDestacker.status === 2" class="device_img" src="../../../images/device/cpj_yellow.png" alt="" @click="getInfo(trayDestacker)">
<img v-show="trayDestacker.status === 3" class="device_img" src="../../../images/device/cpj_gray.png" alt="" @click="getInfo(trayDestacker)">
<img v-show="trayDestacker.status === 4" class="device_img" src="../../../images/device/cpj_red.png" alt="" @click="getInfo(trayDestacker)">
<device-pop
type="ssx"
:pkId="pkId"
:data="trayDestacker"
@closePop="closePop"
></device-pop>
</div>
<div class="machine_block_8">
</div>
<div class="machine_block machine_block_3">
<div class="machine_combine">
@@ -650,13 +636,13 @@ export default {
box-shadow: 0 0 15px #0087ac;
border-radius: 10px;
.machine_block_1
width: 72%;
height: 25%;
width: 77%;
height: 24%;
right: 2%;
top: 32%;
top: 28%;
.machine_block_2
width: 63%;
height: 26%;
width: 55%;
height: 22%;
left: auto
right: 2%
top: 4%;
@@ -700,38 +686,18 @@ export default {
width 100%
height 100%
.yjbyx_1
width 4.5%
height 80%
top 10%
left 2%
img
transform rotate(180deg)
width: 4%;
height: 76%;
top: 22%;
left: 10%;
.yjbyx_2
width 4.5%
height 80%
left auto
right 0
top 10%
.yao_line_1
position absolute
width 100%
height 6px
border 1px solid #d1d1d1
top -9px
background-color #9e9e9e
display flex
justify-content: space-between
align-items: center
.yao_line_2
top auto
bottom -9px
.yao_line_dot
width 2px
height 100%
background-color #e1e1e1
width: 4%;
height: 79%;
left: auto;
right: 0;
.yao_wrap
position absolute
width 86%
width 80%
height 50px
.yao_layer1
position absolute
@@ -775,11 +741,11 @@ export default {
left: 0;
background-color: #A0927E;
.yao_1
left 8%
top 20%
left 15%
top 22%
.yao_2
left 8%
bottom 30%
left 15%
bottom 22%
.yytsj_wrap
width 50%
left 25%
@@ -788,69 +754,69 @@ export default {
top auto
bottom 0
left 25%
.ktp_yao_back_wrap
left 0
.ktp_yao_enter_wrap
width 86%
left auto
top auto
bottom 0
width 100%
height: 20px
.ktp_yao_front_wrap
width 88%
left 7%
top 0
right 0
.ktp_yao_out_wrap
width 86%
left: auto
right: 4%;
.ktp_yao_back
float left
width 27px
height 20px
width calc(100% / 39)
img
height auto
.dpj_wrap
width 15%
left 18%
top auto
bottom 9%
.ltssj_wrap
height 20px
left -12px
top: auto
bottom 12%
.ltssj
float left
width 27px
.dpw_wrap
width: 4%;
top: -30%;
left: 15%;
.cpj_wrap
width 6%
top 80%
.jyw_wrap
width 2%
height 76%
top: 22%
left 8%
.jyw1
top 16%
.jyw2
top 39%
.jyw3
top 63%
.jyw4
top 86%
.ddxt_wrap_1
width 45%
width 30%
height 49%
.ddxt_wrap_2
top auto
bottom 0
.weilan_ddxt_wrap_1
width 25%
width 45%
height 100%
.weilan_ddxt_wrap_2
width 35%
width 45%
height 100%
left auto
right 0
img
transform rotate(180deg)
.ssj_wrap
width: 60%;
width: 40%;
top: 40%;
left: 20%;
left: 30%;
.ktp_cmd_wrap
width 18.31px
.ktp_cmd_wrap_1
left: 6%;
left: 1%;
top: 6%;
.ktp_cmd_wrap_2
left 6%
top 72%
.ktp_cmd_wrap_3
left: 89.5%;
top: 5%;
.ktp_cmd_wrap_4
left: 89.5%;
top: 42%;
left 1%
top 67%
.cmdssj_1
width 27.5px
height 22px
@@ -859,20 +825,25 @@ export default {
.cmdssj_2
top 70%
img
transfrom rotate(180deg)
transform rotate(180deg)
.robot_cmd_wrap_1
width 1%
height 1%
left: 9%;
width 1px
height 1px
left: 14%;
top: 50%;
img
position absolute
width: 1500%;
width: 37px;
height: auto;
top: -700%;
left: -300%;
top: -11px;
left: -7px;
.robot_cmd_wrap_2
left 88%
left 82%
top 54%
img
transform rotate(180deg)
top: -9px;
left: -27px;
.fmjxt_wrap
width 9%
left 88%
@@ -1222,19 +1193,6 @@ export default {
align-items center
img
width 100%
.cpj_ssx_wrap
width 2.7%
left: 11%;
top: 38%;
.ssx_wrap
width 100%
.ssx
width 100%
height 28.77px
.cpj_wrap
width 18%
top: -51%;
left: 20%;
.agv_1
width 17%
left 16%
@@ -1246,7 +1204,7 @@ export default {
.rgv_line_wrap
position absolute
top 0
left 46%
left 31%
width 5.5%
height 100%
.rgv_line_1
@@ -1302,7 +1260,7 @@ export default {
.rgvct
width 5.5%
top 10%
left: 46%;
left: 31%;
z-index: 100;
.ggtj_wrap
display flex
@@ -1311,13 +1269,13 @@ export default {
width 27px
height auto
.ggtj_wrap_1
left: 51%;
left: 36%;
top: 18%;
.ggtj_wrap_2
left: 51%;
top: 34%;
left: 36%;
top: 37%;
.ggtj_wrap_3
left: 51%;
left: 36%;
top: 64%;
.fmj_wrap
height: 122%;