jwl-applet/src/pages/questionBank/exclusiveExercise.vue

<template>
	<view class="p14">
		<view class="flex jc-sb">
			<view class="relative mr5" @tap="toIconSkill">
				<image style="width: 336rpx;height: 152rpx;" src="../../static/image/practice/errorprone_bg.png">
				</image>
				<view style="position: absolute;left: 0;top: 0;" class="p10">
					<view style="color: #04B13B;font-size: 18px;">图标技巧</view>
					<text style="color: #04B13B;font-size: 14px;">快速记忆</text>
				</view>
			</view>
			<view class="relative ml5" @tap="toChapterSkill">
				<image style="width: 363rpx;height: 170rpx;" src="../../static/image/practice/chapter_bg.png"></image>
				<view style="position: absolute;left: 0;top: 0;" class="p10">
					<view style="color: #FF6E02;font-size: 18px;">章节练习</view>
					<text style="color: #FF6E02;font-size: 14px;">共5章</text>
				</view>
			</view>
		</view>
		<view class="bc-fff pt14" style="border-radius: 20rpx;">
			<u-grid :border="false" col="4">
				<u-grid-item v-for="(listItem,listIndex) in list" :key="listIndex" @click="toAnswer(listItem.title,listItem.isError,listItem.isNew)">
					<view style="width: 84rpx;height: 84rpx;">
						<image style="width: 84rpx;height: 100rpx;" mode="widthFix" :src="listItem.image"></image>
					</view>
					<text class="grid-text fs14 cor-000">{{listItem.title}}</text>
					<text class="grid-text mb10 fs12 cor-999">{{listItem.subTitle}}</text>
				</u-grid-item>
			</u-grid>
		</view>
		<view class="mt14 p14 bc-fff" style="border-radius: 20rpx;">
			<text class="fs18 cor-000 fw600">常见考点</text>
			<view class="flex ai-c wp100 mt10" style="flex-wrap: wrap;">
				<view class="wp50 flex ai-c p15tb" style="border-bottom: 1rpx solid #DDDCDC;" v-for="(item,index) of testCenterList" :key="index" @tap="toQuestionBank(item)">
					<view class="dot_item">{{index+1}}</view>
					<text class="ml5 topic_cont_text" style="width: calc(100% - 65rpx);">{{item.configItemName}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import errorIcon from "../../static/image/practice/error_icon.png"
	import newRulesIcon from "../../static/image/practice/newRules_icon.png"
	import neverWriteIcon from "../../static/image/practice/neverWrite_icon.png"
	import danxuanIcon from "../../static/image/index/danxuan.png"
	import panduanIcon from "../../static/image/index/panduan.png"
	import tupianIcon from "../../static/image/index/tupian.png"
	import {
		querySysConfigList,
		querySpecialNum
	} from '@/jtools/api/question';
	import storage from '@/jtools/storage';
	export default {
		data() {
			return {
				errorIcon,
				newRulesIcon,
				neverWriteIcon,
				list:[{
					title:'新规题',
					subTitle:'392题',
					isNew:1,
					isError:0,
					image:newRulesIcon
				},{
					title:'易错题',
					isNew:0,
					isError:1,
					subTitle:'392题',
					image:errorIcon
				},{
					title:'单选题',
					subTitle:'392题',
					isNew:0,
					isError:0,
					image:danxuanIcon
				},{
					title:'判断题',
					subTitle:'392题',
					isNew:0,
					isError:0,
					image:panduanIcon
				},{
					title:'图片题',
					subTitle:'392题',
					isNew:0,
					isError:0,
					image:tupianIcon
				}],
				testCenterList:[],
				subject:'1'
			}
		},
		onLoad(op){
			if(op.subject){
				this.subject=op.subject
			}
			this.getExamPoint()
			this.getQuestionNum()
		},
		methods: {
			getQuestionNum(){
				querySpecialNum({
					carTypeId:storage.get('carType') || '1001',
					subject:this.subject
				}).then(resp=>{
					if(resp.code==='0000'){
						if(this.subject=='1'){
							this.list=[{
								title:'新规题',
								subTitle:resp.data.newQuestionNum+'题',
								isNew:1,
								isError:0,
								image:newRulesIcon
							},{
								title:'易错题',
								isNew:0,
								isError:1,
								subTitle:resp.data.errorQuestionNum+'题',
								image:errorIcon
							},{
								title:'单选题',
								subTitle:resp.data.radioQuestionNum+'题',
								isNew:0,
								isError:0,
								image:danxuanIcon
							},{
								title:'判断题',
								subTitle:resp.data.judgeQuestionNum+'题',
								isNew:0,
								isError:0,
								image:panduanIcon
							},{
								title:'图片题',
								subTitle:resp.data.imageQuestionNum+'题',
								isNew:0,
								isError:0,
								image:tupianIcon
							}]
						}else{
							this.list=[{
								title:'新规题',
								subTitle:resp.data.newQuestionNum+'题',
								isNew:1,
								isError:0,
								image:newRulesIcon
							},{
								title:'易错题',
								isNew:0,
								isError:1,
								subTitle:resp.data.errorQuestionNum+'题',
								image:errorIcon
							},{
								title:'单选题',
								subTitle:resp.data.radioQuestionNum+'题',
								isNew:0,
								isError:0,
								image:danxuanIcon
							},{
								title:'多选题',
								subTitle:resp.data.multipleChoiceQuestionNum+'题',
								isNew:0,
								isError:0,
								image:neverWriteIcon
							},{
								title:'判断题',
								subTitle:resp.data.judgeQuestionNum+'题',
								isNew:0,
								isError:0,
								image:panduanIcon
							},{
								title:'图片题',
								subTitle:resp.data.imageQuestionNum+'题',
								isNew:0,
								isError:0,
								image:tupianIcon
							}]
						}
					
					}
				})
			},
			getExamPoint(){
				const carTypeId=storage.get('carType') || '1001'
				const examKey = this.subject=='1'?'ExamKeysOfSubjectOne':'ExamKeysOfSubjectFour'
				querySysConfigList(carTypeId,examKey).then(resp=>{
					if(resp.code==='0000'){
						this.testCenterList=resp.data
					}
				})
			},
			toAnswer(title,isError,isNew) {
				if(title=='单选题'){
					uni.navigateTo({
						url:"/pages/questionBank/questionBank?navTitle="+title+"&isError="+isError+"&isNew="+isNew+"&type=2"+"&subject="+this.subject
					})
				}else if(title=='多选题'){
					uni.navigateTo({
						url:"/pages/questionBank/questionBank?navTitle="+title+"&isError="+isError+"&isNew="+isNew+"&type=3"+"&subject="+this.subject
					})
				}else if(title=='判断题'){
					uni.navigateTo({
						url:"/pages/questionBank/questionBank?navTitle="+title+"&isError="+isError+"&isNew="+isNew+"&type=1"+"&subject="+this.subject
					})
				}else if(title=='图片题'){
					uni.navigateTo({
						url:"/pages/questionBank/questionBank?navTitle="+title+"&isError="+isError+"&isNew="+isNew+"&isImage=1"+"&subject="+this.subject
					})
				}else{
					uni.navigateTo({
						url:"/pages/questionBank/questionBank?navTitle="+title+"&isError="+isError+"&isNew="+isNew+"&subject="+this.subject
					})
				}
			},
			toQuestionBank(val){
				uni.navigateTo({
					url:"/pages/questionBank/questionBank?navTitle="+val.configItemName+"&examKey="+val.configItemCode+"&subject="+this.subject
				})
			},
			toIconSkill(){
				uni.navigateTo({
					url:"/pages/index/iconSkill"
				})
			},
			toChapterSkill(){
				uni.navigateTo({
					url:"/pages/questionBank/chapterExercise"
				})
			}
		}
	}
</script>

<style scoped>
.dot_item{
	width: 40rpx;
	height: 40rpx;
	line-height: 41rpx;
	color: #fff;
	text-align: center;
	background: #0BD032;
	border-radius: 50%;
}
.topic_cont_text{
		height:45rpx;
		overflow: hidden;
		word-break: break-all;  /* break-all(允许在单词内换行。) */
		text-overflow: ellipsis;  /* 超出部分省略号 */
		display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp:1; /** 显示的行数 **/

	}
</style>