MiniPrograms/subpkg/detail/exam.vue

<template>
	<view class="container">
		<!-- 返回按钮 -->
		<back text="评测详情"></back>
		<!-- 单个详情 -->
		<view class="detail-item">
			<view class="flex" style="width: 100%;height: 90rpx;">
				<view class="flex" style="margin: -30rpx 0 0 10rpx;">
					<view class="index" :style="{backgroundColor: singleDetail.examInfo.progress === 'finish'? '#23b46c': '#4169E1' }">
					</view>
					<view class="name">{{singleDetail.examInfo.name}}</view>
				</view>
		
				<view :class="singleDetail.examInfo.progress === 'finish'?'t-icon t-icon-yiwancheng1':'t-icon t-icon-jinhangzhong'" style="margin-left: auto; width: 90rpx; height: 90rpx;"></view>
		
			</view>
			<!-- 正文 -->
			<view class="content-box">
				<view style="display:flex;flex-direction: column;padding: 0 30rpx;">
					<view class="flex" style="margin-bottom: 15rpx;">
						<view class="block-tag-box">
							<view class="block-tag">{{singleDetail.examInfo.subjects[0].name}}</view>
						</view>
						<view class="block-tag-box" style="margin-left: 20rpx;">
							<view class="block-tag">{{singleDetail.examInfo.examType.name}}</view>
						</view>
					</view>
					<view class="flex">
						<view class="subtitle">布置老师:</view>
						<view class="subtitle-info" style="margin-left: 10rpx;">{{singleDetail.examInfo.creatorId}}</view>
						<view class="subtitle" style="margin-left: 20rpx;">截止时间:</view>
						<view class="subtitle-info" style="margin-left: 10rpx;">
							{{$timestampToTime(singleDetail.examInfo.endTime)}}</view>
					</view>
				</view>
		
				<view class="content-detail-box">
					<view class="title-box" :style="{backgroundColor: singleDetail.examInfo.progress === 'finish'? '#23b46c': '#4169E1' }">
						<view class="content-subtitle">{{singleDetail.examInfo.papers[0].name}}</view>
					</view>
					<view class="content-detail"></view>
				</view>
			</view>
		
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		computed: {
			...mapState('m_children', ['singleDetail'])
		},
		data(){
			return{
			};
		},
		onLoad() {
		},
		methods:{

		}
	}
</script>

<style lang="scss">
	@import '@/subpkg/common/detailpage.scss';
</style>