<template>
|
<view class="overflow">
|
<!-- <cu-custom bgColor="bg-white" :isBack="false">
|
<block slot="backText">
|
</block>
|
<block slot="content"> </block>
|
</cu-custom> -->
|
<scroll-view scroll-y="true" class="wpPrint ">
|
<view class="flex justify-center align-cente bgffffff">
|
<!-- <view class="succeicon" style="width: 60px;height: 60px;"></view> -->
|
<view class="txt10">越库列表</view>
|
</view>
|
<view class="bg_item">
|
<!-- <view class="wolistWp" v-show="modalshow" :style="{height: mtHeight+'px'}">
|
<view :key="index" v-for="(item,index) in singlist" @click="confirm(item)" :class="item.checked?'activeBtn':''">
|
<text> {{ item.wareMaterialCode }}--({{ item.quantity }}) </text>
|
</view>
|
</view> -->
|
|
<view v-for="(item, eindex) in singlist" :key="eindex"
|
style="width: 100vw;display: flex;margin: 15rpx auto;">
|
<view style="width: 100%;">
|
<view class="title-wrap itemTap fontSize32rpx background_fff"
|
:class="item.checked ? ' clickactive' : ''" @tap.stop.prevent="confirm(item)">
|
<u-row>
|
<u-col span="1">
|
<view class="flex justify-center align-center"
|
style="background-color: #f18202;color: #fff;border-radius: 50%;width: 20px;height: 20px;">
|
{{ eindex + 1 }}
|
</view>
|
</u-col>
|
<u-col span="10">
|
<view class="color_f18202">
|
{{ item.wareMaterialCode }}
|
</view>
|
</u-col>
|
</u-row>
|
<u-row style="margin-top: 20rpx;">
|
<u-col span="12">
|
<text class="el_batchNo">
|
数量：{{item.quantity}}
|
</text>
|
</u-col>
|
</u-row>
|
</view>
|
</view>
|
</view>
|
<view v-if="singlist.length<=0" style="text-align: center">---查无数据---</view>
|
|
</view>
|
</scroll-view>
|
|
<!-- <button-modal :empTytowerShow='true' cleaningTitle="关闭" garmenTitle='去越库' @submit='init' @reset='rest' /> -->
|
<button-modal :issueShow='true' issueTitle="越库" subTitle='入库' restTiltle='关闭' @reset='rest'
|
@submit='submit' @issue="init"/>
|
</view>
|
</view></template>
|
|
<script>
|
import ButtonModal from '../../components/buttonModal.vue'
|
import ModalCode from '../../components/ModalCode.vue'
|
import { getDate } from '../../utils/dateTime.js'
|
import {getYKDetailsForMaterGroup} from '../../api/putIn/artificial.js'
|
|
export default {
|
data() {
|
return {
|
containerVisible: false,
|
containerList: [],
|
renameFocus: true,
|
detailshow: false,
|
rescode: 0,
|
resmessage: "",
|
modalshow: true,
|
arr: [],
|
materlist: {}, //物料详情数据
|
warehouse: {
|
containerCode: '',
|
},
|
activeIndex: 100,
|
detailable: false,
|
materialCode: '', //物料编号
|
warehouseRules: {
|
containerCode: [{
|
required: true,
|
message: '容器编号不能为空',
|
trigger: 'blur'
|
}]
|
},
|
options: [{
|
text: '详情',
|
style: {
|
backgroundColor: '#fc9f35'
|
}
|
}],
|
operator: '',
|
Datetime: getDate(),
|
addForm: { //打印记录
|
code: '',
|
name: '',
|
batchNo: '',
|
specificationModel: ''
|
},
|
arrPt:[],
|
ermNum:'',
|
singlist: [
|
// {
|
// 'checked':false,
|
// 'wareMaterialCode':12333
|
// },
|
// {
|
// 'checked':false,
|
// 'wareMaterialCode':'dddd'
|
// },
|
],
|
wolist: [],
|
mtHeight: 'auto',
|
arrIds:[]
|
|
};
|
},
|
components: {
|
ButtonModal,
|
ModalCode
|
},
|
props: {
|
datapick: {
|
type: Array,
|
default: [],
|
},
|
pageNum:{
|
type: Number,
|
default: 0
|
},
|
dataYkList:{
|
type: Array,
|
default: [],
|
},
|
},
|
onReady() {
|
},
|
mounted() {
|
this.singlist = this.dataYkList
|
// this.operator = JSON.parse(uni.getStorageSync('userInfo')).name
|
// this.getYKDetailsForMaterGroup();
|
},
|
methods: {
|
getYKDetailsForMaterGroup() {
|
if(this.datapick && this.datapick.length<=0){
|
this.singlist = []
|
return
|
}
|
getYKDetailsForMaterGroup({
|
'WareMaterialCode':this.datapick.join(',')
|
}).then((res) => {
|
if (res.code == 200) {
|
res.data.forEach((item)=>{
|
item.checked = false
|
})
|
this.singlist = res.data || []
|
} else {
|
this.$refs.resmodal.show = true
|
}
|
})
|
},
|
|
//返回
|
rest() {
|
this.singlist = [];
|
this.$emit('confirmrecord', {});
|
},
|
init() {
|
this.singlist.forEach((item)=>{
|
if(item.checked){
|
this.arrIds.push(item.wareMaterialCode)
|
}
|
})
|
if(this.arrIds.length<=0){
|
return
|
}
|
console.log("33333333333333")
|
console.log(this.arrIds)
|
uni.navigateTo({
|
url: "/pages/crossDock/crossDock?ids=" + [...new Set(this.arrIds)].join(','),
|
});
|
|
// uni.showModal({
|
// title: "提示",
|
// content: "是否确认越库？",
|
// showCancel: true,
|
// cancelColor: "#333333",
|
// success: (res) => {
|
// if (res.confirm) {
|
|
// } else if (res.cancel) {
|
// }
|
// },
|
// });
|
},
|
//选择 容器
|
confirm(e) {
|
e.checked = !e.checked
|
},
|
//确认
|
submit() {
|
this.$emit('confirmAdd', 1);
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.itemTap{
|
padding: 10px;
|
}
|
.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;
|
}
|
}
|
|
.bg_item {
|
padding-top: 5px;
|
background: #F2F2F2 !important;
|
height: 100%;
|
}
|
|
.wpPrint {
|
height: calc(100vh);
|
overflow-y: auto;
|
padding-bottom: 85px;
|
.txt10 {
|
line-height: 45px;
|
}
|
}
|
|
.succeicon {
|
background-image: url("@/static/modal/success.png");
|
background-size: cover;
|
}
|
</style>
|
|
|
<style lang="scss">
|
.activeBtn{
|
background-color: #f18202;
|
color: white !important;
|
}
|
.myFormItem {
|
font-size: 32rpx;
|
font-weight: bold;
|
padding: 0;
|
}
|
|
.myInp {
|
font-weight: bolder;
|
margin-left: 30rpx;
|
margin-top: 16rpx;
|
}
|
|
/deep/.u-drawer__scroll-view {
|
border-top: 5px solid #d6d6d6;
|
}
|
.wolistWp{
|
z-index: 999;
|
// height: 45vh;
|
padding-top: 10px;
|
padding-bottom: 20px;
|
border-top: 1px solid gray;
|
// border-bottom: 1px solid gray;
|
overflow: auto;
|
text-align: left;
|
view{
|
display: inline-block;
|
border-radius: 3px;
|
border: 1px solid orange;
|
width: 40%;
|
text-align: center;
|
min-width: 80px;
|
padding: 5px ;
|
margin: 8px 3%;
|
color: #f18202;
|
text{
|
}
|
}
|
}
|
|
</style>
|
