<template>
	<view class="container">
		<view class="content" v-if="pageData">
			<view class="content-item">
				<text>任务名称</text>
				<view>{{pageData.name}}</view>
			</view>
			<view class="content-item">
				<text>任务周期</text>
				<view>{{pageData.cycleType}}</view>
			</view>
			<view class="content-item">
				<text>执行日期</text>
				<view>{{pageData.buildDateDay||pageData.buildDateWeekList}}</view>
			</view>
			<view class="content-item">
				<text>执行时间</text>
				<view>{{pageData.buildTime}}</view>
			</view>
			<view class="content-item">
				<text>开始日期</text>
				<view>{{pageData.startDate}}</view>
			</view>
			<view class="content-item">
				<text>结束日期</text>
				<view>{{pageData.endDate}}</view>
			</view>
			<view class="content-item">
				<text>考评指标</text>
				<view style="color: #007AFF;" >
					{{pageData.assessTargetIds.length}} 项 
					<u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888" @click="openZBpage"></u-icon>
				</view>
			</view>
			<view class="content-item">
				<text>考评门店</text>
				<view style="color: #007AFF;">
					{{pageData.storeIdList.length}} 个 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888" @click="viewStores"></u-icon>
				</view>
			</view>
			<view class="content-item">
				<text>任务有效期天数</text>
				<view>{{pageData.effectiveDay}}天</view>
			</view>
		</view>
		<view v-else>
			<view class="loadingStyle">
				<u-loading mode="circle"></u-loading>
				<view>正在加载</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {getCheckTaskConfig} from '../../../api/checkTaskConfig.js'
	export default{
		data(){
			return{
				pageData:null,		// 接受上个页面传的数据
				id:''
			}
		},
		onLoad(opts) {
			this.id = opts.id
			this.getData()
		},
		methods:{
			// 详情
			getData(){
				getCheckTaskConfig({id:this.id}).then(res=>{
					console.log(res)
					if(res.status==200){
						this.pageData=res.data
					}
				})
			},
			// 考评指标选择
			openZBpage() {
				let item = this.pageData.assessTargetIds
				if(item.length>0){
					uni.navigateTo({
						url: '/pages/userCenter/viewStores?item='+encodeURIComponent(JSON.stringify(item))
					})
				}
			},
			viewStores(){
				let item = this.pageData.storeIdList
				if(item.length>0){
					uni.navigateTo({
						url: '/pages/userCenter/viewStores?item='+encodeURIComponent(JSON.stringify(item))
					})
				}
			}
		}
	}
</script>

<style lang="less">
	.loadingStyle{
		text-align: center;
		padding: 10vh 0 10vh 0;
	}
	.container{
		color:#666;
		font-size: 28rpx;
		.content{
			position: relative;
			background-color: #FFFFFF;
			margin-bottom: 60rpx;
			.content-item{
				display: flex;
				justify-content: space-between;
				padding: 30rpx;
				border-bottom: 1px solid #e5e5e5;
				> view{
					color: #666;
				}
			}
		}
	}
</style>
