<template>
|
<view>
|
<!-- <u-navbar back-text="" title="入库查询"></u-navbar> -->
|
<view class="search">
|
<u-search placeholder="搜索组盘编号" v-model="keyword" @search="list" @clear="list" input-align="center"
|
bg-color="#fff" shape="square" :show-action="false"></u-search>
|
</view>
|
<view class="con">
|
<u-card v-for="item in set" :key="item.id" class="card" @click="goAdd(item,10)">
|
<view slot="head" class="title">
|
<text class="col777">组盘编号:</text>
|
<text class="ml5">{{item.cviCode}}</text>
|
<view class="add ml5">
|
新增
|
</view>
|
</view>
|
<view slot="body" class="body" style="display: flex;justify-content: space-between;">
|
<view class="" style="width: 50%;padding-left: 18px;">
|
<view>
|
<text class="col777">仓库名称:</text>
|
<text class="ml5">{{item.storeName}}</text>
|
</view>
|
<view>
|
<text class="col777">回库数量:</text>
|
<text class="ml5">{{item.itemNum}}</text>
|
</view>
|
<view>
|
<text class="col777">装箱数量:</text>
|
<text class="ml5">{{item.maxNum}}</text>
|
</view>
|
<view>
|
<text class="col777">入库类型:</text>
|
<text class="ml5">{{item.inType}}</text>
|
</view>
|
</view>
|
<view class="" style="width: 50%;">
|
<view>
|
<text class="col777">零件编号:</text>
|
<text class="ml5">{{item.itemName}}</text>
|
</view>
|
<view>
|
<text class="col777">器具名称:</text>
|
<text class="ml5">{{item.containerName}}</text>
|
</view>
|
|
</view>
|
|
</u-row>
|
</view>
|
</u-card>
|
<u-loadmore :status="status" />
|
</view>
|
<view class="fix">
|
<button class="btn" @click="add">新建组盘</button>
|
</view>
|
<u-back-top :scroll-top="scrollTop"></u-back-top>
|
</view>
|
</template>
|
|
<script>
|
import {
|
set
|
} from '../../../api/putIn.js'
|
export default {
|
data() {
|
return {
|
status: 'loadmore',
|
scrollTop: 0,
|
page: 1,
|
onePageNum: 10,
|
keyword: '', // 组盘编号
|
set: [], //组盘列表
|
code: '',
|
putType: '' //入库类型
|
}
|
},
|
//上拉加载
|
onReachBottom() {
|
let _self = this
|
this.status = 'loading'
|
setTimeout(function() {
|
_self.page++;
|
_self.list();
|
}, 2000);
|
|
},
|
//下拉刷新
|
onPullDownRefresh() {
|
this.page = 1
|
this.keyword = ''
|
this.list()
|
setTimeout(function() {
|
uni.stopPullDownRefresh()
|
}, 1000)
|
},
|
//默认返回
|
onBackPress(options) {
|
// 这里可以自定义返回逻辑，比如下面跳转其他页面
|
if (options.from == 'navigateBack') {
|
uni.switchTab({
|
url: '../../Home/index'
|
});
|
}
|
if (options.from == 'backbutton') {
|
uni.switchTab({
|
url: '../../Home/index'
|
});
|
}
|
|
// return true 表示禁止默认返回
|
return true
|
},
|
// 返回顶部
|
onPageScroll(e) {
|
this.scrollTop = e.scrollTop;
|
},
|
mounted() {
|
this.list()
|
},
|
methods: {
|
// 任务列表
|
list() {
|
let _self = this;
|
let params = {
|
cviCode: _self.keyword,
|
page: _self.page,
|
onePageNum: _self.onePageNum
|
}
|
set(params).then((res) => {
|
if (res.code == 0) {
|
const result = res.data
|
if (_self.page != 1) {
|
if (res.data.length == 0) {
|
_self.status = 'nomore'
|
return
|
}
|
_self.set = _self.set.concat(result)
|
} else {
|
_self.set = result
|
}
|
}
|
})
|
},
|
goAdd(val, event) {
|
uni.navigateTo({
|
url: './print?event=10&list=' + JSON.stringify(val)
|
})
|
},
|
//新建组盘
|
add() {
|
uni.navigateTo({
|
url: './print'
|
});
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.search {
|
background-color: #f2f2f2;
|
padding: 6px 8px;
|
}
|
|
.col777 {
|
color: #777;
|
}
|
|
.ml5 {
|
margin-left: 5px;
|
}
|
|
.fix {
|
position: fixed;
|
bottom: 0;
|
width: 100%;
|
height: 45px;
|
|
.btn {
|
background-color: #1aac19;
|
color: #fff;
|
margin: 0 10px;
|
}
|
}
|
|
.con {
|
margin-bottom: 45px;
|
}
|
|
.card {
|
.title {
|
display: flex;
|
align-items: center;
|
font-size: 0.89rem;
|
|
.add {
|
background-color: #cbfe8f;
|
width: 2.8rem;
|
border-radius: 5px;
|
font-size: 1rem;
|
padding: 0.3rem 0.4rem;
|
text-align: center;
|
}
|
}
|
|
.body {
|
font-size: 1rem;
|
color: #000;
|
line-height: 2rem;
|
}
|
}
|
</style>
|
