mes_mobile/pages/index/schedule.vue

<template>
	<!-- 工单进度管理 -->
	<view class="page_padding columnFlex">
		<view class="headerView" :class="headerFixed?'headerViewFixed':''">
			<searchView placeholder=" 搜索工单" />
		</view>
		<view class="flexBox">
			<view class="detail_list contentboxsty font13" v-for="(item,index) in list" :key="index">
				<view @click="toDetail(497)">
					<view class="list_top">
						<view class="top_left">
							工单号：{{item.sn}}
						</view>
						<view class="top_right">
							工单详情<text class="arrow iconfont icon-gengduo"></text>
						</view>
					</view>
					<view class="list_content">
						<view class="list_row">
							<text class="name">开始时间</text>
							<text class="text">24-01-12 08:00</text>
						</view>
						<view class="list_row padd_top12">
							<text class="name">计划完成</text>
							<text class="text">24-01-12 08:00</text>
						</view>
						<view class="padd_top12">
							<progressBar :total="100" :val="item.num" title="" />
						</view>
						<view class="card_right">
							<view class="status">生产中</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
	  components: {
		
	  },
		data() {
			return {
				list:[
					{name:'',sn:"SO20240422000002",num:20},{name:'',sn:"SO20240422000002",num:70},{name:'',sn:"SO20240422000002",num:90},
					{name:'',sn:"SO20240422000002",num:20},{name:'',sn:"SO20240422000002",num:70},{name:'',sn:"SO20240422000002",num:90}
				]
			}
		},
		methods: {
			toDetail(id){
				uni.navigateTo({
					url:'/pages/production/productionDetail?id='+id
				})
			},
		}
	}
</script>

<style scoped lang="scss">
.page_padding{
	padding-top: 0;
}
.detail_list{
	.list_content{
		.list_row{
			.name{
				width: 65px;
				display: inline-block;
				font-weight: bold;
			}
		}
	}
}
</style>