<template>
	<view class="container">
		<view class="content">
			<view class="content-item">
				<text>任务名称</text>
				<view>111</view>
			</view>
			<view class="content-item">
				<text>任务周期</text>
				<view>天</view>
			</view>
			<view class="content-item">
				<text>执行日期</text>
				<view>2020/10/10</view>
			</view>
			<view class="content-item">
				<text>执行时间</text>
				<view>09:00</view>
			</view>
			<view class="content-item">
				<text>开始日期</text>
				<view>2020/10/10</view>
			</view>
			<view class="content-item">
				<text>结束日期</text>
				<view>2020/10/11</view>
			</view>
			<view class="content-item">
				<text>考评类型</text>
				<view>点检</view>
			</view>
			<view class="content-item" @click="viewItem">
				<text>考评指标</text>
				<view style="color: #007AFF;" >
					12个 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888"></u-icon>
				</view>
			</view>
			<view class="content-item" @click="viewStores">
				<text>考评门店</text>
				<view style="color: #007AFF;">
					12个 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888"></u-icon>
				</view>
			</view>
			<view class="content-item">
				<text>任务有效期天数</text>
				<view>3天</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {getCheckTaskConfig} from '../../../api/checkTaskConfig.js'
	export default{
		data(){
			// const currentDate = this.getDate({
			// 	format: true
			// })
			return{
				pageData:null,		// 接受上个页面传的数据
				show: false,		// 是否显示消息提醒弹窗
				content: '',		// 消息提醒内容
				title:'',			// 消息提醒标题
				showCancelButton:''	,// 是否显示确认框的取消按钮  true 显示  false不显示
				listData:[]
			}
		},
		onLoad() {
			this.getData()
		},
		methods:{
			// 详情
			getData(){
				getCheckTaskConfig({id:89}).then(res=>{
					console.log(res)
					if(res.status==200){
						this.listData=res.data[0]
						console.log(this.listData)
					}
				})
			},
			// 查看已选考评门店详情
			viewStores(){
				uni.navigateTo({
					url: '/pages/spotCheckConfigure/spotCheckDetail/evaluateStoreDetail'
				})
			},
			// 查看已选考评指标详情
			viewItem(){
				uni.navigateTo({
					url: '/pages/spotCheckConfigure/spotCheckDetail/evaluateItemDetail'
				})
			}
		}
	}
</script>

<style lang="less">
	.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>
