root
/
cy_pda
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

其他入库样式

Browse Source
master
Mr.sun 2 years ago
parent ed41117c7c
commit e8eec43181
5 changed files with 808 additions and 6 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      pages/AvgOrderPkg/index.vue
  2. 359
      pages/AvgOrderPkg/index222.vue
  3. 4
      pages/payInto/index.scss
  4. 52
      pages/payInto/index.vue
  5. 397
      pages/payInto/indexyuan.vue

2
pages/AvgOrderPkg/index.vue
Unescape View File

@ -48,7 +48,7 @@
</view> -->
<u-card :title="title" :thumb="thumb" :show-foot="false" :sub-title="subTitle" >
<u-card :thumb="thumb" :show-foot="false" >
<view class="" slot="body">
<!-- <view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>

359
pages/AvgOrderPkg/index222.vue
Unescape View File

@ -0,0 +1,359 @@
<template>
<view class="sh-content">
<view class="sh-search">
<u-form labelPosition="left" :model="dataForm" class="sh-form">
<u-form-item prop="barCode">
<u-input v-model="dataForm.containerCode" border input-align="left" height="70" style="background-color: #ffffff;height: 38px;line-height: 38px;" placeholder="请扫描台车编号"
@confirm="inputQuery()" :focus="firstFocus">
</u-input>
</u-form-item>
</u-form>
</view>
<!-- <view class="" style="font-size: 36px;margin: 20rpx 20rpx 20rpx 20rpx;">
<text>{{dataForm.containerCode1}}</text>
</view> -->
<view class='recommend'>
<text class='recommend-title'>待出库物料信息</text>
</view>
<!-- {{dataList}} -->
<view class="all-card">
<!-- class="sh-card" -->
<view v-for="(item, index) in dataList" :keys="item.id" :index="item.id" v-if="dataList.length > 0"
style="border-radius: 20rpx;">
<!--<view class="sh-card-title" style="border-radius: 20rpx;">
<image src="@/static/icon/edit.png" @click="editBtn(index)" style="width: 2.5vh;height: 2.5vh;position: absolute;right: 1vh;margin-top: 1vh;" />
<view class="card-content">
<view class="card-content-item" width="60%" style="margin-top: 1vh;">
<text class="item-title" >物料编号:</text>
<text class="item-value">{{item.goodNo}}</text>
</view>
</view>
<view class="card-content">
<view class="card-content-item">
<text class="item-title">物料信息:</text>
<text class="item-value">{{item.goodName}}--{{item.specifications}}</text>
</view>
</view>
<view class="card-content">
<view class="card-content-item">
<text class="item-title">缴库数量:</text>
<text class="item-value">{{item.qty}}</text>
</view>
</view>
</view> -->
<u-card :title="title" :thumb="thumb" :show-foot="false" :sub-title="subTitle" >
<view class="" slot="body">
<!-- <view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
</view> -->
</view>
<view class="" slot="foot"><u-icon name="chat-fill" size="34" color="" label="30评论"></u-icon></view>
</u-card>
<u-popup v-model="show" width='90%' height="220px" :mask-close-able="false" :mask="true" @close="close" mode="center">
<view style="height: 44px;text-align: center;line-height: 44px;font-size: 18px;margin-bottom: 18px;">
<text>数量确认</text>
</view>
<view style="width: 100%;display: flex;align-items: baseline;">
<text style="margin: 0px 20px 0px;">缴库数量:</text> <input v-model="item.qty" style="border:1px solid #000;padding-right: 20px;"></u-input>
</view>
<view style="width: 100%; display: flex;margin-top: 40px;font-size: 14px;">
<button style="width: 30%; font-size: 16px;line-height: 44px;" class="btn1" type="default" @click="noEnter()">取消</button>
<button style="width: 30%;font-size: 16px;line-height: 44px;;" type="default" @click="enterUp(item)">确认</button>
</view>
</u-popup>
</view>
</view>
<!-- <view class="loadmore-data">
<u-loadmore :status="loadStatus"></u-loadmore>
</view> -->
<!-- <button @click="open">测试</button> -->
<view class="bottom">
<button @click="pickUp()" >完成出库</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
show:false,
showDiv:false,
focusFlag:true,
queryFlag: '',
thumb:'@/static/icon/edit.png',
dataForm: {
containerCode: null,
keywords: "",
pageNum: 1,
pageSize: 10
},
pickUpObj:{
pointNo:'',
taskCode:'',
taskId:'',
containerId:'',
dtlAddBos:[]
},
dataList: [
{
"id": 3,
"orderNo": "FL20240306002",
"waveCode": "BC120240300606",
"lineId": 0,
"goodId": 14,
"locationId": 172,
"qty": 10.0000,
"packageId": 14,
"taskType": "1",
"sourceOrderNo": "FL20240306002",
"sourceLineId": "",
"upperOrderNo": "FL20240306002",
"goodNo": "L010002",
"locationCode": "20-18-0",
"specifications": "件",
"containerCode": "P10000002",
"goodName": "铝合金规格2",
"batchNo": "07144961"
}
],
query: {
current: 1,
size: 20
},
isActive:0,
loadStatus: 'loadmore',
dicOptions: [],
timer:0,
//模拟数据列表
datalist3: [],
//模拟初始数据
tval3: "myvalue1",
firstFocus:false
}
},
onLoad() {
this.loadList();
// this.$u.api.waitOutPlan(this.dataForm).then(res=>console.log(
// this.dataList=res.rows
// ))
// uni.setNavigationBarTitle({
// title:this.$i18nMsg().nav.outStore
// })
// this.$u.api.mouldStorage.queryMouldStorage({pageNum: 1,pageSize:9999,type:'out'}).then(res=>{
// console.log(res);
// })
},
//上拉刷新(当数据距离底部100时触发，距离在pages.json配置)
onReachBottom() {
this.loadStatus = "loading";
setTimeout(() => {
this.dataForm.pageNum += 1;
this.loadList();
}, 100);
},
onPullDownRefresh () {
this.list = []
//调用获取数据方法
this.getData()
setTimeout(() => {
// onLoad()
// this.$u.api.waitOutPlan(this.dataForm).then(res=>this.dataList=res.rows)}
// console.log(111);
//结束下拉刷新
uni.stopPullDownRefresh ();
}, 800);
},
onReady() {
},
methods: {
getData(){
this.$u.api.waitOutPlan(this.dataForm).then(res=>console.log(
this.dataList=res.rows
))
},
//点击变色
btn(index,item){
this.pickUpObj.dtlAddBos=[]
this.isActive = index
this.pickUpObj.pointNo=item.endLocation
this.pickUpObj.taskCode=item.taskCode
this.pickUpObj.taskId=item.taskId
this.pickUpObj.taskType=item.taskType
this.pickUpObj.containerId=item.containerId
this.pickUpObj.dtlAddBos.push({qrCode:item.qrCode} )
},
editBtn(){
this.show=true
},
queryList(index,item){
console.log(index,item);
this.dataForm.containerCode=item.containerCode
},
enterUp(item){
console.log(item);
this.show=false
// this.$u.api.replaceCar.upateBusinItemInDataForQty(item).then(res=>{
// console.log(res);
// })
},
/**搜索框查询*/
inputQuery() {
// if (this.queryFlag !== '') {
// clearTimeout(this.queryFlag);
// this.loadList()
// }
if (this.dataForm.containerCode == '' || this.dataForm.containerCode == null || this.dataForm.containerCode ==
undefined) {
return
}
// this.queryFlag = setTimeout(() => {
this.loadList()
// }, 500)
},
onNavigationBarButtonTap(e){
// console.log(e);
this.$u.route({
url: 'pages/BusinPickup/index2',
type: 'navigateTo',
})
},
close(){
},
noEnter(){
this.show=false
},
loadList() {
//防抖
clearInterval(this.timer)
// console.log(this.dataForm);
this.timer =setTimeout(()=>{
//节流
let flag = true
if(flag===false) return
if (this.dataForm.containerCode == '' || this.dataForm.containerCode == null || this.dataForm.containerCode ==
undefined) {
return
}
flag=false
setTimeout(()=>{
flag = true
this.firstFocus=false
this.$u.api.pickBy.pickByContainerCode(this.dataForm).then(res=>{
if(!res.data || res.data.length == 0){
// console.log(res);
this.$u.toast("当前托盘不存在");
}else if(res.code == '200'){
// console.log(res);
res.data.forEach((item)=>{
item.containerId=item.id
})
this.dataList=res.data
setTimeout(()=>{
this.dataForm.containerCode=this.dataForm.containerCode
// this.dataForm.containerTypeLabel=this.dataForm.containerCode
// this.dataForm.containerCode=''
},0)
this.$nextTick(()=>{
this.firstFocus = true
})
}
})
}
,500)
},400)
},
pickUp(){
if(this.dataForm.containerCode == null
|| this.dataForm.containerCode === ''
|| this.dataForm.containerCode === 0
|| this.dataForm.containerCode === undefined
|| this.dataForm.containerCode ==='undefined'){
this.$u.toast("请扫描台车编号");
return;
}
var obj ={
containerCode:'',
detailBoList:[]
}
obj.containerCode=this.dataForm.containerCode
this.dataList.forEach(item=>{
obj.detailBoList.push(
{
id:item.id,
qty:item.qty
})
})
// console.log(obj);
this.$u.api.pickBy.pickAGV(obj).then(res=>{
obj={}
this.dataList=[]
this.dataForm.containerCode=''
})
},
// 下一个界面
enterNext(item,index){
this.$u.route({
url: 'pages/BusinPickup/index1',
type: 'navigateTo',
params:{
containerCode:item.containerCode
}
})
},
// 任务查看
searchClick() {
this.dataList = [];
this.dataForm.pageNum = 1;
this.loadList();
},
},
filters: {
formatType(value) {
switch (Number(value)) {
case 0:
return "type1";
case 1:
return "type2";
case 2:
return "type3";
default:
return "";
}
}}
}
</script>
<style lang="scss">
@import "index.scss";
.footer {
display: flex;
padding: 20rpx 0;
}
</style>

