mes_mobile/pages/index/schedule.vue

<template>
	<!-- 工单进度管理 -->
	<view class="page_padding">
		<view class="detail_list contentboxsty font13">
			<view class="list_top">
				<view class="top_left">
					工单号:
				</view>
				<view class="top_right">
					工单详情
				</view>
			</view>
			<view class="list_content">
				<view class="list_row">
					<view class="row_left">
						<view class="">开始时间：</view>
						<view class="">24-01-12 08:00</view>
					</view>
					<view class="row_right">
						生产中
					</view>
				</view>
				<view class="list_row padd_top12">
					<view class="">计划完成：</view>
					<view class="">24-01-12 08:00</view>
				</view>
				<view class="padd_top12">
					<progressBar :total="100" :val="20" title="" />
				</view>
			</view>
			<!-- <annularProgressBar :progress_txt="20" :width="84"  :height="69" title="出材率"/> -->
		</view>
	</view>
</template>

<script>
	import progressBar from '/components/progressBar.vue'
	import annularProgressBar from '/components/chocolate-progress-bar/chocolate-progress-bar.vue'
	export default {
	  components: {
		"progressBar":progressBar,
		"annularProgressBar":annularProgressBar,
	  },
		data() {
			return {
				list:[{name:''}]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.detail_list{
	.list_content{
		.list_row{display: flex;
			.row_left{display: flex;}
		}
	}
}
</style>