chagne
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="n_container">
|
||||
<div @click.stop="closeModal" class="n_container">
|
||||
<div class="n_header">
|
||||
<div class="n_header_h1">
|
||||
<h1>晟华生产数</h1>
|
||||
@@ -63,15 +63,116 @@
|
||||
</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">
|
||||
<div v-for="(e,i) in FinishedProductShelfList.slice(0, 26)" :key="i" class="mtp" @click.stop="getInfo1(e, i)">
|
||||
<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="">
|
||||
<!-- <img v-show="String(e.point_status) === '1'" src="../../../images/workshop/mtp.png" alt=""> -->
|
||||
<div :class="hightlight"><img v-show="String(e.point_status) === '1'" src="../../../images/workshop/mtp.png" alt=""></div>
|
||||
<div v-if="pkId === e.point_code" class="popup_block_wraper" :class="youModel" :style="{'top': top, 'left': left}">
|
||||
<div class="foldline foldline_left" :class="foldlineStyle" style="display: none;"></div>
|
||||
<div class="popup_bg">
|
||||
<div class="popup_block">
|
||||
<div class="pop_header">
|
||||
<div class="pop_name">{{pkObj.point_code + '/' + pkObj.point_name}}</div>
|
||||
<div class="pop_status">
|
||||
<!-- <div class="pop_status_dot" :class="{green:pkObj.status ==='2',red:pkObj.status ==='5',yellow:(pkObj.status ==='3' || pkObj.status ==='4')}"></div>
|
||||
<div class="pop_status_text fgray">{{pkObj.stand_status_name}}</div> -->
|
||||
</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 pop_val_s">{{ pkObj.vehicle_code }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">BOM号</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.bom }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">物料编码</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.material_code }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">数量</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.qty }}</div>
|
||||
<div class="pop_unit">块</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">机台</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.device_name }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">碾次</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.mix_num }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">入库时间</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.instorage_time }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
|
||||
</div>
|
||||
</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">
|
||||
<div v-for="(e,i) in FinishedProductShelfList.slice(26)" :key="i" class="mtp" @click.stop="getInfo1(e, i)">
|
||||
<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 v-if="pkId === e.point_code" class="popup_block_wraper" :class="youModel" :style="{'top': top, 'left': left}">
|
||||
<div class="foldline foldline_left" :class="foldlineStyle" style="display: none;"></div>
|
||||
<div class="popup_bg">
|
||||
<div class="popup_block">
|
||||
<div class="pop_header">
|
||||
<div class="pop_name">{{pkObj.point_code + '/' + pkObj.point_name}}</div>
|
||||
<div class="pop_status">
|
||||
<!-- <div class="pop_status_dot" :class="{green:pkObj.status ==='2',red:pkObj.status ==='5',yellow:(pkObj.status ==='3' || pkObj.status ==='4')}"></div>
|
||||
<div class="pop_status_text fgray">{{pkObj.stand_status_name}}</div> -->
|
||||
</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 pop_val_s">{{ pkObj.vehicle_code }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">BOM号</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.bom }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">物料编码</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.material_code }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">数量</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.qty }}</div>
|
||||
<div class="pop_unit">块</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">机台</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.device_name }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">碾次</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.mix_num }}</div>
|
||||
</div>
|
||||
<div class="pop_item">
|
||||
<div class="pop_label">入库时间</div>
|
||||
<div class="pop_val pop_val_s">{{ pkObj.instorage_time }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -87,6 +188,16 @@ export default {
|
||||
name: 'one',
|
||||
data () {
|
||||
return {
|
||||
hightlight: '',
|
||||
top: '',
|
||||
left: '',
|
||||
youModel: '',
|
||||
foldlineStyle: '',
|
||||
pkId: '',
|
||||
pkObj: {
|
||||
aaa: 'aaa',
|
||||
num: '3'
|
||||
},
|
||||
FinishedProductShelfList: []
|
||||
}
|
||||
},
|
||||
@@ -94,6 +205,14 @@ export default {
|
||||
this.initData()
|
||||
},
|
||||
methods: {
|
||||
getInfo1 (e, i) {
|
||||
this.pkId = e.point_code
|
||||
this.pkObj = e
|
||||
},
|
||||
closeModal () {
|
||||
this.pkId = ''
|
||||
this.pkObj = {}
|
||||
},
|
||||
async initData () {
|
||||
let res = await firingAndDryingPopover()
|
||||
this.FinishedProductShelfList = res.result.FinishedProductShelfList
|
||||
@@ -175,6 +294,10 @@ export default {
|
||||
left 1%
|
||||
.mtp
|
||||
width 100%
|
||||
.hightlight
|
||||
width 100%
|
||||
height 100%
|
||||
background #ff0
|
||||
img
|
||||
_wh(100%, auto)
|
||||
.gtssj_wrap_1
|
||||
@@ -246,4 +369,19 @@ export default {
|
||||
.mtp_wrap_5
|
||||
// top 105%
|
||||
top 145%
|
||||
.popup_block_wraper
|
||||
position absolute
|
||||
top: 706%;
|
||||
left: -27%;
|
||||
z-index 10
|
||||
transform rotate(90deg)
|
||||
.popup_block_wraper2
|
||||
position absolute
|
||||
top: 445%;
|
||||
left: -287%;
|
||||
z-index 10
|
||||
transform rotate(90deg)
|
||||
.foldline_left2
|
||||
left 530px
|
||||
transform rotateY(0)
|
||||
</style>
|
||||
|
||||
@@ -268,7 +268,8 @@
|
||||
<vue-seamless-scroll :data="array1" :class-option="defaultOption1">
|
||||
<ul class="scroll-ul_1">
|
||||
<li v-for="(e, i) in array1" :key="i">
|
||||
<div class="scroll-ul_1_div" :class="['c_gray', 'c_yellow', 'c_green', 'c_red'][Number(e.stand_status_color)]">{{e.point_name}}</div>
|
||||
<!-- <div class="scroll-ul_1_div" :class="['c_gray', 'c_yellow', 'c_green', 'c_red'][Number(e.stand_status_color)]">{{e.point_name}}</div> -->
|
||||
<div class="scroll-ul_1_div">{{e.point_name}}</div>
|
||||
<div class="scroll-ul_1_div">{{e.bom}}</div>
|
||||
<div class="scroll-ul_1_div">{{e.material_code}}</div>
|
||||
<div class="scroll-ul_1_div">{{e.weight}}</div>
|
||||
|
||||
Reference in New Issue
Block a user