mes_mobile/pages/index/materialYield.vue

122 lines
2.8 KiB
Vue
Raw Normal View History

2024-02-19 16:53:38 +08:00
<template>
<!-- 工单出材率 -->
<view class="pagepaddings font13">
<view v-for="(item,index) in list" :key="index" class="detail_list contentboxsty">
<view class="list_top">
<view class="top_left">
工单号:{{item.name}}
</view>
<view class="top_right">
2024-03-13 16:07:11 +08:00
工单详情 <text class="iconfont icon-gengduo"></text>
2024-02-19 16:53:38 +08:00
</view>
</view>
2024-03-13 16:07:11 +08:00
<view class="list_content font13">
2024-02-19 16:53:38 +08:00
<view class="list_centre">
2024-03-13 16:07:11 +08:00
<view class="list_row">
<view class="centre_left">
<text>加工规格</text>
<text>{{item.specs}}</text>
</view>
<view class="centre_right">
生产中
</view>
2024-02-19 16:53:38 +08:00
</view>
2024-03-13 16:07:11 +08:00
<view class="list_row">
<view class="centre_left">
<text>算法出材率</text>
<text>{{item.algorithm}}%</text>
</view>
2024-02-19 16:53:38 +08:00
</view>
</view>
<view class="list_below">
<view class="below_left">
<view class="">
2024-03-13 16:07:11 +08:00
出材率
2024-02-19 16:53:38 +08:00
</view>
<view class="percentage font24">
{{item.algorithm}}%
</view>
</view>
2024-03-13 16:07:11 +08:00
<!-- <view class="below_left">
2024-02-19 16:53:38 +08:00
<view class="">
算法出材率
</view>
<view class="percentage font24">
{{item.reality}}%
</view>
2024-03-13 16:07:11 +08:00
</view> -->
2024-02-19 16:53:38 +08:00
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list:[{
name:'SO202401111004',
algorithm:'81.5',
reality:'81.4',
state:'生产中',
specs:'4*9*3.66',
time:'jan-11 10:05',
timeConsuming:'3.5H',
number:'12.66m³'
},{
name:'SO202401111004',
algorithm:'81.5',
reality:'81.4',
state:'生产中',
specs:'4*9*3.66',
time:'jan-11 10:05',
timeConsuming:'3.5H',
number:'12.66m³'
},{
name:'SO202401111004',
algorithm:'81.5',
reality:'81.4',
state:'生产中',
specs:'4*9*3.66',
time:'jan-11 10:05',
timeConsuming:'3.5H',
number:'12.66m³'
},{
name:'SO202401111004',
algorithm:'81.5',
reality:'81.4',
state:'生产中',
specs:'4*9*3.66',
time:'jan-11 10:05',
timeConsuming:'3.5H',
number:'12.66m³'
}]
}
},
methods: {
}
}
</script>
<style lang="scss">
.detail_list{
// .list_top{display: flex;padding: 12px 0;border-bottom: 1px solid #2D3A6F;margin-bottom: 8px;
// .top_left{flex: 1;}
// }
2024-03-13 16:07:11 +08:00
.list_centre{
.list_row{display: flex;padding-bottom: 12px;
.centre_left{flex: 1;display: flex;
text:first-child{width:80px;}
}
.centre_right{background: rgba(230,162,60,0.2);border-radius: 4px 4px 4px 4px;height: 20px;padding: 0 6px;color: #E6A23C;}
}
2024-02-19 16:53:38 +08:00
}
.list_below{display: flex;text-align: center;padding: 20px 0;
view{flex: 1;}
.percentage{color: #00B68D;}
}
}
</style>