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

queryContainer

Browse Source
master
Mr.sun 2 years ago
parent 23b28f8321
commit ddbc66d731
2 changed files with 400 additions and 0 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. 205
      pages/queryContainer/index.scss
  2. 195
      pages/queryContainer/index.vue

205
pages/queryContainer/index.scss
Unescape View File

@ -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;
}
}
}

195
pages/queryContainer/index.vue
Unescape View File

@ -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>
Write Preview
Loading…
Cancel
Save