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-13 18:55:59 +08:00
parent 53edb7b110
commit 660f87af32
6 changed files with 368 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/pages/modules/homepage/two.vue
View File

@@ -48,6 +48,16 @@
<img src="../../../images/workshop/cpj.png" alt="">
</div>
</div>
<div class="machine_wrap cdz_wrap_1">
<div class="cdz">
<img src="../../../images/workshop/cdz.png" alt="">
</div>
</div>
<div class="machine_wrap cdz_wrap_1 cdz_wrap_2">
<div class="cdz">
<img src="../../../images/workshop/cdz.png" alt="">
</div>
</div>
<div class="machine_wrap yao_wrap">
<div class="yaosb">
<img src="../../../images/workshop/yao.png" alt="">
@@ -63,9 +73,16 @@
<img src="../../../images/workshop/mtp.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_3 mtp_wrap_4">
<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,21,22,23,24,25,26,27,28]" :key="i" class="mtp">
<img src="../../../images/workshop/mtp.png" alt="">
<div v-if="SemiFinishedProductShelfList.length > 0" class="machine_wrap mtp_wrap_3 mtp_wrap_4">
<div v-for="(e,i) in SemiFinishedProductShelfList.slice(0, 26)" :key="i" class="mtp">
<img v-show="String(e.point_status) === '0'" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="String(e.point_status) === '1'" src="../../../images/workshop/mtp.png" alt="">
</div>
</div>
<div class="machine_wrap mtp_wrap_3 mtp_wrap_4 mtp_wrap_5">
<div v-for="(e,i) in SemiFinishedProductShelfList.slice(26)" :key="i" class="mtp">
<img v-show="String(e.point_status) === '0'" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="String(e.point_status) === '1'" src="../../../images/workshop/mtp.png" alt="">
</div>
</div>
</div>
@@ -307,7 +324,10 @@
<div class="style_block" style="left: calc(100% / 3);bottom: 0"></div>
<div class="style_block" style="background: green;left: calc(200% / 3);top:0;"></div>
<div class="style_block" style="left: calc(200% / 3);top:calc(100% / 3);"></div>
<div class="style_block" style="background: blue;left: calc(200% / 3);bottom: 0"></div> -->
<div class="style_block" style="background: blue;left: calc(200% / 3);bottom: 0"></div>
<div class="style_block" style="background: green;left: 0;top:0;"></div>
<div class="style_block" style="left: 0;top:calc(100% / 3);"></div>
<div class="style_block" style="background: green;left: 0;bottom: 0"></div> -->
</div>
</template>
@@ -324,7 +344,8 @@ export default {
DeviceConditionList: [],
LastMonthFailureList: [],
LastTenFailureList: [],
SortAndPalletizingList: []
SortAndPalletizingList: [], // 分拣拆码垛对接位
SemiFinishedProductShelfList: [] // 半成品货架数据
}
},
computed: {
@@ -361,6 +382,7 @@ export default {
this.LastMonthFailureList = [...res.result.LastMonthFailureList]
this.LastTenFailureList = [...res.result.LastTenFailureList]
this.SortAndPalletizingList = [...res.result.SortAndPalletizingList]
this.SemiFinishedProductShelfList = [...res.result.SemiFinishedProductShelfList]
this.setEchart1()
this.setEchart2()
}
@@ -770,11 +792,11 @@ export default {
img
_wh(100%, auto)
.mtp_wrap_2
top 35%
top 39%
left 1%
.gtssj_wrap_1
width 2.5%
top 35%
top 39%
left 7.6%
.gtssj
width 100%
@@ -782,15 +804,25 @@ export default {
_wh(100%, auto)
.cpj_wrap_1
width: 4%;
top: 38%;
top: 42%;
left: 6.3%;
.cpj
width 100%
img
_wh(100%, auto)
.cdz_wrap_1
width: 3%;
top: 21%;
left: 8%;
.cdz
width 100%
img
_wh(100%, auto)
.cdz_wrap_2
left: 12%;
.yao_wrap
width 69%
top 6.5%
top 7%
left auto
right 7%
background-color #676767
@@ -814,7 +846,7 @@ export default {
.mtp_wrap_3
width: 3.5%;
height: 10%;
top: 84%;
top: 85%;
left: -0.8%;
transform rotate(-90deg)
z-index 4
@@ -824,12 +856,15 @@ export default {
img
_wh(100%, auto)
.mtp_wrap_4
left 13%
left 18.3%
top: 87%
.mtp_wrap_5
top 105%
.cmd_block
width 40%
height 50%
position absolute
top: 35%;
top: 39%;
left: 28%;
.ktp_wrap_1
width: 6.3%;