<template>
	<view>
		<!-- <u-navbar :title="navTitle" @rightClick="rightClick" :autoBack="true">
		</u-navbar> -->
		<j-navbar>{{navTitle}}</j-navbar>
			<Question ref="question" :tabsList="tabsList" :isShowAll="true" :subject="subject" :navTitle="navTitle"></Question>
		</view>
		</template>

<script>
	import {
		mapState,
		mapActions
	} from 'pinia' //引入映射函数
	import useQuestionStore from '@/jtools/store/question' //引入store
	import Question from './components/Question.vue';
	import {
		queryQuestion
	} from '@/jtools/api/question';
	import storage from '@/jtools/storage';
	export default {
		components: {
			Question
		},
		data() {
			return {
				subject:1,
				navTitle:'',
				tabsList:[{
					label:"答题",
					value:0
				},{
					label:"背题",
					value:1
				}],
				questionArr:[]
			}
		},
		onLoad(op) {
			if(op&&op.navTitle){
				this.navTitle=op.navTitle
				const param={}
				if(this.navTitle==='顺序答题'){
					this.questionArr=[...this.orderQuestion]
					this.$refs.question.getQuestionList(JSON.stringify(this.questionArr))
				}else if(this.navTitle==='错题本'){
					param.questionIdList=storage.get(`wrongList_subject${this.subject}`) || []
				}else if(this.navTitle==='收藏夹'){
					param.questionIdList=storage.get(`collectList_subject${this.subject}`) || []
				}
				if(op.questionList){
					param.questionList=JSON.parse(op.questionList)
				}
				queryQuestion(param).then(res => {
					if (res.code == '0000') {
						this.questionArr = res.data
						this.$refs.question.getQuestionList(JSON.stringify(this.questionArr))
					}
				})
			}
			if(op.subject){
				this.subject=op.subject
			}
		},
		computed: {
			...mapState(useQuestionStore, ["orderQuestion"]) //映射函数，取出tagslist
		},
		methods: {
			rightClick() {
				console.log('返回');
			},
		}
	}
</script>

<style scoped>

</style>
