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

干燥

Browse Source
This commit is contained in:
xiangxy
2023-06-15 18:04:58 +08:00
parent 0535bc1bf8
commit c581a97649
1 changed files with 76 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/pages/modules/firedry/one.vue
View File

@@ -26,7 +26,7 @@
<div class="status_name">故障</div> <div class="status_name">故障</div>
</div> </div>
</div> </div>
<div class="machine_wrap yao_wrap"> <!-- <div class="machine_wrap yao_wrap">
<div class="yaosb"> <div class="yaosb">
<img src="../../../images/workshop/yao.png" alt=""> <img src="../../../images/workshop/yao.png" alt="">
</div> </div>
@@ -46,6 +46,34 @@
<img src="../../../images/workshop/mtp.png" alt=""> <img src="../../../images/workshop/mtp.png" alt="">
</div> </div>
</div> </div>
</div> -->
<div class="machine_wrap yao_wrap">
<div class="yaosb">
<img src="../../../images/workshop/yao.png" alt="">
</div>
<div class="sh_machine yjbyx_1">
<img src="../../../images/workshop/yjbyx.png" alt="">
</div>
<div class="sh_machine yjbyx_2">
<img src="../../../images/workshop/yjbyx.png" alt="">
</div>
<div class="machine_wrap mtp_wrap_3">
<div v-for="(e,i) in [1,2,3,4]" :key="i" class="mtp">
<img src="../../../images/workshop/mtp.png" alt="">
</div>
</div>
<div v-if="FinishedProductShelfList.length > 0" class="machine_wrap mtp_wrap_3 mtp_wrap_4">
<div v-for="(e,i) in FinishedProductShelfList.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 FinishedProductShelfList.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> </div>
</div> </div>
</div> </div>
@@ -54,15 +82,22 @@
</template> </template>
<script> <script>
import { firingAndDryingPopover } from '@js/getData0'
export default { export default {
name: 'one', name: 'one',
data () { data () {
return { return {
FinishedProductShelfList: []
} }
}, },
mounted () { mounted () {
this.initData()
}, },
methods: { methods: {
async initData () {
let res = await firingAndDryingPopover()
this.FinishedProductShelfList = res.result.FinishedProductShelfList
}
} }
} }
</script> </script>
@@ -136,19 +171,43 @@ export default {
_wh(100%, auto) _wh(100%, auto)
.mtp_wrap_1 .mtp_wrap_1
width 2.5% width 2.5%
top 9% top 39%
left 3% left 1%
.mtp .mtp
width 100% width 100%
img img
_wh(100%, auto) _wh(100%, auto)
.mtp_wrap_2 .gtssj_wrap_1
top 35% width 2.5%
top 39%
left 7.6%
.gtssj
width 100%
img
_wh(100%, auto)
.cpj_wrap_1
width: 4%;
top: 42%;
left: 6.3%;
.cpj
width 100%
img
_wh(100%, auto)
.cdz_wrap_1
width: 3%;
top: 9%;
left: 3.5%;
.cdz
width 100%
img
_wh(100%, auto)
.cdz_wrap_2
top: 16%;
.yao_wrap .yao_wrap
width 80% width 90%
top 18% top 7%
left auto left auto
right 10% right 6%
background-color #676767 background-color #676767
.yaosb .yaosb
width 100% width 100%
@@ -170,10 +229,9 @@ export default {
.mtp_wrap_3 .mtp_wrap_3
width: 3.5%; width: 3.5%;
height: 10%; height: 10%;
// top: 84%; // top: 85%;
// left: -0.8%; top: 125%;
top: 134%; left: -0.8%;
left: 0.5%;
transform rotate(-90deg) transform rotate(-90deg)
z-index 4 z-index 4
.mtp .mtp
@@ -182,5 +240,10 @@ export default {
img img
_wh(100%, auto) _wh(100%, auto)
.mtp_wrap_4 .mtp_wrap_4
left 13% left 18.3%
// top: 87%
top: 127%
.mtp_wrap_5
// top 105%
top 145%
</style> </style>