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

chagne

Browse Source
This commit is contained in:
xiangxy
2023-06-16 17:57:40 +08:00
parent 94621a051a
commit de8af9f03d
2 changed files with 144 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,5 @@
<template> <template>
<div class="n_container"> <div @click.stop="closeModal" class="n_container">
<div class="n_header"> <div class="n_header">
<div class="n_header_h1"> <div class="n_header_h1">
<h1>晟华生产数</h1> <h1>晟华生产数</h1>
@@ -63,15 +63,116 @@
</div> </div>
</div> </div>
<div v-if="FinishedProductShelfList.length > 0" class="machine_wrap mtp_wrap_3 mtp_wrap_4"> <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) === '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> </div>
<div class="machine_wrap mtp_wrap_3 mtp_wrap_4 mtp_wrap_5"> <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) === '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 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> </div>
</div> </div>
@@ -87,6 +188,16 @@ export default {
name: 'one', name: 'one',
data () { data () {
return { return {
hightlight: '',
top: '',
left: '',
youModel: '',
foldlineStyle: '',
pkId: '',
pkObj: {
aaa: 'aaa',
num: '3'
},
FinishedProductShelfList: [] FinishedProductShelfList: []
} }
}, },
@@ -94,6 +205,14 @@ export default {
this.initData() this.initData()
}, },
methods: { methods: {
getInfo1 (e, i) {
this.pkId = e.point_code
this.pkObj = e
},
closeModal () {
this.pkId = ''
this.pkObj = {}
},
async initData () { async initData () {
let res = await firingAndDryingPopover() let res = await firingAndDryingPopover()
this.FinishedProductShelfList = res.result.FinishedProductShelfList this.FinishedProductShelfList = res.result.FinishedProductShelfList
@@ -175,6 +294,10 @@ export default {
left 1% left 1%
.mtp .mtp
width 100% width 100%
.hightlight
width 100%
height 100%
background #ff0
img img
_wh(100%, auto) _wh(100%, auto)
.gtssj_wrap_1 .gtssj_wrap_1
@@ -246,4 +369,19 @@ export default {
.mtp_wrap_5 .mtp_wrap_5
// top 105% // top 105%
top 145% 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> </style>

3
src/pages/modules/hunniankunliao/two.vue
View File

@@ -268,7 +268,8 @@
<vue-seamless-scroll :data="array1" :class-option="defaultOption1"> <vue-seamless-scroll :data="array1" :class-option="defaultOption1">
<ul class="scroll-ul_1"> <ul class="scroll-ul_1">
<li v-for="(e, i) in array1" :key="i"> <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.bom}}</div>
<div class="scroll-ul_1_div">{{e.material_code}}</div> <div class="scroll-ul_1_div">{{e.material_code}}</div>
<div class="scroll-ul_1_div">{{e.weight}}</div> <div class="scroll-ul_1_div">{{e.weight}}</div>