<template>
	<!-- 生产工单 -->
	<view class="pagepaddings">
		<view v-for="(item,index) in list" :key="index" class="page_list contentboxsty">
			<view class="list_top">
				<view class="top_left">
					工单号:{{item.name}}
				</view>
				<view class="top_right">
					工单详情
				</view>
			</view>
			<view class="list_centre">
				<view class="centre_left">
					<view class="">
						算法出材率
					</view>
					<view class="">
						{{item.algorithm}}%
					</view>
				</view>
				<view class="centre_left">
					<view class="">
						算法出材率
					</view>
					<view class="">
						{{item.reality}}%
					</view>
				</view>
			</view>
			<view class="list_below">
				<view class="">
					<view class="">
						<text>状态：</text>
						<text>{{item.state}}</text>
					</view>
					<view class="">
						<text>价格规格：</text>
						<text>{{item.specs}}</text>
					</view>
				</view>
				<view class="">
					<view class="">
						<text>生产开始：</text>
						<text>{{item.time}}</text>
					</view>
					<view class="">
						<text>工单耗时：</text>
						<text>{{item.timeConsuming}}</text>
					</view>
				</view>
				<view class="">
					<view class="">
						<text>工单数量：</text>
						<text>{{item.number}}</text>
					</view>
				</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">
.page_list{
	margin-bottom: 12px;
	padding: 12px;
	.list_top{display: flex;
		.top_left{flex: 1;}
	}
	.list_centre{display: flex;text-align: center;
		view{flex: 1;}
	}
}
</style>
