<template>
|
<view class="page">
|
<view class="packing-registration-bg"/>
|
<u-navbar title="包装登记" :background="background" :border-bottom="false" :title-bold="true" title-color="#000" back-icon-color="#000"/>
|
<view class="packing-registration-param">
|
<view class="packing-registration-param-view">
|
<view class="packing-registration-param-item param-extra">
|
<view class="packing-registration-param-item-left">
|
<text class="item-one">包装人</text>
|
</view>
|
<view>
|
<text class="item-one" @click="showPackerName = true">{{registerInfo.packerNames}}</text>
|
</view>
|
<view class="packing-registration-param-item-right" >
|
<text class="item-one item-two" @click="seachPersonnelNo()">请选择</text>
|
<u-icon name="arrow-right" color="#687792" size="28" @click="seachPersonnelNo()"></u-icon>
|
</view>
|
</view>
|
<view class="packing-registration-param-item param-extra">
|
<view class="packing-registration-param-item-left">
|
<text class="item-one">工号</text>
|
</view>
|
<view class="packing-registration-param-item-right" >
|
<text class="item-one item-two" @click="showPackerName = true">{{registerInfo.packerNos}}</text>
|
</view>
|
</view>
|
<view class="packing-registration-param-item param-extra">
|
<view class="packing-registration-param-item-left">
|
<text class="item-one">班次</text>
|
</view>
|
<view class="packing-registration-param-item-right" >
|
<picker class="item-one item-two" @change="shiftNumBindChange($event,shiftList)" :value="shiftNumIndex" :range="shiftList"
|
range-key="value">
|
<view>
|
<text>{{shiftNumIndex==null ? "请选择":shiftList[shiftNumIndex].value}}</text>
|
</view>
|
</picker>
|
<u-icon name="arrow-right" color="#687792" size="28"></u-icon>
|
</view>
|
</view>
|
<view class="packing-registration-param-item param-extra">
|
<view class="packing-registration-param-item-left">
|
<text class="item-one">包装日期</text>
|
</view>
|
<view class="packing-registration-param-item-right"@click="openDatePicker()">
|
<text class="item-one item-two" >{{registerInfo.packageDate=='' ? "请选择":registerInfo.packageDate}}</text>
|
<u-icon name="arrow-right" color="#687792" size="28"></u-icon>
|
<u-calendar v-model="showPackageDatePicker" mode="date" @change="choseDate" max-date="2030-12-31" :mask-close-able="true"></u-calendar>
|
</view>
|
</view>
|
<view class="packing-registration-param-item param-extra">
|
<view class="packing-registration-param-item-left">
|
<text class="item-one">包装库位</text>
|
</view>
|
<view class="packing-registration-param-item-right" >
|
<picker class="item-one item-two" @change="locNoNumBindChange($event,locNoList)" :value="locNoNumIndex" :range="locNoList"
|
range-key="value">
|
<view>
|
<text>{{locNoNumIndex==null ? "请选择":locNoList[locNoNumIndex].value}}</text>
|
</view>
|
</picker>
|
<u-icon name="arrow-right" color="#687792" size="28"></u-icon>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="wrap">
|
<u-popup v-model="showPackerName" mode="center" :closeable="true" class="packer-popup">
|
<view>
|
<view style="height:800rpx; width: 600rpx; padding: 60rpx 40rpx 40rpx 40rpx;">
|
<view style="padding-top: 20rpx;">
|
<view v-for="(item,index) in staffNameList" :key="item.staffNo" class="packer-namelist">
|
<view class="popup-row">
|
<view style="display: flex;align-items: flex-start;">
|
<view style="font-size: 30rpx;">{{item.staffNo}}</view>
|
<view style="font-size: 30rpx;margin-left: 14rpx;">{{item.staffName}}</view>
|
</view>
|
<view style="color: red; font-size: 30rpx;" @click="del(index)">删除</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</u-popup>
|
<view style="padding:0rpx 30rpx;margin-bottom:30rpx;height: 26rpx;line-height: 26rpx;font-size:28rpx;color:#6D82A1;">
|
<view>包装列表</view>
|
</view>
|
<scroll-view class="packing-registration-scroll-list" scroll-y="true">
|
<u-cell-group class="packing-registration-scroll-list-group" :border="false">
|
<div class="tip" style="text-align: center;" v-if="hasScanSnList.length==0">-请扫码-</div>
|
<view class="content" v-for="(x, index) in hasScanSnList" :key="index" :index="index">
|
<view class="row-list">
|
<view class="row-list-left">
|
<view class="num-icon" style="color: #fff;">{{index+1}}</view>
|
<view style="margin-left: 30rpx;">{{x}}</view>
|
</view>
|
<view class="row-list-right" @click="goMinus(index,x)">
|
<view class="del-icon"></view>
|
<view style="margin-left: 14rpx;">删除</view>
|
</view>
|
</view>
|
</view>
|
</u-cell-group>
|
</scroll-view>
|
<view class="registration-form-footer">
|
<u-button class="btn" type="primary" @click="goSubmit">提交</u-button>
|
</view>
|
<scan></scan>
|
<u-modal v-model="showConfirm" :content="delContent" @confirm="confirm" :show-cancel-button="true"/>
|
|
</view>
|
</view>
|
</template>
|
<script>
|
import scan from "@/components/scan/scan.vue";
|
import content_bg from '@/static/custom/packing/backBg.png'
|
export default {
|
components: { scan },
|
data() {
|
return {
|
background:{
|
backgroundImage: `url(${content_bg})`,
|
backgroundAttachment: 'fixed',
|
backgroundSize: '100% auto',
|
backgroundRepeat: 'no-repeat',
|
},
|
labelStyle:{
|
fontSize:'32rpx',
|
whiteSpace:'nowrap'
|
},
|
registerInfo:{
|
partBatchNo:'',
|
packageDate:'',
|
shiftId:'',
|
shiftName:'',
|
locNo:'',
|
packerName:'',
|
packerNo:'',
|
packerNos:'',
|
packerNames:''
|
},
|
hasScanSnList:[],
|
shiftList:[],
|
shiftNumIndex:null,
|
showPackageDatePicker:false,
|
params:{year: true,
|
month: true,
|
day: true,
|
},
|
locNoList:[],
|
locNoNumIndex:null,
|
delIndex:null,
|
delContent:null,
|
showConfirm:false,
|
staffList:[],
|
showPackerName:false,
|
PackerNameList:[],
|
staffNameList:[]
|
};
|
},
|
onLoad(option) {
|
//TODO
|
// this.getCurrDate()
|
},
|
onShow() {
|
|
let that = this
|
|
uni.$off('scan') // 每次进来先 移除全局自定义事件监听器
|
uni.$on('scan', function(data) {
|
console.log('onscan');
|
//扫码成功后的回调，你可以写自己的逻辑代码在这里
|
console.log('扫码结果：', data.code);
|
that.scanHandle(data.code)
|
that.$forceUpdate();
|
|
})
|
},
|
onNavigationBarButtonTap(){
|
this.goScan()
|
},
|
onReady() {
|
this.loadShiftList()
|
this.loadLocNoList()
|
this.loadUserInfo()
|
},
|
methods: {
|
//人员
|
seachPersonnelNo() {
|
uni.navigateTo({
|
url: '/pages/wareHouse/packing/personnelList'
|
})
|
},
|
setNo(ids) {
|
ids.forEach((item) => {
|
this.PackerNameList.push({
|
staffName:item.split(',')[1],
|
staffNo:item.split(',')[2],
|
id:Number(item.split(',')[0])
|
})
|
})
|
|
this.staffNameList = []
|
for (let i = 0; i < this.PackerNameList.length; i++) {
|
if (!this.staffNameList.some(e => e.id == this.PackerNameList[i].id)) this.staffNameList.push(this.PackerNameList[i]);
|
}
|
this.PackerNameList = this.staffNameList
|
this.registerInfo.packerNames = this.registerInfo.packerName + `等${this.staffNameList.length}人`
|
this.registerInfo.packerNos = this.registerInfo.packerNo + `等${this.staffNameList.length}人`
|
console.log(this.staffNameList);
|
},
|
del(index) {
|
this.staffNameList.splice(index,1)
|
this.registerInfo.packerNames = this.registerInfo.packerName + `等${this.staffNameList.length}人`
|
this.registerInfo.packerNos = this.registerInfo.packerNo + `等${this.staffNameList.length}人`
|
if (this.staffNameList.length < 1) {
|
this.registerInfo.packerNames = this.registerInfo.packerName
|
this.registerInfo.packerNos = this.registerInfo.packerNo
|
}
|
console.log(this.staffNameList);
|
},
|
goScan(){
|
uni.scanCode({
|
scanType: ['qrCode'],
|
success: res => {
|
try {
|
console.log('扫码结果：', res);
|
this.scanHandle(res.result)
|
} catch (e) {}
|
}
|
});
|
},
|
scanHandle(scanresult){
|
scanresult = scanresult.replace(/[\r\n]/g, "")
|
if (scanresult.indexOf('{')>-1) {
|
//二维码
|
const result = JSON.parse(scanresult)
|
//增加SN校验
|
if(result.sn_no && result.sn_no!=null && result.sn_no!=''){
|
if(this.hasScanSnList.length>0){
|
let hasScanSnIndex=this.hasScanSnList.indexOf(result.sn_no)
|
if(hasScanSnIndex<0){
|
this.hasScanSnList.push(result.sn_no)
|
}else{
|
this.$u.toast('请勿重复扫描')
|
}
|
}else{
|
this.hasScanSnList.push(result.sn_no)
|
}
|
}
|
|
} else {
|
//增加SN校验
|
if(this.hasScanSnList.length>0){
|
let hasScanSnIndex=this.hasScanSnList.indexOf(scanresult)
|
if(hasScanSnIndex<0){
|
this.hasScanSnList.push(scanresult)
|
}else{
|
this.$u.toast('请勿重复扫描')
|
}
|
}else{
|
this.hasScanSnList.push(scanresult)
|
}
|
}
|
},
|
confirm(){
|
this.hasScanSnList.splice(this.delIndex, 1)
|
},
|
goMinus(i,item){
|
this.delContent='确认删除SN号：'+item
|
this.delIndex=i
|
this.showConfirm=true
|
|
},
|
goSubmit() {
|
if(this.registerInfo.shiftId==null || this.registerInfo.shiftId==''){
|
this.$u.toast('请选择班次')
|
return
|
}
|
if(this.registerInfo.packageDate==null || this.registerInfo.packageDate==''){
|
this.$u.toast('请选择日期')
|
return
|
}
|
if(this.registerInfo.locNo==null || this.registerInfo.locNo==''){
|
this.$u.toast('请选择包装库位')
|
return
|
}
|
if(this.hasScanSnList.length==0){
|
this.$u.toast('无待提交的SN号明细')
|
return
|
}
|
let registrList=[]
|
this.staffList = []
|
this.staffNameList.forEach((item) => {
|
this.staffList.push(
|
{
|
staffId: item.id
|
}
|
)
|
})
|
this.hasScanSnList.forEach((item)=>{
|
registrList.push({
|
shiftId:this.registerInfo.shiftId,
|
packageDate:this.registerInfo.packageDate,
|
locNo:this.registerInfo.locNo,
|
partBatchNo:item,
|
staffList:this.staffList
|
})
|
})
|
/*uni.showLoading({
|
title: '正在提交...',
|
mask: true
|
}); */
|
this.$u.api.pigxPacking.addPackageRegister(registrList).then(res => {
|
let resData=res.data
|
this.hasScanSnList=[]
|
//uni.hideLoading();
|
this.$u.toast('提交成功')
|
}).catch((e) => {
|
//uni.hideLoading();
|
})
|
|
},
|
loadShiftList(){
|
this.shiftList=[]
|
this.$u.api.pigxPacking.getShiftList({current:1,size:10}).then(res => {
|
let shiftList=res.data.records
|
if (shiftList.length > 0) {
|
shiftList.map((item, index) => {
|
let shift = {
|
label: item.id,
|
value: item.name
|
}
|
this.shiftList.push(shift)
|
});
|
}
|
})
|
},
|
loadLocNoList(){
|
this.locNoList=[]
|
this.$u.api.dictData({dictType:'package_loc_no'}).then(res => {
|
let locNoList=res.data
|
if (locNoList.length > 0) {
|
locNoList.map((item, index) => {
|
let locNo = {
|
label: item.value,
|
value: item.label
|
}
|
this.locNoList.push(locNo)
|
});
|
}
|
})
|
},
|
locNoNumBindChange(e,storage){
|
if (storage.length <= 0) {
|
this.locNoNumIndex = null
|
return
|
}
|
this.locNoNumIndex = e.target.value
|
this.registerInfo.locNo = storage[this.locNoNumIndex].label
|
console.log('locNoNumIndex',this.registerInfo.locNo)
|
},
|
loadUserInfo(){
|
this.registerInfo.packerName=''
|
this.registerInfo.packerNames=''
|
this.registerInfo.packerNo=''
|
this.registerInfo.packerNos=''
|
/*this.$u.api.pigxPacking.getCurrUser().then(res => {
|
let resData=res.data
|
this.registerInfo.packerName=resData.staffName
|
this.registerInfo.packerNames=resData.staffName
|
this.registerInfo.packerNo=resData.staffNo
|
this.registerInfo.packerNos=resData.staffNo
|
console.log(res);
|
}).catch((e) => {
|
|
})*/
|
},
|
openDatePicker(){
|
this.showPackageDatePicker=true
|
this.staffList = []
|
this.staffNameList.forEach((item) => {
|
this.staffList.push(
|
{
|
staffId: item.id
|
}
|
)
|
})
|
console.log(this.staffList);
|
},
|
choseDate(date){
|
this.registerInfo.packageDate = date.result
|
},
|
shiftNumBindChange(e,storage){
|
if (storage.length <= 0) {
|
this.shiftNumIndex = null
|
return
|
}
|
this.shiftNumIndex = e.target.value
|
this.registerInfo.shiftId = storage[this.shiftNumIndex].label
|
this.registerInfo.value = storage[this.shiftNumIndex].value
|
},
|
// getCurrDate(){
|
// let date = new Date()
|
// let year = date.getFullYear()
|
// let month = date.getMonth() + 1
|
// let day = date.getDate();
|
// month = (month > 9)?month:("0" + month)
|
// day = (day < 10)?("0" + day):day
|
// this.registerInfo.packageDate = year + "-" + month + "-" + day
|
// }
|
}
|
};
|
</script>
|
<style lang="scss" scoped>
|
.packing-registration-bg{
|
background-color: #F6F9FF;
|
background-image: url('~@/static/custom/packing/backBg.png');
|
// background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
|
padding: 0 20rpx;
|
background-attachment: fixed;
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
position: fixed;
|
top: 0;
|
bottom: 0;
|
width: 100%;
|
z-index: -1;
|
}
|
|
.packing-registration-param{
|
padding: 40rpx 30rpx 10rpx 30rpx;
|
.packing-registration-param-title{
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
margin-bottom: 30rpx;
|
.title-label{
|
margin-left: 14rpx;
|
font-size: 34rpx;
|
font-weight: bold;
|
color: #283E65;
|
}
|
}
|
.packing-registration-param-view{
|
height: 450rpx;
|
background-color: #fff;
|
border-radius: 10rpx;
|
padding:0rpx 23rpx;
|
margin-bottom: 30rpx;
|
.packing-registration-param-item{
|
height: 90rpx;
|
border: 1px solid #ADC8E4;
|
line-height: 90rpx;
|
display:flex;
|
justify-content: space-between;
|
border: none;
|
.packing-registration-param-item-left{
|
.item-one{
|
font-size: 30rpx;
|
color: #666666;
|
}
|
}
|
.packing-registration-param-item-right{
|
display:flex;
|
justify-content: space-between;
|
.item-one{
|
font-size: 30rpx;
|
color: #333333;
|
margin-right: 6rpx;
|
}
|
.item-two{
|
font-size: 30rpx;
|
color: #A6B4CC;
|
margin-right: 6rpx;
|
}
|
.item-three{
|
font-size: 30rpx;
|
color: #214DED;
|
margin-right: 6rpx;
|
}
|
}
|
}
|
.param-extra{
|
border-bottom: 1px solid #EDEDED;
|
}
|
}
|
}
|
.wrap .packing-registration-scroll-list{
|
height:calc(100vh - var(--window-top) - var(--window-bottom) - 824rpx);
|
width:100%;
|
}
|
.packing-registration-scroll-list-group{
|
::v-deep .u-cell-item-box {
|
background-color:rgba(250,252,255,0.36) !important;
|
padding:0rpx 30rpx ;
|
}
|
.content {
|
background-image: url('~@/static/custom/packing/row_bg.png');
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
height:89rpx;
|
width:691rpx;
|
font-size: 12px;
|
background-color: #FFFFFF;
|
box-sizing: border-box;
|
border-radius: 10rpx;
|
margin: 0rpx 0rpx 20rpx;
|
padding: 0rpx 50rpx 0rpx 32rpx;
|
box-shadow: none;
|
.row-list{
|
height: 100%;
|
display: flex;
|
justify-content: space-between;
|
align-items:center;
|
padding-top: 0rpx !important;
|
.row-list-left{
|
display: flex;
|
color: #333333;
|
.num-icon{
|
background-image: url('~@/static/custom/packing/num-bg.png');
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
height:38rpx;
|
width:38rpx;
|
text-align: center;
|
line-height: 38rpx;
|
}
|
}
|
.row-list-right{
|
display: flex;
|
color: #428BF7;
|
.del-icon{
|
background-image: url('~@/static/custom/packing/icon_dele.png');
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
height:30rpx;
|
width:28rpx;
|
}
|
}
|
}
|
}
|
}
|
.registration-form-footer{
|
display: flex;
|
margin-top: 10rpx;
|
margin-bottom: 10rpx;
|
margin-left: 20rpx;
|
margin-right: 20rpx;
|
padding-bottom: 14rpx;
|
.btn {
|
flex: 1;
|
margin: 10rpx;
|
background: #214DED;
|
box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(4,49,212,0.3);
|
font-weight: bold;
|
color: #FEFEFE;
|
font-family: PingFang SC;
|
}
|
}
|
|
.packer-popup{
|
::v-deep .u-mode-center-box{
|
border-radius: 30rpx;
|
}
|
.popup-row{
|
background-image: url('~@/static/custom/packing/row_bg.png');
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
height:89rpx;
|
width:520rpx;
|
display: flex;
|
justify-content: space-between;
|
padding-top:12rpx;
|
padding-left: 14rpx;
|
padding-right: 20rpx;
|
}
|
}
|
</style>
|
