<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>
