117 lines
3.0 KiB
Vue
117 lines
3.0 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 font12">
|
|
{{form.active_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.time_start==''?'-':form.time_start}}</text>
|
|
</view>
|
|
<view class="content_row">
|
|
<text class="name">生产结束时间</text>
|
|
<text class="data">{{form.time_end==''?'-':form.time_end}}</text>
|
|
</view>
|
|
<view class="content_row">
|
|
<text class="name">工单耗时</text>
|
|
<text class="data">{{form.processing_time}}</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">{{form.cube}}m³</text>
|
|
</view>
|
|
<view class="content_row">
|
|
<text class="name">生产负责</text>
|
|
<text class="data">{{form.creator_name}}</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.61m³</text>
|
|
</view>
|
|
<view class="content_row">
|
|
<text class="name">电话</text>
|
|
<text class="data">13712279001</text>
|
|
</view>
|
|
</view>
|
|
<view class="content_right">
|
|
<progressBar :total="100" :val="form.progress_rate" title="" />
|
|
</view>
|
|
<view class="progressView">
|
|
<view class="circle-progress">
|
|
<view class="progressBg">
|
|
<view class="progressBox">
|
|
<view class="percentage font22">
|
|
{{form.yield_rate}}%
|
|
</view>
|
|
<view class="title font12">
|
|
出材率
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="circle-progress__bar" :style="'--progress:'+form.yield_rate+'%'"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
form:{}
|
|
}
|
|
},
|
|
onLoad(option){
|
|
this.detailData(option.id)
|
|
},
|
|
onShow(){
|
|
|
|
},
|
|
onReady() {
|
|
|
|
},
|
|
methods: {
|
|
detailData(id){
|
|
this.$api.postFuncLoading('/order.info',{id:id}).then(res=>{
|
|
this.form = res.data
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.list_top{
|
|
.top_right{background: #243168;border-radius: 4px;padding: 3px 10px; text-align: center;display: inline-block;}
|
|
}
|
|
.list_content{
|
|
.content_row{display: flex;padding:6px 0;
|
|
.name{width: 90px;font-weight: bold;}
|
|
}
|
|
.content_right{padding: 6px 0;}
|
|
.progressView{
|
|
position: absolute;
|
|
top: 12px;
|
|
right:12px;
|
|
z-index: 20;
|
|
}
|
|
}
|
|
</style>
|