This commit is contained in:
2023-06-15 18:04:58 +08:00
parent 0535bc1bf8
commit c581a97649

View File

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