<template>
|
<view>
|
<!-- <u-navbar back-text="" title="我的任务-搬运"></u-navbar> -->
|
<view class="con">
|
<u-card v-for="(item,index) in tasklist" :key="index" class="card" @click="details(item,$event)">
|
<view slot="head" class="title">
|
<view class="">
|
<text class="col777">叉车工任务号:</text>
|
<text class="ml5">{{item.carTaskName}}</text>
|
<text style="position: absolute;right: 15px;color: #50aaea;">详情</text>
|
</view>
|
</view>
|
<view slot="body" class="body">
|
<view style="display: flex;justify-content: space-between;">
|
<view class="" style="width: 50%;padding-left: 15px;">
|
<view>
|
<text class="col777">创建人:</text>
|
<text class="ml5">{{item.userName}}</text>
|
</view>
|
<view>
|
<text class="col777">创建时间:</text>
|
<text class="ml5">{{$moment(item.updateTime).format('YYYY-MM-DD HH:mm:ss')}}</text>
|
</view>
|
<view>
|
<text class="col777">出库口:</text>
|
<text class="ml5">{{item.fromDestination}}</text>
|
</view>
|
</view>
|
<view class="" style="width: 50%;">
|
<view>
|
<text class="col777">器具编号:</text>
|
<text class="ml5">{{item.containerName}}</text>
|
</view>
|
<view>
|
<text class="col777">目的地:</text>
|
<text class="ml5">{{item.toDestination}}</text>
|
</view>
|
<view style="display: flex;align-items: center;">
|
<text class="col777">订单状态:</text>
|
<view class="ml5 add">{{item.taskStatus}}</view>
|
</view>
|
</view>
|
</view>
|
<view style="padding-left: 15px;width: 100%;word-wrap: break-word;">
|
<view class="col777">零件信息:</view>
|
<text class="" style="">{{item.itemDetail}}</text>
|
</view>
|
</view>
|
</u-card>
|
<u-loadmore :status="status" v-if="tasklist.length>0" />
|
<u-empty text="暂无数据" mode="list" v-if='tasklist.length==0' style='margin-top: 150rpx;'></u-empty>
|
</view>
|
<u-back-top :scroll-top="scrollTop"></u-back-top>
|
</view>
|
</template>
|
|
<script>
|
import {
|
task,
|
SearchNum
|
} from '../../../api/task.js'
|
export default {
|
data() {
|
return {
|
status: 'loadmore',
|
scrollTop: 0,
|
page: 1,
|
onePageNum: 10,
|
tasklist: [], //任务列表
|
value1: 1,
|
value2: 2,
|
taskStatus: '',
|
result: [],
|
count: ''
|
}
|
},
|
//上拉加载
|
onReachBottom() {
|
let _self = this
|
_self.status = 'loading'
|
_self.page++;
|
_self.list();
|
},
|
onBackPress(options) {
|
if (options.from == 'navigateBack') {
|
uni.switchTab({
|
url: '../../Home/index'
|
});
|
}
|
if (options.from == 'backbutton') {
|
uni.switchTab({
|
url: '../../Home/index'
|
});
|
}
|
return true
|
},
|
onPageScroll(e) {
|
this.scrollTop = e.scrollTop;
|
},
|
mounted() {
|
this.result = []
|
this.SearchNum()
|
this.list()
|
},
|
//下拉刷新
|
onPullDownRefresh() {
|
this.list()
|
setTimeout(function() {
|
uni.stopPullDownRefresh()
|
}, 1000)
|
},
|
methods: {
|
// 出库计划
|
list() {
|
let pageflag = false
|
let params = {
|
page: this.page,
|
onePageNum: this.onePageNum,
|
userName: uni.getStorageSync('admin'),
|
taskStatusNot: '完成',
|
// taskStatus:'新建'
|
}
|
task(params).then((res) => {
|
if (res.code == 0) {
|
if (this.page !== 1) {
|
if (this.count == this.tasklist.length) {
|
this.status = 'more'
|
return
|
}
|
this.tasklist = this.tasklist.concat(res.data)
|
} else {
|
this.tasklist = res.data
|
}
|
}
|
})
|
},
|
// 角标数量
|
SearchNum() {
|
let params = {
|
userName: uni.getStorageSync("admin"),
|
taskStatusNot: '完成'
|
}
|
SearchNum(params).then((res) => {
|
if (res.code == 0) {
|
this.count = res
|
}
|
})
|
},
|
//出货计划详情
|
details(val, event) {
|
uni.navigateTo({
|
url: './details?val=' + encodeURIComponent(JSON.stringify(val))
|
});
|
},
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
page {
|
background-color: #f5f5f9;
|
}
|
|
.col777 {
|
color: #777;
|
}
|
|
.add {
|
background-color: #00ff33;
|
width: 3.5rem;
|
height: 1.6rem;
|
line-height: 1.6rem;
|
text-align: center;
|
border-radius: 15px;
|
}
|
|
.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>
|
