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

分拣包装

Browse Source
This commit is contained in:
caill
2023-06-06 19:46:39 +08:00
parent 2cd59bcf82
commit 20f0771b78
2 changed files with 155 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
src/pages/modules/sortpack/one.vue
View File

@@ -27,11 +27,82 @@
</div> </div>
<div class="center_content"> <div class="center_content">
<div class="machine_wrap diepanji_wrap"> <div class="machine_wrap diepanji_wrap">
<div class="machine_wrap mtp_wrap_1 mtp_wrap_2"> <div class="machine_wrap mtp_wrap_1">
<div v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]" :key="i" class="mtp"> <img src="../../../images/workshop/mtp.png" v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]" :key="i">
<img src="../../../images/workshop/mtp.png" alt=""> </div>
<div class="machine_wrap gtssj_wrap_1">
<img src="../../../images/workshop/gtssj.png" alt="" v-for="(e,i) in [1,2,3,4,5]" :key="i">
</div>
<div class="machine_wrap cpj_wrap_1">
<div class="sh_machine cpj">
<img src="../../../images/workshop/cpj.png" alt="">
</div>
</div>
</div>
<div class="machine_wrap cmd_block">
<div class="machine_wrap ktp_wrap_1">
<div class="sh_machine ktp">
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap cmd_wrap_1">
<div class="sh_machine weilan1">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
<div class="sh_machine robot_1">
<img src="../../../images/workshop/robot_4.png" alt="">
</div>
<div class="sh_machine weilan2">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine fjfztb">
<img src="../../../images/workshop/fjfztb.png" alt="">
</div>
<div class="sh_machine guntssj_1">
<img src="../../../images/workshop/guntssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4.png" alt="">
</div>
</div>
<div class="machine_wrap cmd_wrap_1 cmd_wrap_2">
<div class="sh_machine weilan1">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
<div class="sh_machine kongtuopan_2">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
<div class="sh_machine robot_1">
<img src="../../../images/workshop/robot_4_gray.png" alt="">
</div>
<div class="sh_machine weilan2">
<img src="../../../images/workshop/weilan_5.png" alt="">
</div>
<div class="sh_machine fjfztb">
<img src="../../../images/workshop/fjfztb.png" alt="">
</div>
<div class="sh_machine guntssj_1">
<img src="../../../images/workshop/guntssj.png" alt="">
</div>
<div class="sh_machine guntssj_2">
<img src="../../../images/workshop/guntssj.png" alt="">
</div>
<div class="sh_machine robot_2">
<img src="../../../images/workshop/robot_4_gray.png" alt="">
</div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -109,4 +180,72 @@
left 0 left 0
z-index 4 z-index 4
_wh(100%, auto) _wh(100%, auto)
.diepanji_wrap
_wh(30%,50%)
left 1%
top 5%
.mtp_wrap_1
width 7%
img
_wh(100%, auto)
.gtssj_wrap_1
width: 7%;
left: 11%;
img
_wh(100%, auto)
.cpj_wrap_1
width: 11%;
top: 8%;
left: 8%;
.cpj
width 100%
.cmd_block
_wh(60%, 80%)
top 5%
left 20%
.ktp_wrap_1
width 3.5%
.cmd_wrap_1
_wh(14%, 30%)
left 6%
.weilan1
width 100%
img
transform: rotate(180deg);
.kongtuopan_1
width 25%
top 10%
left 10%
.kongtuopan_2
width 25%
top 10%
left auto
right 10%
.robot_1
width: 20%;
top: -4%;
left: 38%;
.weilan2
width: 100%;
top: 64%;
left: 0;
.fjfztb
width: 38%;
top: 27%;
left: 29%;
.guntssj_1
width: 25%;
top: 93%;
left: 8%;
.guntssj_2
width: 25%;
top: 93%;
left: auto
right 8%
.robot_2
width: 20%;
top: 81%;
left: 38%;
.cmd_wrap_2
left 30%
</style> </style>

37
src/pages/modules/takeshape/one.vue
View File