4
pages/payInto/index.scss
Unescape View File

@ -61,7 +61,7 @@
.sh-card {
// margin-top: 30rpx;
// padding: 20rpx 0rpx;
border: 0.5px solid #bdc3c7;
// border: 0.5px solid #bdc3c7;
border-radius: 20rpx;
line-height: 50rpx;
width: 90%;
@ -72,7 +72,7 @@
display: flex;
flex-direction: column;
padding: 0 20px;
background-color: #f2f2f2;
// background-color: #f2f2f2;
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
.sh-button{

52
pages/payInto/index.vue
Unescape View File

@ -39,7 +39,7 @@
<view class="sh-card" v-for="(item, index) in dataList" :keys="item.id" :index="item.id" v-if="dataList.length > 0"
style="border-radius: 20rpx; margin-bottom: 2vh;">
<view class="sh-card-title" style="border-radius: 20rpx;">
<!-- <view class="sh-card-title" style="border-radius: 20rpx;">
<image src="@/static/icon/error.png" @click="delBtn(index)"
style="width: 3vh;height: 3vh;position: absolute;right: 0.5vh;top:0.5vh" />
<view class="card-content" style="margin-top: 12px;">
@ -71,8 +71,54 @@
</view>
</view>
</view>
</view> -->
<u-card :show-foot="false" >
<view class="" slot="body">
<!-- <view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
</view> -->
<view class="sh-card-title" style="border-radius: 20rpx;">
<image src="@/static/icon/error.png" @click="delBtn(index)" style="width: 2.5vh;height: 2.5vh;position: absolute;right: 1vh;margin-top: -6vh;" />
<view class="card-content" style="margin-top: 12px;">
<view class="card-content-item" width="60%">
<text class="item-title" >物料编号:</text>
<text class="item-value">{{item.rerpPart}}</text>
</view>
</view>
<view class="card-content">
<view class="card-content-item">
<text class="item-title">物料信息:</text>
<text class="item-value">{{item.ptName}}{{item.ptDesc?item.ptDesc:item.ptDesc}}</text>
</view>
</view>
<view class="card-content">
<view class="card-content-item">
<text class="item-title">台车编号:</text>
<text class="item-value">{{item.containerCode}}</text>
</view>
</view>
<view class="card-content"style="margin-bottom: 12px;">
<view class="card-content-item">
<text class="item-title">缴库数量:</text>
<text class="item-value">{{item.rerpQty}}</text>
</view>
</view>
</view>
</view>
<view class="" slot="foot"><u-icon name="chat-fill" size="34" color="" label="30评论"></u-icon></view>
</u-card>
</view>
<!-- </view>
</view> -->
</view>
<!-- direction="bottom" -->

397
pages/payInto/indexyuan.vue
Unescape View File

@ -0,0 +1,397 @@
<template>
<view class="sh-content">
<view class="sh-search">
<u-form labelPosition="left" :model="dataForm" class="sh-form">
<view style="display: flex;line-height:5vh;margin-bottom: 2vh;">
<text style="font-size: 34rpx;">台车编号:</text><input style="width: 72%; text-align: left;padding-left: 15rpx;" class="barNo"
v-model="dataForm.containerCode" @confirm="inputQuery()" :focus="firstFocus" ref="input"
type="text" placeholder="请扫描台车编号" :border="true" />
</view>
<view style="display: flex;line-height: 65rpx;" >
<text style="font-size: 34rpx;margin-top: 3px;">选择物料:</text>
<select-lay :options="datalist1" style="width: 78%;padding-left: 1vh; "
smoldName="ptName" slabel="ptDesc" smodel="ptName" name="name3" svalue="id" @selectitem="queryList"
:value="dataForm.ptName" placeholder="请选择物料编码"> </select-lay>
</view>
<view style="display: flex;line-height: 5vh; margin-top: 2.5vh;" >
<text style="font-size: 34rpx;">入库数量:</text><input style="width: 72%; text-align: left;padding-left: 15rpx;" v-model="dataForm.rerpQty"
class="barNo" type="text" placeholder="请输入入库数量" :border="true" />
</view>
<u-button @click="handleAdd()" style="width: 75%;height:5vh;margin-left:11vh; margin-top: 2.5vh;
;color: black;background-color: #fafafa;">加入列表</u-button>
<!-- background-color: rgb(31, 163, 219) -->
</u-form>
<!-- @input="inputQuery()" -->
</view>
<view class='recommend'>
<text class='recommend-title'>物料信息</text>
</view>
<!-- {{dataList}} -->
<view class="all-card">
<view class="sh-card" v-for="(item, index) in dataList" :keys="item.id" :index="item.id" v-if="dataList.length > 0"
style="border-radius: 20rpx; margin-bottom: 2vh;">
<!-- <view class="sh-card-title" style="border-radius: 20rpx;">
<image src="@/static/icon/error.png" @click="delBtn(index)"
style="width: 3vh;height: 3vh;position: absolute;right: 0.5vh;top:0.5vh" />
<view class="card-content" style="margin-top: 12px;">
<view class="card-content-item" width="60%">
<text class="item-title" >物料编号:</text>
<text class="item-value">{{item.rerpPart}}</text>
</view>
</view>
<view class="card-content">
<view class="card-content-item">
<text class="item-title">物料信息:</text>
<text class="item-value">{{item.ptName}}{{item.ptDesc?item.ptDesc:item.ptDesc}}</text>
</view>
</view>
<view class="card-content">
<view class="card-content-item">
<text class="item-title">台车编号:</text>
<text class="item-value">{{item.containerCode}}</text>
</view>
</view>
<view class="card-content"style="margin-bottom: 12px;">
<view class="card-content-item">
<text class="item-title">缴库数量:</text>
<text class="item-value">{{item.rerpQty}}</text>
</view>
</view>
</view> -->
</view>
</view>
<!-- direction="bottom" -->
<view class="fixed-area" >
<!-- 这个区域一直固定在底部 -->
<view class="bottom">
<u-modal v-model="show" @confirm="confirm" :show-cancel-button="true"
:content="content" ref="uModal" :async-close="true"></u-modal>
<button width="70%" @click="enterInstore()" type="primary" style="background-color: #19be6b;">确认入库</button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
showDiv:false,
checkFlag:false,
queryFlag: '',
dataForm: {
// pageNum: 1,
// pageSize: 10,
ptPart:''
},
dataList: [
{
rerpPart:'222222',
ptName:'ptName',
containerCode:'11111',
rerpQty:'15'
},
{
rerpPart:'222222',
ptName:'ptName',
containerCode:'11111',
rerpQty:'15'
},
{
rerpPart:'222222',
ptName:'ptName',
containerCode:'11111',
rerpQty:'15'
}
],
datalist1:[],
query: {
current: 1,
size: 20
},
containerCode:'',
//入库数量
rerpQty:'',
loadStatus: 'loadmore',
dicOptions: [],
pickUpObj:{
isCall:'',
containerCode:'',
moldBarcodeList:[],
},
timer:0,
moldBarcodeList:[],
show: false,
content: '',
isChecked: false,
firstFocus:false
}
},
onReady() {
// const setTitleText = (rightButton,width='auto') => {
// let pages = getCurrentPages();
// let page = pages[pages.length - 1];
// // #ifdef APP-PLUS
// let currentWebview = page.$getAppWebview();
// let titleObj = currentWebview.getStyle().titleNView;
// if (!titleObj.buttons) {
// return;
// }
// titleObj.buttons[0].text = rightButton;
// if (rightButton) {
// titleObj.buttons[0].width = width;
// }else{
// titleObj.buttons[0].width = 0;
// }
// //修改文字
// currentWebview.setStyle({
// titleNView: '你好'
// });
// // #endif
},
onLoad(options) {
// console.log(this.$u.api.getItemInInfoByContainerType());
// this.$u.api.getItemDataInfo().then(res=>{
// console.log(res);
// this.datalist=res.data
// })
},
//上拉刷新(当数据距离底部100时触发，距离在pages.json配置)
onReachBottom() {
this.loadStatus = "loading";
setTimeout(() => {
this.dataForm.pageNum += 1;
// this.loadList();
}, 100);
},
onPullDownRefresh () {
this.list = []
//调用获取数据方法
// this.getData()
setTimeout(() => {
//结束下拉刷新
uni.stopPullDownRefresh ();
}, 1000);
},
methods: {
//下拉框
queryList(index,item){
// console.log(item.ptPart);
this.dataForm.ptPart=item.ptPart
this.dataForm.ptName=item.ptName
this.dataForm.ptDesc=item.ptDesc
},
checkboxChange(){
this.checkFlag=!this.checkFlag
this.pickUpObj.isCall=(this.checkFlag?1:-1)
},
handleContainCode(){
},
/**搜索框查询*/
inputQuery() {
if (this.dataForm.containerCode == '' || this.dataForm.containerCode == null || this.dataForm.containerCode ==
undefined ) {
// console.log(222);
return
}else{
this.handleContainerId()
}
},
//呼叫托盘
onNavigationBarButtonTap(e){
e.text=111
this.$u.api.mouldStorage.callEmptyContainer().then(res=>{
if(res.code==200){
this.$u.toast("已呼叫空托盘");
}
})
},
//删除单个
delBtn(index){
this.dataList.splice(index,1)
},
handleAdd(){
if(this.dataForm.containerCode == null
|| this.dataForm.containerCode === ''
|| this.dataForm.containerCode === 0
|| this.dataForm.containerCode === undefined
|| this.dataForm.containerCode ==='undefined'){
this.$u.toast("请扫描台车编号");
return;
} if(this.dataForm.ptName == null
|| this.dataForm.ptName === ''
|| this.dataForm.ptName === 0
|| this.dataForm.ptName === undefined
|| this.dataForm.ptName ==='undefined'){
this.$u.toast("请选择物料");
return;
}
if(this.dataForm.rerpQty == null
|| this.dataForm.rerpQty === ''
|| this.dataForm.rerpQty === 0
|| this.dataForm.rerpQty === undefined
|| this.dataForm.rerpQty ==='undefined'){
this.$u.toast("请输入入库数量");
return;
}
// let {ptPart }=this.dataForm
if(this.dataList.length>0){
let length=0
this.dataList.forEach(item=>{
if(item.rerpPart==this.dataForm.ptPart){
this.$u.toast("条码重复，请重新添加");
}else{
length++
}
})
if(length==this.dataList.length){
this.dataList.push({rerpPart:this.dataForm.ptPart,ptName:this.dataForm.ptName,ptDesc:this.dataForm.ptDesc,inType:'1', rerpQty:this.dataForm.rerpQty,containerCode:this.dataForm.containerCode})
}
}else{
this.dataList.push({rerpPart:this.dataForm.ptPart,ptName:this.dataForm.ptName,ptDesc:this.dataForm.ptDesc,inType:'1',rerpQty:this.dataForm.rerpQty,containerCode:this.dataForm.containerCode})
}
},
handleContainerId() {
// console.log(this.dataForm
//防抖
clearInterval(this.timer)
this.timer =setTimeout(()=>{
//节流
let flag = true
if(flag===false) return
flag=false
setTimeout(()=>{
flag = true
// let id=this.dataForm.containerId
this.$u.api.getItemInInfoByContainerType({containerCode:this.dataForm.containerCode}).then(res=>{
this.datalist1=res.data
})
flag=false
},500)
},400)
// console.log(this.$refs);
// this.$refs.input=''
},
//延时关闭
confirm() {
// this.pickUpObj.containerCode=this.containerCode
console.log(JSON.stringify(this.dataList));
setTimeout(() => {
this.$u.api.saveInPlanAndItemIn(this.dataList).then(res=>{
if(res.code=='200'){
// this.$u.toast("入库完成");
this.$u.toast("入库已完成，请重新扫描");
this.dataForm={},
this.dataList= [],
this.datalist1=[],
setTimeout(() => {
this.$router.go(0)
}, 500)
}
})
// setTimeout(()=>{
// this.$router.go(0)
// },800)
// 3秒后自动关闭
this.show = false;
},300)
},
//确认入库
enterInstore(){
if(this.dataList.length<3){
this.content='确定要入库吗'
this.show = true;
}else{
this.pickUpObj.containerCode=this.containerCode
setTimeout(()=>{
this.$u.api.saveInPlanAndItemIn(this.dataList).then(res=>{
if(res.code=='200'){
this.$u.toast("入库已完成，请重新扫描");
this.dataForm={},
this.dataList= [],
this.datalist1=[],
setTimeout(() => {
this.$router.go(0)
}, 500)
}
})
},100)
}
},
//异常
abnormal(){
},
// 任务查看
searchClick() {
// this.$u.route({
// url: 'pages/onShelf/taskView',
// type: 'navigateTo'
// })
this.dataList = [];
this.dataForm.pageNum = 1;
this.loadList();
},
},
filters: {
formatType(value) {
switch (Number(value)) {
case 0:
return "type1";
case 1:
return "type2";
case 2:
return "type3";
default:
return "";
}
}}
}
</script>
<style lang="scss">
@import "index.scss";
.footer {
display: flex;
padding: 20rpx 0;
}
</style>
Write Preview
Loading…
Cancel
Save