110 lines
2.5 KiB
Vue
110 lines
2.5 KiB
Vue
<template>
|
||
<!-- 生产工单 -->
|
||
<view class="pagepaddings">
|
||
<view v-for="(item,index) in list" :key="index" class="detail_list contentboxsty font13">
|
||
<view @click="toDetail(item.id)">
|
||
<view class="list_top">
|
||
<view class="top_left">
|
||
工单号:{{item.order_sn}}
|
||
</view>
|
||
<view class="top_right">
|
||
工单详情 <text class="iconfont icon-gengduo"></text>
|
||
</view>
|
||
</view>
|
||
<view class="list_content font13">
|
||
<view class="list_centre">
|
||
<view class="centre_left">
|
||
<view class="">
|
||
算法出材率
|
||
</view>
|
||
<view class="percentage font24">
|
||
{{item.algorithm}}%
|
||
</view>
|
||
</view>
|
||
<view class="centre_left">
|
||
<view class="">
|
||
实际出材率
|
||
</view>
|
||
<view class="percentage font24">
|
||
{{item.reality}}%
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="list_below">
|
||
<view class="row">
|
||
<view class="row_left">
|
||
<text>状态：</text>
|
||
<text>{{item.review_status_label}}</text>
|
||
</view>
|
||
<view class="row_right">
|
||
<text>加工规格：</text>
|
||
<text>{{item.order_spec}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="row">
|
||
<view class="row_left">
|
||
<text>生产开始：</text>
|
||
<text>{{item.plan_date}}</text>
|
||
</view>
|
||
<view class="row_right">
|
||
<text>工单耗时：</text>
|
||
<text>{{item.timeConsuming}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="row">
|
||
<view class="row_left">
|
||
<text>工单数量：</text>
|
||
<text>{{item.order_number}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
list:[]
|
||
}
|
||
},
|
||
onShow(){
|
||
this.listData();
|
||
},
|
||
methods: {
|
||
listData(){
|
||
this.$api.postFuncLoading('/order.list',{page: 1,pageSize: 15}).then(res=>{
|
||
this.list = res.data.rows
|
||
|
||
|
||
})
|
||
},
|
||
//跳转工单详情
|
||
toDetail(id){
|
||
console.log(id)
|
||
uni.navigateTo({
|
||
url:'/pages/production/productionDetail?id='+id
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.detail_list{
|
||
.list_centre{display: flex;text-align: center;padding-bottom: 10px;
|
||
view{flex: 1;}
|
||
.percentage{color: #00B68D;}
|
||
}
|
||
.list_below{padding-bottom: 12px;
|
||
.row{display: flex;padding-top: 10px;
|
||
view{flex: 1;}
|
||
}
|
||
}
|
||
|
||
}
|
||
</style>
|