WechatOwnerService/pages/questionAnswer/questionAnswer.vue
2021-09-10 14:32:06 +08:00

122 lines
3.2 KiB
Vue

<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.replaceAll("-","/");
let _endTime = new Date(item.endTime);
let _startTime = new Date(item.startTime.replaceAll("-","/"));
if(_startTime.getTime() > new Date().getTime()){
item.state = '-1';
} else 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 == '-1'){
uni.showToast({
icon:'none',
title:'此投票问卷尚未开始'
})
return ;
}
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>