cqcarbonwxapp/pages/use/assignment/assignmentDetail/assignmentDetail.vue

<template>
	<view class="pages wrap">
		<view class="status">完成</view>
		<view class="timeline">
			<view class="timeline-item" :class="{active:status=='0' }">
				<view class="timeline-item-content">
					<view class="timeline-item-til">提交成功</view>
					<view class="timeline-item-con">非碳汇冲抵期碳汇冲抵申请</view>					
				</view>				
			</view>
			<view class="timeline-item" :class="{active:status=='1' }">
				<view class="timeline-item-content">
					<view class="timeline-item-til">后台审核</view>
					<view class="timeline-item-con">审核后将冲抵排量</view>					
				</view>				
			</view>
			<view class="timeline-item" :class="{active:status=='2' }">
				<view class="timeline-item-content">
					<view class="timeline-item-til">履约完成</view>
					<view class="timeline-item-con">完成履约，获得履约报告</view>					
				</view>				
			</view>
		</view>
		<!-- timeline end -->
		<view class="summary">
			<view class="summary-item">
				<view class="summary-item-til">年度</view>
				<view class="summary-item-con">2020年度</view>
			</view>
			<view class="summary-item">
				<view class="summary-item-til">步骤</view>
				<view class="summary-item-con">非碳汇冲抵期</view>
			</view>
			<view class="summary-item">
				<view class="summary-item-til">状态</view>
				<view class="summary-item-con">提交成功</view>
			</view>
			<view class="summary-item">
				<view class="summary-item-til">备注说明</view>
				<view class="summary-item-con"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status:0,
				params:{
					token:'',
				}
				
			}
		},
		onShow() {
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	@import url("./assignmentDetail.css");
</style>