<template>
	<view class="container">
		
		<view class="row" style="--label-width: 180rpx">
			<view class="col col-24">
				<view class="label">任务名称：</view>
				<view class="content">{{ task.taskName }}</view>
			</view>
			<view class="col col-24">
				<view class="label">自查类型：</view>
				<view class="content">{{ task.type }}</view>
			</view>
			<view class="col col-24">
				<view class="label">自查单位：</view>
				<view class="content">{{ task.supDepartName }}</view>
			</view>
			<view class="col col-24">
				<view class="label">自查时间：</view>
				<view class="content">{{ task.beginTime }}</view>
			</view>
			<view class="col col-24">
				<view class="label">任务状态：</view>
				<view class="content">
					<uni-tag text="自查中" type="primary" v-if="task.taskStatus === 'todo'"></uni-tag>
					<uni-tag text="已完结" v-else></uni-tag>
				</view>
			</view>
		</view>
		<view class="h1">任务要求</view>
		<view v-html="task.requirementHtml"></view>
		<view class="h1">自查内容</view>
		<view v-for="(item, index) in task.contents" class="content-item">
			<view class="content-item-title">{{ index + 1 }} {{ item.title }}</view>
			<view class="content-item-c">{{ item.content }}</view>
		</view>
	</view>
	
</template>

<script>
	import { getTaskSelfexamination } from '@/api/selfexamination.js';
	import { getDictOptions } from '@/common/dict'
	import { getDictLabel } from '@/common/util'
	
	let _this;
	export default {
		inheritAttrs: false,
		data() {
			return {
				task: {}
			}
		},
		setup() {
			const taskType = getDictOptions('taskType');
			return {
				taskType,
				getDictLabel
			}
		},
		onLoad() {
			_this = this;
			getTaskSelfexamination(this.$page.options.id).then(data => {
				this.task = data
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.h1 {
		color: #ff5722;
		margin-top: 24rpx;
		margin-bottom: 12rpx;
		font-weight: bold;
	}
	.content-item {
		margin-bottom: 12rpx;
	}
</style>