<template>
|
<view class="">
|
<!-- <u-navbar back-text="" title="出库"></u-navbar> -->
|
<view style="background-color: #f5f5f9;padding: 5px 0 10px;position: fixed;width: 100%;">
|
<view class="card">
|
<view class="time">
|
{{$moment(dotime).format('YYYY-MM-DD hh:mm:ss')}}
|
</view>
|
<u-steps :list="numList" :current="current"></u-steps>
|
</view>
|
</view>
|
<view class="details">
|
<view class="line">
|
<text class="col7">出库计划单号:</text>
|
<text class="ml10">{{code}}</text>
|
</view>
|
<view class="line">
|
<text class="col7">创建时间:</text>
|
<text class="ml10">{{$moment(updateTime).format('YYYY-MM-DD hh:mm:ss')}}</text>
|
</view>
|
<view class="line">
|
<text class="col7">出库口:</text>
|
<text class="ml10">{{shipping}}</text>
|
</view>
|
<view class="line2">
|
<view class="">
|
<text class="col7">零件号:</text>
|
<text class="ml10">{{pn}}</text>
|
</view>
|
<view class="">
|
<text class="col7">零件名称:</text>
|
<text class="ml10">{{partName}}</text>
|
</view>
|
</view>
|
<view class="line">
|
<text class="col7">目的地:</text>
|
<text class="ml10">{{bourn}}</text>
|
</view>
|
<view class="line">
|
<text class="col7">出库类型:</text>
|
<text class="ml10">{{orderType}}</text>
|
</view>
|
<view class="line">
|
<text class="col7">出库数量:</text>
|
<text class="ml10">{{checkOutNum}}</text>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
code: '', //任务单号
|
shipping: '', //出货口
|
pn: '', //零件编号
|
partName: '', //零件名称
|
bourn: '', //目的地
|
checkOutNum: '', //出库数量
|
orderType: '', //出库类型
|
orderStatus: '', //任务状态
|
updateTime: '', //完成时间
|
maxNum: '', //装箱数量
|
type: '',
|
dotime: '',
|
current: '', //步骤条进度
|
numList: [{ //步骤条
|
name: '开始出库'
|
}, {
|
name: '出库中'
|
}, {
|
name: '完成'
|
}]
|
}
|
},
|
onBackPress(options) {
|
if (options.from == 'navigateBack') {
|
uni.navigateTo({
|
url: './plan'
|
});
|
}
|
if (options.from == 'backbutton') {
|
uni.navigateTo({
|
url: './plan'
|
});
|
}
|
return true
|
},
|
onLoad(options) {
|
let val = JSON.parse(decodeURIComponent(options.val))
|
this.code = val.outOrderCode
|
this.type = val.orderStatus
|
this.dotime = val.doTime
|
this.pn = val.itemName
|
this.shipping = val.tranLine
|
this.orderStatus = val.orderStatus
|
this.partName = val.itemDes
|
this.orderType = val.orderType
|
this.checkOutNum = val.checkOutNum
|
this.updateTime = val.updateTime
|
this.bourn=val.productionLineName
|
if (this.type == "新建") {
|
this.current = 1
|
} else {
|
this.current = 2
|
}
|
},
|
//下拉刷新
|
onPullDownRefresh() {
|
setTimeout(function() {
|
uni.stopPullDownRefresh()
|
}, 1000)
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.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-bottom: none;
|
border-radius: 15px;
|
margin-top: 155px;
|
height: calc(100% - 140px);
|
}
|
|
.line {
|
height: 50px;
|
border-bottom: 1px solid #eaeaea;
|
padding-left: 3rem;
|
font-size: 1rem;
|
padding-right: 10px;
|
display: flex;
|
align-items: center;
|
}
|
|
.line2 {
|
border-bottom: 1px solid #eaeaea;
|
font-size: 1rem;
|
line-height: 1.9rem;
|
padding: 10px 10px 10px 3rem;
|
}
|
|
.col7 {
|
color: #777;
|
}
|
|
.ml10 {
|
margin-left: 20px;
|
}
|
</style>
|
