<template>
	<view class="user-container">
		<view class="cu-list menu" v-if="questions.length > 0" v-for="(question, idx) in questions" :key="idx" :data-item="question"
		 @click="gotoDetail(question)">
			<view class="cu-item arrow">
				<view class="content padding-tb-sm">
					<view>
						<text class="cuIcon-notification text-cut text-green margin-right-xs"></text>
						<view class="text-cut" style="width:220px">{{question.qaName}}</view>
					</view>
					<view class="text-gray text-sm">
						<text class="margin-right-xs">结束时间：</text> {{question.endTime}}</view>
				</view>
				<view class="action" v-if="question.state == '0'">已结束</view>
				<view class="action" v-else-if="question.state == '2'">已投票</view>
			</view>
		</view>
		<view class="cu-list menu" v-if="questions.length === 0">
			<view class="cu-item">
				<view class="content">
					<text class="cuIcon-notification text-grey"></text>
					<text class="text-grey">暂无投票问卷信息</text>
				</view>
				<view class="action">
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	/** index.js **/
	const context = require("../../context/Java110Context.js");
	const constant = context.constant; //获取app实例
	//获取app实例
	const app = getApp().globalData;
	import {queryQuestionAnswer} from '../../api/question/questionApi.js'

	export default {
		data() {
			return {
				communityId: "",
				questions: [],
				currPageIndex: 0,
				pageSize: 10,
				userId:''
			};
		},
		onLoad: function(options) {
			let that = this;
			context.onLoad(options);
		},
		onShow: function() {
			let that = this;
			that.communityId = context.getUserInfo().communityId;
			that.userId = context.getUserInfo().userId;
			
			queryQuestionAnswer({
				page:1,
				row:50,
				qaTypes:'1001,3003',
				objType:'3306',
				communityId:that.communityId
			})
			.then(_data=>{
				_data.data.forEach(function(item, index) {
					item.endTime = item.endTime.replace("-","/");
					let _endTime = new Date(item.endTime);
					if(_endTime.getTime() > new Date().getTime()){
						item.state = '1';
					}else{
						item.state = '0';
					}
					if(item.userId == that.userId){
						item.state = '2';
					}
					item.startTime = item.startTime.replace(/:\d{1,2}$/, ' ');
					item.endTime = item.endTime.replace(/:\d{1,2}$/, ' ');
				});
				that.questions = _data.data;
			})
		},
		methods: {
			gotoDetail: function(_question) {
				if(_question.state == '0'){
					uni.showToast({
						icon:'none',
						title:'此投票问卷已结束'
					})
					return ;
				}
				if(_question.state == '2'){
					uni.showToast({
						icon:'none',
						title:'此投票问卷已投票'
					})
					return ;
				}
				let that = this;
				this.vc.navigateTo({
					url: "/pages/questionAnswerDetail/questionAnswerDetail?qaId=" + _question.qaId+"&objType="+_question.objType
				});
			},
		}
	};
</script>
<style>
	.cu-list+.cu-list {
	    margin-top: 10px;
	}
</style>
