<template>
|
<view class="">
|
<!-- <u-navbar back-text="" title="我的任务-搬运"></u-navbar> -->
|
<view>
|
<view class="card" style="margin-top: 10px;">
|
<view class="time" style="padding-top: 20rpx;">
|
|
</view>
|
<u-steps :list="numList" :current="current"></u-steps>
|
</view>
|
</view>
|
<view class="details">
|
<scroll-view scroll-y="true" style="height: 100%;max-height: 760rpx;">
|
<view class="" style="padding-left: 25px;">
|
<text class="col7">叉车任务单号:</text>
|
<text class="ml10 blod">{{code}}</text>
|
</view>
|
<view class="" style="padding-left: 25px;">
|
<text class="col7">出库计划单号:</text>
|
<text class="ml10 blod">{{planCode}}</text>
|
</view>
|
<view class="" style="padding-left: 25px;">
|
<view class="">
|
<view class="">
|
<text class="col7">创建时间:</text>
|
<text class="ml10">{{$moment(updateTime).format('YYYY-MM-DD HH:mm:ss')}}</text>
|
</view>
|
|
<!-- <view class="">
|
<text class="col7">出库数量:</text>
|
<text class="ml10">{{checkOutNum}}</text>
|
</view> -->
|
<view class="">
|
<text class="col7">器具编号:</text>
|
<text class="ml10">{{pn}}</text>
|
</view>
|
</view>
|
<view class="">
|
<view class="">
|
<text class="col7">取货地:</text>
|
<text class="ml10">{{bourn}}</text>
|
</view>
|
<view class="">
|
<text class="col7">出库口:</text>
|
<text class="ml10">{{shipping}}</text>
|
</view>
|
<!-- <view class="">
|
<text class="col7">零件数量:</text>
|
<text class="ml10">{{pn}}</text>
|
</view> -->
|
<!-- <view class="">
|
<text class="col7">出库类型:</text>
|
<text class="ml10">{{orderType}}</text>
|
</view>
|
-->
|
</view>
|
</view>
|
<!-- <u-divider color="#108ee9" half-width="200" border-color="#d4d4d4">物料详情</u-divider>
|
<u-table border-color="#fff" bg-color="#fff">
|
<u-tr>
|
<u-th>序号</u-th>
|
<u-th>零件名称</u-th>
|
<u-th>零件编号</u-th>
|
<u-th>数量</u-th>
|
<u-th>重量</u-th>
|
</u-tr>
|
<u-tr v-for="(item,index) in partList" :key="index">
|
<u-td>{{index+1}}</u-td>
|
<u-td>{{item.itemDes}}</u-td>
|
<u-td>{{item.itemName}}</u-td>
|
<u-td>{{item.itemNum}}</u-td>
|
<u-td>{{item.itemWeight}}</u-td>
|
</u-tr>
|
</u-table> -->
|
</scroll-view>
|
</view>
|
<view class="btn">
|
<u-button type="success" @click="status(1)">开始</u-button>
|
<u-button type="primary" @click="status(2)">完成</u-button>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import {
|
set
|
} from '../../../api/putIn.js'
|
import {
|
get,
|
CarTask,
|
task
|
} from '../../../api/task.js'
|
export default {
|
data() {
|
return {
|
code: '', //任务单号
|
shipping: '', //出货口
|
pn: '', //零件编号
|
partName: '', //零件名称
|
bourn: '', //目的地
|
carName: '', //叉车名
|
containerName: '', //器具编号
|
checkOutNum: '', //出库数量
|
orderType: '', //出库类型
|
orderStatus: '', //任务状态
|
updateTime: '', //完成时间
|
maxNum: '', //装箱数量
|
planCode: '', //计划单号
|
current: 0, //搬运进度条
|
numList: [{ //步骤条数据
|
name: '开始搬运'
|
}, {
|
name: '搬运中'
|
}, {
|
name: '完成'
|
}],
|
partList: []
|
}
|
},
|
onLoad(options) {
|
let val = JSON.parse(decodeURIComponent(options.val))
|
this.code = val.carTaskName
|
if (val.taskStatus == "完成") {
|
this.current = 2
|
} else if (val.taskStatus == "搬运中") {
|
this.current = 1
|
} else {
|
this.current = 0
|
}
|
},
|
mounted() {
|
this.CarTask()
|
this.task()
|
},
|
onBackPress(options) {
|
if (options.from == 'navigateBack') {
|
uni.navigateTo({
|
url: './task'
|
});
|
}
|
if (options.from == 'backbutton') {
|
uni.navigateTo({
|
url: './task'
|
});
|
}
|
return true
|
},
|
methods: {
|
//计划单号
|
task() {
|
let params = {
|
page: '1',
|
carTaskName: this.code,
|
onePageNum: 40
|
}
|
task(params).then((res) => {
|
res.data.forEach(item => {
|
this.code = item.carTaskName
|
this.planCode = item.outOrderCode
|
this.updateTime = item.updateTime
|
this.pn = item.containerName
|
this.bourn = item.fromDestination
|
this.shipping = item.toDestination
|
})
|
this.num()
|
})
|
},
|
//物料详情
|
num() {
|
let params = {
|
page: '1',
|
containerName: this.pn,
|
onePageNum: 40
|
}
|
set(params).then((res) => {
|
this.partList = res.data
|
})
|
},
|
//叉车名
|
CarTask() {
|
let params = {
|
page: '1',
|
userName: uni.getStorageSync("admin"),
|
onePageNum: 40
|
}
|
CarTask(params).then((res) => {
|
this.carName = res.data[0].carName
|
})
|
},
|
//开始结束领任务
|
status(val) {
|
if (val === 1) {
|
let params = {
|
taskStatus: '搬运中',
|
carTaskName: this.code,
|
getUserName: uni.getStorageSync('admin')
|
}
|
get(params).then((res) => {
|
this.current = 1
|
})
|
} else if (val === 2) {
|
let params = {
|
taskStatus: '完成',
|
carTaskName: this.code,
|
getUserName: uni.getStorageSync('admin')
|
}
|
get(params).then((res) => {
|
this.current = 2
|
setTimeout(function() {
|
uni.navigateTo({
|
url: './task'
|
});
|
}, 1000)
|
})
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
page {
|
background-color: #f5f5f9;
|
}
|
|
.space-between {
|
display: flex;
|
justify-content: space-between;
|
padding: 0 5px;
|
}
|
|
.card {
|
width: 95%;
|
height: 140px;
|
border-radius: 10px;
|
margin: auto;
|
border: 1px solid #cececf;
|
background-color: #fff;
|
|
.time {
|
margin: 10px 35px;
|
color: #aeacb7;
|
}
|
|
/deep/.u-steps {
|
margin: 37px 0;
|
}
|
}
|
|
.details {
|
background-color: #fff;
|
border: 1px solid #cececf;
|
border-radius: 15px;
|
line-height: 1.8rem;
|
font-size: 1rem;
|
margin: 10px 10px 55px;
|
padding: 15px 10px;
|
}
|
|
.col7 {
|
color: #777;
|
}
|
|
.ml10 {
|
margin-left: 20px;
|
}
|
|
.blod {
|
font-weight: bold;
|
}
|
|
/deep/.u-th {
|
background-color: #fff;
|
font-weight: normal;
|
color: #777;
|
}
|
|
/deep/.u-td {
|
width: 20%;
|
text-align: center;
|
overflow: hidden;
|
word-break: normal;
|
word-break: break-all;
|
}
|
|
.btn {
|
display: flex;
|
position: fixed;
|
bottom: 5px;
|
width: 100%;
|
height: 40px;
|
|
/deep/.u-btn {
|
width: 50%;
|
margin: 0 5px;
|
}
|
}
|
</style>
|
