long/mes_mobile
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整项目框架

Browse Source
This commit is contained in:
龙运模
2024-04-23 11:48:55 +08:00
parent 01ea333978
commit 2b8797a1ac
26 changed files with 962 additions and 352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
pages/production/productionDetail.vue
View File

@@ -5,8 +5,8 @@
<view class="top_left">
工单号 <text class="padd_left12">{{form.order_sn}}</text>
</view>
<view class="top_right font13">
{{form.review_status_label}}
<view class="top_right font12">
{{form.active_status_label}}
</view>
</view>
<view class="list_content">
@@ -21,7 +21,7 @@
</view>
<view class="content_row">
<text class="name">工单耗时</text>
<text class="data">10h</text>
<text class="data">{{form.processing_time}}</text>
</view>
<view class="content_row">
<text class="name">加工规格</text>
@@ -29,11 +29,11 @@
</view>
<view class="content_row">
<text class="name">规格料</text>
<text class="data">13.01m³</text>
<text class="data">{{form.cube}}m³</text>
</view>
<view class="content_row">
<text class="name">生产负责</text>
<text class="data">张三</text>
<text class="data">{{form.creator_name}}</text>
</view>
<view class="content_row">
<text class="name">加工等级</text>
@@ -49,7 +49,22 @@
</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>
@@ -64,16 +79,17 @@
}
},
onLoad(option){
console.log(option)
this.detailData(option.id)
},
onShow(){
// this.detailData()
},
onReady() {
},
methods: {
detailData(id){
this.$api.postFuncLoading('/order.info',{id:id}).then(res=>{
console.log(res.data)
this.form = res.data
})
},
@@ -83,11 +99,18 @@
<style lang="scss">
.list_top{
.top_right{background: #243168;border-radius: 4px 4px 4px 4px;width: 46px;height: 20px;text-align: center;}
.top_right{background: #243168;border-radius: 4px;padding: 3px 10px; text-align: center;display: inline-block;}
}
.list_content{
.list_content{
.content_row{display: flex;padding:6px 0;
.name{width: 90px;}
.name{width: 90px;font-weight: bold;}
}
.content_right{padding: 6px 0;}
.progressView{
position: absolute;
top: 12px;
right:12px;
z-index: 20;
}
}
</style>