parent
23b28f8321
commit
ddbc66d731
@ -0,0 +1,205 @@ |
|||||||
|
.sh-content { |
||||||
|
padding: 25rpx; |
||||||
|
background-color: #fff; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
font-family:test1-icon; |
||||||
|
.u-form-item { |
||||||
|
padding: 5rpx 0px; |
||||||
|
} |
||||||
|
.u-input__input { |
||||||
|
background-color: #ffffff; |
||||||
|
} |
||||||
|
.sh-search { |
||||||
|
display: flex; |
||||||
|
padding: 10rpx 30rpx; |
||||||
|
// background-color: #F2F2F2; |
||||||
|
|
||||||
|
.sh-form { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.sh-sub-search { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
padding: 15rpx 0 15rpx 15rpx; |
||||||
|
|
||||||
|
.sh-search-button { |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.all-card{ |
||||||
|
|
||||||
|
|
||||||
|
.sh-card { |
||||||
|
// background-color: red; |
||||||
|
margin-top: 30rpx; |
||||||
|
// padding: 20rpx 0rpx; |
||||||
|
border: 0.5px solid #797979; |
||||||
|
border-radius: 20rpx; |
||||||
|
line-height: 60rpx; |
||||||
|
|
||||||
|
.sh-card-title { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
padding: 0 20px; |
||||||
|
background-color: #f2f2f2; |
||||||
|
border-top-left-radius: 20rpx; |
||||||
|
border-top-right-radius: 20rpx; |
||||||
|
.receipt-number { |
||||||
|
display: flex; |
||||||
|
.receipt-number-title { |
||||||
|
color: #333333; |
||||||
|
font-size: 24rpx; |
||||||
|
} |
||||||
|
.receipt-number-value { |
||||||
|
color: #333333; |
||||||
|
font-size: 28rpx; |
||||||
|
font-weight: 600; |
||||||
|
margin-left: 20rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.sh-card-title-two{ |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
padding: 0 20px; |
||||||
|
background-color: #d7d7d7; |
||||||
|
border-top-left-radius: 20rpx; |
||||||
|
border-top-right-radius: 20rpx; |
||||||
|
.receipt-number { |
||||||
|
display: flex; |
||||||
|
.receipt-number-title { |
||||||
|
color: #333333; |
||||||
|
font-size: 24rpx; |
||||||
|
} |
||||||
|
.receipt-number-value { |
||||||
|
color: #333333; |
||||||
|
font-size: 28rpx; |
||||||
|
font-weight: 600; |
||||||
|
margin-left: 20rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.borderBottom { |
||||||
|
border-bottom-left-radius: 20rpx; |
||||||
|
border-bottom-right-radius: 20rpx; |
||||||
|
} |
||||||
|
.sh-card-title-border { |
||||||
|
border-bottom: 2px dashed #797979; |
||||||
|
} |
||||||
|
.sh-card-content { |
||||||
|
position: relative; |
||||||
|
margin: 16rpx 0; |
||||||
|
padding: 0rpx 70rpx; |
||||||
|
|
||||||
|
.detail-icon { |
||||||
|
position: absolute; |
||||||
|
right: 10rpx; |
||||||
|
top: 90rpx; |
||||||
|
} |
||||||
|
.goods-card-content { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
.goods-card-content-item { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
width: 70%; |
||||||
|
.goods-title { |
||||||
|
font-size: 28rpx; |
||||||
|
color: #555555; |
||||||
|
} |
||||||
|
.goods-value { |
||||||
|
font-size: 28rpx; |
||||||
|
color: #666666; |
||||||
|
margin-left: 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.goods-no{ |
||||||
|
font-weight: bold; |
||||||
|
margin-right: 20rpx; |
||||||
|
} |
||||||
|
.pad-content { |
||||||
|
padding-bottom: 16rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.card-content { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
.card-content-item { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.item-title { |
||||||
|
|
||||||
|
font-size: 32rpx; |
||||||
|
color: #555555; |
||||||
|
} |
||||||
|
.item-value { |
||||||
|
font-size: 32rpx; |
||||||
|
color: #666666; |
||||||
|
// margin-left: 20rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
// .card-content-item:first-child{ |
||||||
|
// width: 80%; |
||||||
|
// } |
||||||
|
.sh-bold { |
||||||
|
font-weight: bold; |
||||||
|
word-break: break-all; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
margin-bottom: 100px; |
||||||
|
} |
||||||
|
// .sh-card:first-child{ |
||||||
|
// margin-bottom: 50px; |
||||||
|
// } |
||||||
|
.loadmore-data{ |
||||||
|
padding-top: 30rpx; |
||||||
|
} |
||||||
|
.recommend { |
||||||
|
text-align: center; |
||||||
|
height: 50rpx; |
||||||
|
margin-top: 10rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.recommend-title { |
||||||
|
display: table; |
||||||
|
width: 100%; |
||||||
|
line-height: 50rpx; |
||||||
|
white-space: nowrap; |
||||||
|
border-spacing: 2rem 0; |
||||||
|
font-size: 30rpx; |
||||||
|
color: gray |
||||||
|
} |
||||||
|
|
||||||
|
.recommend-title::before, .recommend-title::after { |
||||||
|
display: table-cell; |
||||||
|
content: ""; |
||||||
|
width: 50%; |
||||||
|
background: linear-gradient(#eee, #eee) repeat-x center; |
||||||
|
background-size: 0.1rem 0.1rem; |
||||||
|
} |
||||||
|
|
||||||
|
.bottom{ |
||||||
|
position:fixed; |
||||||
|
height: 40px; |
||||||
|
width: 100%; |
||||||
|
bottom:38px; |
||||||
|
button{ |
||||||
|
height: 100%; |
||||||
|
line-height: 40px; |
||||||
|
width: 60%; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,195 @@ |
|||||||
|
<template> |
||||||
|
<view class="sh-content"> |
||||||
|
<view class="sh-search"> |
||||||
|
<u-form labelPosition="left" :model="dataForm" class="sh-form"> |
||||||
|
|
||||||
|
<u-form-item prop="barCode"> |
||||||
|
<select-lay style="width: 100%;" :zindex="200" smoldName="model" smodel="moldName" name="name3" slabel="moldNo" svalue="barcode" |
||||||
|
:options="nextDataList" @selectitem="queryList" > |
||||||
|
</select-lay> |
||||||
|
|
||||||
|
</u-form-item> |
||||||
|
</u-form> |
||||||
|
|
||||||
|
</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" :key="item.id" :index="item.id" v-if="dataList.length > 0" |
||||||
|
style="border-radius: 20rpx;"> |
||||||
|
<view :class="isActive===index? 'sh-card-title-two':'sh-card-title'" @click="btn(index,item)" style="border-radius: 20rpx;"><!--:class="{'borderBottom':!item.businInShelfDVoList.length}"--> |
||||||
|
<view class="card-content"> |
||||||
|
<view class="card-content-item" > |
||||||
|
<text class="item-title" ></text> |
||||||
|
<text class="item-value"></text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="card-content"> |
||||||
|
<view class="card-content-item"> |
||||||
|
<text class="item-title">托盘名称:</text> |
||||||
|
<text class="item-value">{{item.containerName}}</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="card-content"> |
||||||
|
<view class="card-content-item"> |
||||||
|
<text class="item-title">货位名称:</text> |
||||||
|
<text class="item-value">{{item.locationName}}</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="card-content"> |
||||||
|
<view class="card-content-item"> |
||||||
|
<text class="item-title"></text> |
||||||
|
<text class="item-value">{{item.model}}</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="card-content"> |
||||||
|
<view class="card-content-item"> |
||||||
|
<text class="item-title"></text> |
||||||
|
<text class="item-value">{{item.moldName}}</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="card-content"> |
||||||
|
<view class="card-content-item"> |
||||||
|
<text class="item-title"></text> |
||||||
|
<text class="item-value">{{item.onTime}}</text> |
||||||
|
</view> |
||||||
|
<view class="card-content-item"> |
||||||
|
<text class="item-title"></text> |
||||||
|
<text class="item-value">{{item.qty}}</text> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
|
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
showDiv:false, |
||||||
|
queryFlag: '', |
||||||
|
dataForm: { |
||||||
|
keywords: "", |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 9999 |
||||||
|
}, |
||||||
|
pickUpObj:{ |
||||||
|
pointNo:'', |
||||||
|
taskCode:'', |
||||||
|
taskId:'', |
||||||
|
containerCode:'', |
||||||
|
}, |
||||||
|
statusList:[], |
||||||
|
dataList:[], |
||||||
|
nextDataList:[], |
||||||
|
query: { |
||||||
|
current: 1, |
||||||
|
size: 20 |
||||||
|
}, |
||||||
|
isActive:0, |
||||||
|
loadStatus: 'loadmore', |
||||||
|
timer:0, |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
// this.getDic(); //获取字典 |
||||||
|
this.$u.api.containerStatus().then(res=>{ |
||||||
|
console.log(res); |
||||||
|
}) |
||||||
|
this.loadList(); |
||||||
|
|
||||||
|
}, |
||||||
|
//上拉刷新(当数据距离底部100时触发，距离在pages.json配置) |
||||||
|
onReachBottom() { |
||||||
|
this.loadStatus = "loading"; |
||||||
|
setTimeout(() => { |
||||||
|
this.dataForm.pageNum += 1; |
||||||
|
this.loadList(); |
||||||
|
}, 100); |
||||||
|
}, |
||||||
|
onPullDownRefresh () { |
||||||
|
this.list = [] |
||||||
|
//调用获取数据方法 |
||||||
|
setTimeout(() => { |
||||||
|
//结束下拉刷新 |
||||||
|
uni.stopPullDownRefresh (); |
||||||
|
}, 1000); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
//点击变色 |
||||||
|
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} ) |
||||||
|
}, |
||||||
|
/**搜索框查询*/ |
||||||
|
queryList(row,item) { |
||||||
|
this.dataForm.containerCode=item.containerCode |
||||||
|
this.dataForm.moldNo=item.moldNo |
||||||
|
this.dataForm.id=item.id |
||||||
|
this.dataForm.barcode=item.barcode |
||||||
|
this.loadList(row,item) |
||||||
|
}, |
||||||
|
loadList() { |
||||||
|
//防抖 |
||||||
|
this.timer =setTimeout(()=>{ |
||||||
|
//节流 |
||||||
|
let flag = true |
||||||
|
if(flag===false) return |
||||||
|
// if (this.dataForm.containerCode == '' || this.dataForm.containerCode == null || this.dataForm.containerCode == |
||||||
|
// undefined) { |
||||||
|
// return |
||||||
|
// } |
||||||
|
this.$u.api.getContainerList().then(res=>{ |
||||||
|
if(res.code == '200'){ |
||||||
|
this.dataList = res.rows |
||||||
|
} |
||||||
|
console.log(res); |
||||||
|
}) |
||||||
|
flag=false |
||||||
|
setTimeout(()=>{ |
||||||
|
flag = true |
||||||
|
} |
||||||
|
,500) |
||||||
|
|
||||||
|
},400) |
||||||
|
}, |
||||||
|
pickUp(){ |
||||||
|
// this.$u.api.getContainerList(this.pickUpObj).then(res=>{ |
||||||
|
// if(res.code=='200'){ |
||||||
|
// this.$u.toast("条码已完成作业，请重新扫描"); |
||||||
|
// }else{ |
||||||
|
// this.$u.toast("条码，请重新扫描"); |
||||||
|
// } |
||||||
|
// }) |
||||||
|
}, |
||||||
|
// 任务查看 |
||||||
|
searchClick() { |
||||||
|
this.dataList = []; |
||||||
|
this.dataForm.pageNum = 1; |
||||||
|
this.loadList(); |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
@import "index.scss"; |
||||||
|
.footer { |
||||||
|
display: flex; |
||||||
|
padding: 20rpx 0; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue