mes_mobile/pages/production/productionDetail.vue

94 lines
2.3 KiB
Vue

<template>
<view class="page_padding">
<view class="detail_list contentboxsty ">
<view class="list_top">
<view class="top_left">
工单号 <text class="padd_left12">{{form.order_sn}}</text>
</view>
<view class="top_right font13">
{{form.review_status_label}}
</view>
</view>
<view class="list_content">
<view class="content_left font13">
<view class="content_row">
<text class="name">生产开始时间</text>
<text class="data">{{form.created_at}}</text>
</view>
<view class="content_row">
<text class="name">生产结束时间</text>
<text class="data">{{form.updated_at}}</text>
</view>
<view class="content_row">
<text class="name">工单耗时</text>
<text class="data">10h</text>
</view>
<view class="content_row">
<text class="name">加工规格</text>
<text class="data">{{form.order_spec}}</text>
</view>
<view class="content_row">
<text class="name">规格料</text>
<text class="data">13.01</text>
</view>
<view class="content_row">
<text class="name">生产负责</text>
<text class="data">张三</text>
</view>
<view class="content_row">
<text class="name">加工等级</text>
<text class="data">全齐边</text>
</view>
<view class="content_row">
<text class="name">辅料</text>
<text class="data">0.61</text>
</view>
<view class="content_row">
<text class="name">电话</text>
<text class="data">13712279001</text>
</view>
</view>
<view class="content_right">
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
form:{}
}
},
onLoad(option){
console.log(option)
this.detailData(option.id)
},
onShow(){
// this.detailData()
},
methods: {
detailData(id){
this.$api.postFuncLoading('/order.info',{id:id}).then(res=>{
console.log(res.data)
this.form = res.data
})
},
}
}
</script>
<style lang="scss">
.list_top{
.top_right{background: #243168;border-radius: 4px 4px 4px 4px;width: 46px;height: 20px;text-align: center;}
}
.list_content{
.content_row{display: flex;padding:6px 0;
.name{width: 90px;}
}
}
</style>