<template>
	<view class="container">
		<view class="row" style="--label-width: 180rpx">
			<view class="col col-24">
				<view class="label">是否存在问题：</view>
				<view class="content">{{ problem.hasProblem ? '是' : '否' }}</view>
			</view>
			<view class="col col-24">
				<view class="label">问题来源：</view>
				<view class="content">{{ getDictLabel(taskType, problem.taskType) }}</view>
			</view>
			<view class="col col-24">
				<view class="label">录入时间：</view>
				<view class="content">{{ problem.createTime }}</view>
			</view>
			<view class="col col-24">
				<view class="label">被督察单位：</view>
				<view class="content">{{ problem.departName }}</view>
			</view>
			<view class="col col-24">
				<view class="label">被督察人员：</view>
				<view class="content">{{ problem.peoples ? JSON.parse(problem.peoples).map(item => item.name).join('、') : '/' }}</view>
			</view>
			<view class="col col-24" v-if="problem.thingDesc">
				<view class="label">情况描述：</view>
				<view class="content">{{ problem.thingDesc }}</view>
			</view>
			<view class="col col-24">
				<view class="label">是否下发：</view>
				<view class="content" v-if="problem.distributionState === '0'" style="color: red">未下发</view>
				<view class="content" v-if="problem.distributionState === '1'">已下发</view>
			</view>
		</view>
		<view class="mt-10 mb-6" style="font-size: 14px; color: #666">附件</view>
		<view class="photo-container" v-if="problem.files">
			<view v-for="photo in JSON.parse(problem.files)" class="photo-item">
				<net-image :filepath="photo.filePath" />
			</view>
		</view>
	</view>
	
</template>

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

<style scoped>
	.info {
		padding: 12px;
		box-shadow: inset 0 -1px 0 0 #eee;
	}
	.police-info-avatar {
		width: 136rpx;
		height: 205rpx;
		image {
			width: 100%;
			height: 100%;
		}
	}
</style>