<template>
|
<view>
|
<!-- <u-navbar back-text="" title="计划出库" :custom-back="back"></u-navbar> -->
|
<view class="search">
|
<u-search placeholder="搜索任务单号" v-model="keyword" @search="list" input-align="center" bg-color="#fff"
|
shape="square" :show-action="false"></u-search>
|
</view>
|
<u-dropdown>
|
<u-dropdown-item v-model="value1" title="出库类型" :options="options1" @change="changeType"></u-dropdown-item>
|
<u-dropdown-item v-model="value2" title="任务状态" :options="options2" @change="changeState"></u-dropdown-item>
|
</u-dropdown>
|
<view class="con">
|
<u-card v-for="item in out" :key="item.id" class="card" @click="details(item,$event)" v-show="none">
|
<view slot="head" class="title">
|
<text class="col777">出库任务单号:</text>
|
<text class="ml5">{{item.outOrderCode}}</text>
|
<view class="add ml5">
|
<text>{{item.orderStatus}}</text>
|
</view>
|
</view>
|
<view class="" slot="body" style="display: flex;justify-content: space-between;" class="body">
|
|
<view class="" style="width: 50%;padding-left: 25px;">
|
<view>
|
<text class="col777">零件名称:</text>
|
<text class="ml5">{{item.itemDes}}</text>
|
</view>
|
<view>
|
<text class="col777">目的地:</text>
|
<text class="ml5">{{item.productionLineName}}</text>
|
</view>
|
<view>
|
<text class="col777">出库数量:</text>
|
<text class="ml5">{{item.checkOutNum}}</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.orderType}}</text>
|
</view>
|
<!-- <view>
|
<text class="col777">叉车司机:</text>
|
<text class="ml5">{{item.inType}}</text>
|
</view> -->
|
<view>
|
<text class="col777">出库口:</text>
|
<text class="ml5">{{item.tranLine}}</text>
|
</view>
|
<view>
|
<text class="col777">创建时间:</text>
|
<text class="ml5">{{$moment(item.updateTime).format('YYYY-MM-DD hh:mm:ss')}}</text>
|
</view>
|
</view>
|
|
</view>
|
</u-card>
|
<u-loadmore :status="status" />
|
</view>
|
<u-back-top :scroll-top="scrollTop"></u-back-top>
|
</view>
|
</template>
|
|
<script>
|
import {
|
out
|
} from '../../../api/putOut.js'
|
export default {
|
data() {
|
return {
|
status: 'loadmore',
|
scrollTop: 0,
|
page: 1,
|
onePageNum: 10,
|
keyword: '', // 任务单号
|
out: [], //出库列表
|
none: true,
|
value1: 1,
|
value2: 2,
|
orderType: '',
|
orderStatus: '',
|
options1: [{
|
label: '全部',
|
value: '1'
|
}, {
|
label: '焊装出库',
|
value: '2'
|
},
|
{
|
label: '空器具出库',
|
value: '3'
|
},
|
{
|
label: '调件出库',
|
value: '4'
|
},
|
{
|
label: '返修出库',
|
value: '5'
|
},
|
{
|
label: '分拣出库',
|
value: '6'
|
}
|
],
|
options2: [{
|
label: '全部',
|
value: 1,
|
}, {
|
label: '新建',
|
value: 2,
|
},
|
{
|
label: '执行中',
|
value: 3,
|
},
|
{
|
label: '完成',
|
value: 4,
|
}
|
],
|
listnum: [{
|
num: 51,
|
ship: '2号口'
|
}, {
|
num: 64,
|
ship: '3号口'
|
}, {
|
num: 67,
|
ship: '4号口'
|
}, {
|
num: 34,
|
ship: '5号口'
|
}, {
|
num: 30,
|
ship: '6号口'
|
}, {
|
num: 19,
|
ship: '7号口'
|
}, {
|
num: 12,
|
ship: '8号口'
|
}, {
|
num: 997,
|
ship: '冲压出口'
|
}, {
|
num: 999,
|
ship: '焊装出口'
|
}]
|
}
|
},
|
//上拉加载
|
onReachBottom() {
|
let _self = this
|
this.status = 'loading'
|
// uni.showNavigationBarLoading()
|
setTimeout(function() {
|
_self.page++;
|
// _self.status = 'more'
|
_self.list();
|
// uni.hideNavigationBarLoading()
|
}, 2000);
|
|
},
|
onPageScroll(e) {
|
this.scrollTop = e.scrollTop;
|
},
|
mounted() {
|
this.list()
|
},
|
onBackPress(options) {
|
// 这里可以自定义返回逻辑，比如下面跳转其他页面
|
if (options.from == 'navigateBack') {
|
uni.switchTab({
|
url: '../../Home/index'
|
});
|
}
|
if (options.from == 'backbutton') {
|
uni.switchTab({
|
url: '../../Home/index'
|
});
|
}
|
// return true 表示禁止默认返回
|
return true
|
},
|
//下拉刷新
|
onPullDownRefresh() {
|
this.orderType = ''
|
this.orderStatus = ''
|
this.keyword = ''
|
this.value1 = 1
|
this.value2 = 1
|
this.list()
|
setTimeout(function() {
|
uni.stopPullDownRefresh()
|
}, 1000)
|
},
|
methods: {
|
// 出库计划
|
list() {
|
let _self = this
|
let params = {
|
orderType: _self.orderType,
|
page: _self.page,
|
onePageNum: _self.onePageNum,
|
orderStatus: _self.orderStatus,
|
outOrderCode: _self.keyword,
|
isErp: 1
|
}
|
_self.out = []
|
out(params).then((res) => {
|
if (_self.page != 1) {
|
if (res.result == '') {
|
_self.status = 'more'
|
return
|
}
|
_self.out = _self.out.concat(res.data)
|
} else {
|
_self.out = res.data
|
}
|
res.data.forEach(item => {
|
if (item.orderStatus == "执行中") {
|
_self.none = false
|
}
|
if (!item.erpOrderId) {
|
_self.out = res.data || []
|
this.listnum.forEach(i => {
|
if (item.tranLine == i.num) {
|
item.tranLine = i.ship
|
}
|
})
|
}
|
|
})
|
|
})
|
},
|
//出货计划详情
|
details(val, event) {
|
if (val.orderStatus === "新建") {
|
uni.navigateTo({
|
url: './details?val=' + encodeURIComponent(JSON.stringify(val))
|
});
|
} else if (val.orderStatus === "取消") {
|
|
} else {
|
uni.navigateTo({
|
url: './delivery?val=' + encodeURIComponent(JSON.stringify(val))
|
});
|
}
|
|
},
|
back() {
|
uni.navigateTo({
|
url: './jimo'
|
});
|
},
|
changeType(val) {
|
this.options1.forEach(i => {
|
if (val == '1') {
|
this.orderType = ""
|
} else if (val == i.value) {
|
this.orderType = i.label
|
}
|
})
|
this.list()
|
},
|
changeState(val) {
|
this.options2.forEach(i => {
|
if (val == '1') {
|
this.orderStatus = ""
|
} else if (val == i.value) {
|
this.orderStatus = i.label
|
}
|
})
|
this.list()
|
}
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.search {
|
background-color: #f2f2f2;
|
padding: 6px 8px;
|
}
|
|
.col777 {
|
color: #777;
|
}
|
|
.ml5 {
|
margin-left: 5px;
|
}
|
|
.con {
|
margin-bottom: 45px;
|
}
|
|
.card {
|
.title {
|
display: flex;
|
align-items: center;
|
font-size: 1rem;
|
|
.add {
|
background-color: #cbfe8f;
|
width: 3.8rem;
|
border-radius: 5px;
|
font-size: 0.8rem;
|
padding: 0.3rem 0.4rem;
|
text-align: center;
|
}
|
}
|
|
.body {
|
font-size: 0.9rem;
|
color: #000;
|
line-height: 2rem;
|
}
|
}
|
</style>
|
