You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

82 lines
2.0 KiB

<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>