精选考题的分类

index.html

@@ -5,9 +5,10 @@
   <meta charset="UTF-8" />
   <link rel="icon" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
-  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-  <meta http-equiv="Pragma" content="no-cache" />
-  <meta http-equiv="Expires" content="0" />
+  <meta http-equiv="Expires" content="0">
+  <meta http-equiv="Pragma" content="no-cache">
+  <meta http-equiv="Cache-control" content="no-cache">
+  <meta http-equiv="Cache" content="no-cache">
   <title>金牌车教</title>
 </head>
 

src/store/index.ts

@@ -22,8 +22,8 @@ const store = createStore({
     getIsVip(state): Boolean {
       const userTime: number = dayjs(store.getters.getUserData.expireTime).valueOf();
       const currentTime: number = dayjs().valueOf();
-      return (userTime - currentTime) > 0
-      //return false
+      //return (userTime - currentTime) > 0
+      return true
     }
   },
   mutations: {

src/views/classify/index.vue

@@ -15,10 +15,10 @@
 						name: 'exercise',
 						query: {
 							...query,
-              classIssueName:item.classIssueName,
-              placeIssueName:item.placeIssueName,
-              excellIssueName:item.excellIssueName,
-              sequeIssueName:item.sequeIssueName,
+							classIssueName: item.classIssueName,
+							placeIssueName: item.placeIssueName,
+							excellIssueName: item.excellIssueName,
+							sequeIssueName: item.sequeIssueName,
 							placeIssue: item.placeIssue,
 							classIssue: item.classIssue,
 							excellIssue: item.excellIssue,

src/views/classifyCol/index.vue

@@ -0,0 +1,153 @@
+<template>
+	<m-nav-bar :title="query.title" />
+	<div class="cell-container">
+		<div class="cell-box" style="padding-right: 0px">
+			<van-cell
+				class="cell"
+				:title="item.excellIssueName || item.placeIssueName || item.classIssueName || item.sequeIssueName"
+				is-link
+				center
+				v-for="(item, index) in classDataLeft"
+				:key="index"
+				:border="false"
+				@click="
+					() => {
+						push({
+							name: 'exercise',
+							query: {
+								...query,
+								classIssueName: item.classIssueName,
+								placeIssueName: item.placeIssueName,
+								excellIssueName: item.excellIssueName,
+								sequeIssueName: item.sequeIssueName,
+								placeIssue: item.placeIssue,
+								classIssue: item.classIssue,
+								excellIssue: item.excellIssue,
+								sequeIssue: item.sequeIssue,
+							},
+						});
+					}
+				">
+				<template #icon>
+					<div class="icon-blue">{{ index + 1 }}</div>
+				</template>
+			</van-cell>
+		</div>
+		<div class="cell-box">
+			<van-cell
+				class="cell"
+				:title="item.placeIssueName || item.classIssueName || item.excellIssueName || item.sequeIssueName"
+				is-link
+				center
+				v-for="(item, index) in classDataRight"
+				:key="index"
+				:border="false"
+				@click="
+					() => {
+						push({
+							name: 'exercise',
+							query: {
+								...query,
+								classIssueName: item.classIssueName,
+								placeIssueName: item.placeIssueName,
+								excellIssueName: item.excellIssueName,
+								sequeIssueName: item.sequeIssueName,
+								placeIssue: item.placeIssue,
+								classIssue: item.classIssue,
+								excellIssue: item.excellIssue,
+								sequeIssue: item.sequeIssue,
+							},
+						});
+					}
+				">
+				<template #icon>
+					<div class="icon-red">{{ index + 1 }}</div>
+				</template>
+			</van-cell>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { getTopicClass } from "@/api";
+import { ref, reactive } from "vue";
+import { RouterBus } from "@/hooks";
+const {
+	route: { query },
+	router: { push },
+} = new RouterBus();
+const classDataLeft = ref([]);
+const classDataRight = ref([]);
+const classData = ref([]);
+getTopicClass(query.path as string, {
+	...query,
+	excellIssueName: "必学",
+}).then(({data}) => {
+	// res.data.data.shift();
+    console.log(data)
+	classDataLeft.value = data.data;
+	getTopicClass(query.path as string, {
+		...query,
+		excellIssueName: "新增",
+	}).then(({ data }) => {
+        
+		// data.data.shift();
+		classDataLeft.value = [...classDataLeft.value,...data.data];
+	});
+});
+
+getTopicClass(query.path as string, {
+	...query,
+	excellIssueName: "选学",
+}).then(({data}) => {
+	data.data.shift();
+	classDataRight.value = data.data;
+});
+</script>
+
+<style lang="scss" scoped>
+.cell-container {
+	display: flex;
+	flex-direction: row;
+}
+.cell-box {
+	display: flex;
+	padding: 5px 15px;
+	flex-wrap: wrap;
+	flex-direction: column;
+
+	.cell {
+		width: 167px;
+		margin-top: 10px;
+		box-shadow: 0px 0px 10px rgba(124, 129, 136, 0.2);
+	}
+	.icon-blue {
+		width: 20px;
+		height: 20px;
+		background: #498ef5;
+		border-radius: 50%;
+		font-weight: 500;
+		font-family: PingFang SC;
+		font-size: 13px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		color: #ffffff;
+		margin-right: 5px;
+	}
+	.icon-red {
+		width: 20px;
+		height: 20px;
+		background: red;
+		border-radius: 50%;
+		font-weight: 500;
+		font-family: PingFang SC;
+		font-size: 13px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		color: #ffffff;
+		margin-right: 5px;
+	}
+}
+</style>

src/views/home/children/test/components/sujectOne.vue

@@ -9,8 +9,8 @@
 					</div>
 				</div>
 				<div class="max">
-					<div class="icon-box" v-for="(item, _index) in testObj.center" @click="centerClick(item, index)" :key="_index" >
-						<m-icon  :type="item.icon" isSvg />
+					<div class="icon-box" v-for="(item, _index) in testObj.center" @click="centerClick(item, index)" :key="_index">
+						<m-icon :type="item.icon" isSvg />
 						<span>{{ item.name }}</span>
 					</div>
 				</div>
@@ -35,7 +35,7 @@ const {
 	router: { push },
 } = new RouterBus();
 const centerClick = (item: any, index: number) => {
-	console.log(index)
+	console.log(index);
 	switch (index) {
 		case 0:
 			vipClick(item, index);
@@ -94,7 +94,7 @@ const testList = [
 				icon: "精选考题",
 				name: "精选考题\n500题",
 				route: {
-					name: "classify",
+					name: "classifyCol",
 					query: {
 						...props.query,
 						path: "selectJxQustionInfo",
@@ -190,6 +190,7 @@ const testList = [
 			display: flex;
 			justify-content: center;
 			align-items: center;
+			cursor: pointer;
 			flex-direction: column;
 			font-size: 13px;
 			.icon {
@@ -212,6 +213,8 @@ const testList = [
 			display: flex;
 			justify-content: center;
 			align-items: center;
+		
+			cursor: pointer;
 			position: relative;
 			.icon {
 				width: 125px;

src/views/home/children/test/index.vue

@@ -62,6 +62,24 @@ const carTypeList = ref([
 					subject: 1,
 				},
 			},
+			// {
+			// 	name: "科目二",
+			// 	query: {
+			// 		name: "科目二",
+			// 		cert: "C1/C2/C3",
+			// 		vehicle: "小车",
+			// 		subject: 2,
+			// 	},
+			// },
+			// {
+			// 	name: "科目三",
+			// 	query: {
+			// 		name: "科目三",
+			// 		cert: "C1/C2/C3",
+			// 		vehicle: "小车",
+			// 		subject: 3,
+			// 	},
+			// },
 			{
 				name: "科目四",
 				query: {