@@ -168,9 +168,6 @@
<div class="sh_machine cyj_1"> <div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt=""> <img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div> </div>
<div class="sh_machine cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div>
<div class="sh_machine weilan"> <div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_4.png" alt=""> <img src="../../../images/workshop/weilan_4.png" alt="">
</div> </div>
@@ -204,7 +201,7 @@
<img src="../../../images/workshop/ktp.png" alt=""> <img src="../../../images/workshop/ktp.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yyj_wrap_3"> <div class="machine_wrap yyj_wrap_2 yyj_wrap_3">
<div class="sh_machine yyj"> <div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt=""> <img src="../../../images/workshop/yyj_gray.png" alt="">
</div> </div>
@@ -218,7 +215,7 @@
<img src="../../../images/workshop/cyj_1_gray.png" alt=""> <img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap cyj_wrap_1 cyj_wrap_6"> <div class="machine_wrap cyj_wrap_2 cyj_wrap_6">
<div class="sh_machine cyj_1"> <div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt=""> <img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div> </div>
@@ -226,12 +223,12 @@
<img src="../../../images/workshop/cyj_1_gray.png" alt=""> <img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap cyj_wrap_1 cyj_wrap_7"> <div class="machine_wrap cyj_wrap_3 cyj_wrap_7">
<div class="sh_machine cyj_1"> <div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt=""> <img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap cyj_wrap_1 cyj_wrap_8"> <div class="machine_wrap cyj_wrap_1 cyj_wrap_2 cyj_wrap_8">
<div class="sh_machine cyj_1"> <div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt=""> <img src="../../../images/workshop/cyj_1_gray.png" alt="">
</div> </div>
@@ -395,7 +392,7 @@
width 16% width 16%
height 14% height 14%
top 20% top 20%
right 10% right 12%
transform rotate(90deg) transform rotate(90deg)
.yyj .yyj
width 28.22% width 28.22%
@@ -436,7 +433,7 @@
width 11% width 11%
height 20% height 20%
top 23% top 23%
right 26% right 29%
transform rotate(90deg) transform rotate(90deg)
.cyj_1 .cyj_1
width 25% width 25%
@@ -482,7 +479,7 @@
width 11% width 11%
height 20% height 20%
top 23% top 23%
left 44% left 39%
transform rotate(90deg) transform rotate(90deg)
.cyj_1 .cyj_1
width 25% width 25%
@@ -513,32 +510,28 @@
width 11% width 11%
height 20% height 20%
top: 23%; top: 23%;
left: 25%; left: 18%;
transform rotate(90deg) transform rotate(90deg)
.cyj_1 .cyj_1
width: 25%; width: 25%;
.cyj_2
width 25%
top 90%
.weilan .weilan
width 70% width 70%
left auto left auto
right 0 right 0
top: 37%; top: -8%;
.robot .robot
width 21% width 21%
top: 62%; top: 20%;
left: 43%; left: 43%;
.kongtuopan_1 .kongtuopan_1
width 14.5% width 14.5%
top: 53%; top: 15%;
left: auto; left: auto;
right: 13%; right: 13%;
transform rotate(90deg) transform rotate(90deg)
.kongtuopan_2 .kongtuopan_2
width 14.5% width 14.5%
top: auto; top: 53%
bottom: -1%;
left: auto; left: auto;
right: 13%; right: 13%;
transform rotate(90deg) transform rotate(90deg)
@@ -548,7 +541,6 @@
width 16% width 16%
height 14% height 14%
top: 62%; top: 62%;
right: 10%;
transform rotate(90deg) transform rotate(90deg)
.yyj .yyj
width 28.22% width 28.22%
@@ -564,17 +556,12 @@
bottom 0 bottom 0
.cyj_wrap_5 .cyj_wrap_5
left auto left auto
right 26%
top 53.6% top 53.6%
.cyj_wrap_6 .cyj_wrap_6
left 44%
top 53.6% top 53.6%
.cyj_wrap_7 .cyj_wrap_7
left: 21%;
top: 53.6%; top: 53.6%;
.cyj_wrap_8 .cyj_wrap_8
left auto
left 7%
top 53.6%; top 53.6%;
.kongtuopan_3 .kongtuopan_3
width 14.5% width 14.5%