弹窗
This commit is contained in:
@@ -28,38 +28,54 @@
|
||||
<div class="center_content">
|
||||
<div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1">
|
||||
<div class="sh_machine lz_1">
|
||||
<img :class="TrappedShelfList[0].point_status === '0' ? 'hidden': ''" src="../../../images/workshop/lz.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[0].point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
</div>
|
||||
<div class="sh_machine lz_1 lz_2">
|
||||
<img v-for="(e,i) in TrappedShelfList.slice(1, 4)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="e.point_status === '0' ? 'hidden': ''">
|
||||
<div class="sh_machine lz_1 lz_2" v-for="(e,i) in TrappedShelfList.slice(1, 4)" :key="i">
|
||||
<img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1 yjlz_wrap_2">
|
||||
<div class="sh_machine lz_1">
|
||||
<img :class="TrappedShelfList[4].point_status === '0' ? 'hidden': ''" src="../../../images/workshop/lz.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[4].point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
</div>
|
||||
<div class="sh_machine lz_1 lz_2">
|
||||
<img v-for="(e,i) in TrappedShelfList.slice(5)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="e.point_status === '0' ? 'hidden': ''">
|
||||
<div class="sh_machine lz_1 lz_2" v-for="(e,i) in TrappedShelfList.slice(5)" :key="i">
|
||||
<img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_3">
|
||||
<div class="sh_machine lz_1">
|
||||
<img src="../../../images/workshop/lz.png" alt="">
|
||||
<img src="../../../images/workshop/hj.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_5">
|
||||
<div class="sh_machine lz_1">
|
||||
<img src="../../../images/workshop/lz.png" alt="">
|
||||
<img src="../../../images/workshop/hj.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_7">
|
||||
<div class="sh_machine lz_1">
|
||||
<img src="../../../images/workshop/lz.png" alt="">
|
||||
<img src="../../../images/workshop/hj.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_8">
|
||||
<div class="sh_machine lz_1">
|
||||
<img src="../../../images/workshop/lz.png" alt="">
|
||||
<img src="../../../images/workshop/hj.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="yaji_wrap">
|
||||
@@ -492,20 +508,106 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1">
|
||||
<div v-for="(e,i) in TrappedMaterialShelfList.slice(0, 20)" :key="i" class="lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}">
|
||||
<img v-show="String(e.stand_status_color) === '0'" src="../../../images/workshop/hj.png" alt="">
|
||||
<img v-show="String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
|
||||
<img v-show="String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<img v-show="String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
<div v-if="TrappedShelf40List.length > 0" class="machine_wrap kl_wrap_1">
|
||||
<div v-for="(e,i) in TrappedShelf40List.slice(0, 20)" :key="i" class="sh_machine lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}" @click.stop="klhjInfo(e)">
|
||||
<img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<div v-if="e.point_code === pkId" class="popup_block_wraper popup_block_wraper_1">
|
||||
<div class="foldline foldline_left"></div>
|
||||
<div class="popup_bg">
|
||||
<div class="popup_block">
|
||||
<div class="pop_header">
|
||||
<div class="pop_name">{{pkObj.point_name}}</div>
|
||||
</div>
|
||||
<div class="pop_content">
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">状态</div>
|
||||
<div class="pop_val">{{ pkObj.point_status_name }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">载具</div>
|
||||
<div class="pop_val">{{ pkObj.vehicle_code }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">bom号</div>
|
||||
<div class="pop_val">{{ pkObj.bom }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">碾次</div>
|
||||
<div class="pop_val">{{ pkObj.mix_num }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">重量</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.weight }}</div>
|
||||
<div class="pop_unit">kg</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">入库时间</div>
|
||||
<div class="pop_val">{{ pkObj.instorage_time }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">静置</div>
|
||||
<div class="pop_val">{{ pkObj.standing_time }}</div>
|
||||
<div class="pop_unit">h</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="iconfont icon-guanbi close_btn" @click.stop="closeModal1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1 kl_wrap_2">
|
||||
<div v-for="(e,i) in TrappedMaterialShelfList.slice(20)" :key="i" class="lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}">
|
||||
<img v-show="String(e.stand_status_color) === '0'" src="../../../images/workshop/hj.png" alt="">
|
||||
<img v-show="String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
|
||||
<img v-show="String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<img v-show="String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
<div v-if="TrappedShelf40List.length > 0" class="machine_wrap kl_wrap_1 kl_wrap_2">
|
||||
<div v-for="(e,i) in TrappedShelf40List.slice(20)" :key="i" class="sh_machine lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}" @click.stop="klhjInfo(e)">
|
||||
<img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
<img v-show="String(e.point_status) !== '0' && String(e.stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<div v-if="e.point_code === pkId" class="popup_block_wraper popup_block_wraper_1">
|
||||
<div class="foldline foldline_left"></div>
|
||||
<div class="popup_bg">
|
||||
<div class="popup_block">
|
||||
<div class="pop_header">
|
||||
<div class="pop_name">{{pkObj.point_name}}</div>
|
||||
</div>
|
||||
<div class="pop_content">
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">状态</div>
|
||||
<div class="pop_val">{{ pkObj.point_status_name }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">载具</div>
|
||||
<div class="pop_val">{{ pkObj.vehicle_code }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">bom号</div>
|
||||
<div class="pop_val">{{ pkObj.bom }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">碾次</div>
|
||||
<div class="pop_val">{{ pkObj.mix_num }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">重量</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.weight }}</div>
|
||||
<div class="pop_unit">kg</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">入库时间</div>
|
||||
<div class="pop_val">{{ pkObj.instorage_time }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">静置</div>
|
||||
<div class="pop_val">{{ pkObj.standing_time }}</div>
|
||||
<div class="pop_unit">h</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="iconfont icon-guanbi close_btn" @click.stop="closeModal1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -659,6 +761,7 @@
|
||||
|
||||
<script>
|
||||
import { workshopCondition, moldingMaterialCondition } from '@js/getData2'
|
||||
import { trappedMaterialCondition } from '@js/getData0'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
@@ -678,17 +781,20 @@ export default {
|
||||
PressPopoverList: [], // 压机弹窗数据
|
||||
ManipulatorList: [], // 机械手弹窗数据
|
||||
TrayStationPopoverList: [], // 码盘工位弹窗数据
|
||||
TrappedShelf40List: [], // 困料货架弹窗
|
||||
showModal: false,
|
||||
machine: '',
|
||||
top: '',
|
||||
left: '',
|
||||
foldlineStyle: '',
|
||||
pkObj: {}
|
||||
pkObj: {},
|
||||
pkId: ''
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this._workshopCondition()
|
||||
this._moldingMaterialCondition()
|
||||
this._trappedMaterialCondition()
|
||||
// this.refresh()
|
||||
},
|
||||
beforeDestroy () {
|
||||
@@ -699,6 +805,7 @@ export default {
|
||||
this.timer = setInterval(() => {
|
||||
this._workshopCondition()
|
||||
this._moldingMaterialCondition()
|
||||
this._trappedMaterialCondition()
|
||||
}, this.interTime)
|
||||
},
|
||||
async _workshopCondition () {
|
||||
@@ -722,6 +829,14 @@ export default {
|
||||
this.TrayStationPopoverList = [...res.result.TrayStationPopoverList]
|
||||
}
|
||||
},
|
||||
// 困料货架弹窗
|
||||
async _trappedMaterialCondition () {
|
||||
let res = await trappedMaterialCondition()
|
||||
if (res.code === 200) {
|
||||
this.TrappedShelf40List = [...res.result.TrappedShelf40List]
|
||||
console.log(this.TrappedShelf40List)
|
||||
}
|
||||
},
|
||||
expandTooltip () {
|
||||
this.expand = !this.expand
|
||||
},
|
||||
@@ -750,6 +865,7 @@ export default {
|
||||
this.showModal = false
|
||||
this.machine = ''
|
||||
this.pkObj = {}
|
||||
this.pkId = ''
|
||||
},
|
||||
yjInfo (m, type) {
|
||||
this.machine = m
|
||||
@@ -979,6 +1095,14 @@ export default {
|
||||
}
|
||||
}
|
||||
this.showModal = true
|
||||
},
|
||||
klhjInfo (e) {
|
||||
this.pkId = this.pkId === e.point_code ? '' : e.point_code
|
||||
this.pkObj = this.pkId === e.point_code ? e : {}
|
||||
},
|
||||
closeModal1 () {
|
||||
this.pkId = ''
|
||||
this.pkObj = {}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1066,11 +1190,7 @@ export default {
|
||||
transform: rotate(90deg);
|
||||
.lz
|
||||
position relative
|
||||
width 100%
|
||||
height 4.4%
|
||||
img
|
||||
position absolute
|
||||
_wh(100%, 100%)
|
||||
_wh(100%,4.96%)
|
||||
.mgt5
|
||||
margin-top 45%
|
||||
.kl_wrap_2
|
||||
@@ -1469,12 +1589,14 @@ export default {
|
||||
right: 8.8%;
|
||||
transform rotate(90deg);
|
||||
.lz_1
|
||||
width 100%
|
||||
img
|
||||
position relative
|
||||
_wh(100%, 19.011%)
|
||||
.lz_2
|
||||
top auto
|
||||
bottom 0
|
||||
&:nth-child(2)
|
||||
top 43%
|
||||
&:nth-child(3)
|
||||
top 62%
|
||||
&:nth-child(4)
|
||||
top 81%
|
||||
.yjlz_wrap_2
|
||||
right 24.5%
|
||||
.yjlz_wrap_3
|
||||
@@ -1576,4 +1698,13 @@ export default {
|
||||
transform: rotateZ(15deg)
|
||||
}
|
||||
}
|
||||
.popup_block_wraper_1
|
||||
position absolute
|
||||
top: -1029%;
|
||||
left: -828%
|
||||
z-index 10
|
||||
transform rotate(-90deg)
|
||||
.foldline_left
|
||||
transform rotate(0deg)
|
||||
top 34%
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user