<template>
|
<u-popup v-model="detailshow" border-radius="14" mode="bottom">
|
<view class="pop">
|
<scroll-view scroll-y="true" style="height: 90vh;margin-bottom: 140rpx;">
|
<br>
|
<h2 class="text_align_center padding_bottom18 padding15">取货成功！</h2>
|
<view>
|
<view>
|
<view class="btn1" @click="cancelAll">全部取消</view>
|
<image class="ingLany" src="/static/lanya.png" mode="aspectFit" @click="getLanya"></image>
|
|
<view class="fontSize32rpx background_fff margin_bottom10rpx" v-for="(item, eindex) in list"
|
:key="eindex">
|
<!-- 此层wrap在此为必写的，否则可能会出现标题定位错误 -->
|
<view class="padding10 title-wrap itemTap" @tap.stop.prevent="pitch(item)"
|
:class="item.edit ? 'clickactive' : ''">
|
<u-row>
|
<u-col span="12">
|
<label class="flex align-center">
|
<text class="flex justify-center align-center circkle06">{{ eindex + 1
|
}}</text>
|
<view class="color_f18202">
|
{{ item.code }} ({{ item.batchNo }})
|
</view>
|
</label>
|
</u-col>
|
</u-row>
|
<u-row>
|
<u-col span="6">
|
<view class="text06">
|
DO:{{ item.subOrderNo }}
|
</view>
|
</u-col>
|
<u-col span="6" class="color_80">
|
Bom：{{ item.bomNumber }}
|
</u-col>
|
</u-row>
|
<u-row>
|
<u-col span="6">
|
<view class="text06">
|
机床号：{{ item.equipment }}
|
</view>
|
</u-col>
|
<u-col span="6">
|
<view class="color_80">
|
工序：{{ item.process }}
|
</view>
|
</u-col>
|
</u-row>
|
<u-row>
|
<u-col span="6">
|
<view class="text06">
|
SAP：{{ item.sap_Location }}
|
</view>
|
</u-col>
|
<u-col span="6" class="flex">
|
<view class="text06">
|
取货数：{{ item.quantity }}
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- <view v-for="(item, eindex) in [1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,]" :key="eindex">
|
<view class="line flex justify-between">
|
<text class="text-gray">配餐需求单号</text>
|
<text>{{materlist.deliveryNo}}</text>
|
</view> -->
|
</scroll-view>
|
</view>
|
<button-modal :issueShow='true' issueTitle="蓝牙打印" subTitle='关闭' restTiltle='斑马打印' @reset='initDg(2)'
|
@submit='closebox' @issue="initDg(1)" />
|
|
</u-popup>
|
</template>
|
|
<script>
|
import ButtonModal from '@/components/buttonModal.vue'
|
import ModalCode from '@/components/ModalCode.vue'
|
export default {
|
props: {
|
detailshow: {
|
type: Boolean
|
},
|
list: {
|
type: Array
|
}
|
},
|
data() {
|
return {
|
modalshow: false,
|
show: false,
|
rescode: 0,
|
resmessage: "",
|
operator: '',
|
pageNo: 1,
|
checkTotal: 0,
|
status: "loadmore",
|
loadText: {
|
loadmore: '上拉加载更多',
|
loading: '努力加载中',
|
nomore: '已经到底了'
|
},
|
containerCode: '',
|
gridPercentageSy: '',
|
gridPercentageSy2: '',
|
arr: JSON.parse(JSON.stringify(this.list))
|
};
|
},
|
components: {
|
ButtonModal,
|
ModalCode
|
},
|
onLoad() {
|
},
|
methods: {
|
cancelAll() {
|
this.list.forEach((item) => {
|
item.edit = 0;
|
});
|
this.$forceUpdate();
|
},
|
//选中
|
pitch(e) {
|
// 单选
|
// this.list.forEach(v=>v.edit=false)
|
// e.edit = true
|
// this.$forceUpdate()
|
// 多选
|
e.edit = !e.edit
|
this.$forceUpdate();
|
},
|
getLanya() {
|
uni.navigateTo({
|
url: '../print/bluetoothConnection'
|
})
|
},
|
|
initDg(param) {
|
this.arr = this.list.filter(item => item.edit)
|
this.$forceUpdate();
|
this.$emit('initDg', param,this.arr);
|
},
|
closebox() {
|
this.$emit('closebox');
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.btn1 {
|
position: fixed;
|
top: 30px;
|
left: 10px;
|
}
|
|
// 盘点中
|
.inventory {
|
border: 1px solid #08cd39;
|
border-radius: 40vh;
|
color: #08cd39;
|
background-color: #e6ffec;
|
}
|
|
// 未盘点
|
.noinventory {
|
border: 1px solid #ff9d0c;
|
border-radius: 40vh;
|
color: #ff9d0c;
|
background-color: #fff7ea;
|
}
|
|
// 已盘点
|
.haveinventory {
|
border: 1px solid #0a8cff;
|
border-radius: 40vh;
|
color: #0a8cff;
|
background-color: #e7f5ff;
|
}
|
|
.col-0d11c9 {
|
color: #0d11c9;
|
}
|
|
.col-0ece3d {
|
color: #0ece3d;
|
}
|
|
.col-ff9d0b {
|
color: #ff9d0b;
|
}
|
|
.col-0589ff {
|
color: #0589ff;
|
}
|
|
.content-item {
|
width: 98%;
|
border-radius: 8rpx;
|
margin: 10rpx auto;
|
}
|
</style>
|
<style lang="scss">
|
.clickactive {
|
position: relative;
|
border: 1px solid #f18202;
|
border-radius: 5rpx;
|
background: white !important;
|
|
&::after {
|
content: '';
|
background-image: url("@/static/modal/iconCk.png");
|
background-size: cover;
|
width: 24px;
|
height: 24px;
|
display: block;
|
position: absolute;
|
right: 0;
|
bottom: 0;
|
}
|
}
|
|
.triangle-topright {
|
width: 0;
|
height: 0;
|
border-top: 37px solid #ffff00;
|
border-right: 37px solid transparent;
|
position: absolute;
|
top: 0;
|
left: 0px;
|
}
|
|
.itemTap {
|
margin-bottom: 10rpx;
|
}
|
|
.ingLany {
|
position: fixed;
|
right: 10px;
|
top: 30px;
|
width: 28px;
|
height: 28px;
|
border-radius: 100%;
|
margin-right: 1%;
|
}
|
</style>
|
