feat：切换用户

伽蓝
1 parent 4d5e105e
Showing 6 changed files with 121 additions and 12 deletions Show diff stats
src/assets/rank/qh.png
src/assets/rank/qh1.png
src/router/index.js
src/views/answerRank/ans_question.vue
src/views/answerRank/stars.vue
src/views/answerRank/switchUser.vue
@@ -44,6 +44,7 @@ import ans_rank from &#39;@/views/answerRank/ans_rank.vue&#39; //答题排行榜
 import brush_questions from '@/views/answerRank/brush_questions.vue' //刷题记录
 import stars from '@/views/answerRank/stars.vue' //五星少年
 import ans_question from '@/views/answerRank/ans_question.vue' //答题
+import switchUser from '@/views/answerRank/switchUser.vue' //切换
 Vue.use(VueRouter)
 const [routerPush, routerReplace] = [VueRouter.prototype.push, VueRouter.prototype.replace];
@@ -343,6 +344,14 @@ const routes = [{
         }
     },
     {
+        path: '/switchUser',
+        name: 'switchUser',
+        component: switchUser,
+        meta: {
+            title: '切换用户'
+        }
+    },
+    {
         path: '/YanxueDetail',
         name: 'YanxueDetail',
         component: YanxueDetail,
@@ -149,15 +149,21 @@ export default {
                 )
                 .then((res) => {
                     if (res.data.code == 200) {
-                        this.$dialog.alert({
-                            title: "完成答题",
-                            message: "您的分数是：" + res.data.data,
-                            theme: "round-button",
-                        }).then(() => {
-                            this.$router.push({
-                                name: 'stars'
+                        this.$dialog
+                            .alert({
+                                title: "完成答题",
+                                message: "您的分数是：" + res.data.data,
+                                theme: "round-button",
                             })
-                        });
+                            .then(() => {
+                                let index = this.$route.query.index
+                                this.$router.push({
+                                    name: "stars",
+                                    query: {
+                                        index: index,
+                                    },
+                                });
+                            });
                     } else {
                         this.$toast.fail(res.data.message);
                     }
@@ -7,8 +7,9 @@
                         <img src="@/assets/rank/tx.png" />
                     </div>
                     <div class="font_box">
-                        <div class="font_name" @click="getUser">
+                        <div class="font_name" @click="switchUser">
                             {{ user.travelerName }}
+                            <img src="@/assets/rank/qh1.png" />
                         </div>
                         <div class="font_sch">{{ user.schoolName }}</div>
                     </div>
@@ -113,10 +114,27 @@ export default {
         //获取用户信息
         getUser() {
             this.userInfo = JSON.parse(localStorage.getItem("userInfo"));
-            console.log(this.userInfo);
+            
             if (!this.userInfo.subUsers || this.userInfo.subUsers.length == 0) {
                 return this.$toast.fail("暂无绑定出行人");
             }
+            
+            //选择了用户
+            if (this.$route.query.index) {
+                let index = this.$route.query.index;
+                localStorage.setItem(
+                    "travelerNum",
+                    this.userInfo.subUsers[index].travelerNum
+                );
+                this.user = {
+                    travelerNum: this.userInfo.subUsers[index].travelerNum,
+                    travelerName: this.userInfo.subUsers[index].travelerName,
+                    schoolName: this.userInfo.subUsers[index].schoolName,
+                };
+                return;
+            }
+            //未选择用户 - 默认第一个
+
             localStorage.setItem(
                 "travelerNum",
                 this.userInfo.subUsers[0].travelerNum
@@ -128,11 +146,20 @@ export default {
                 schoolName: this.userInfo.subUsers[0].schoolName,
             };
         },
+        //切换用户
+        switchUser() {
+            this.$router.push({
+                name: "switchUser",
+            });
+        },
         //开始答题
         toAns(val) {
             this.$router.push({
                 name: "ans_question",
-                query: {categoryId:val.itemCategoryId}
+                query: {
+                    categoryId: val.itemCategoryId,
+                    index: this.$route.query.index,
+                },
             });
         },
         //获取类型
@@ -144,7 +171,7 @@ export default {
                 )
                 .then((res) => {
                     if (res.data.code == 200) {
-                       this.libraryList = res.data.data
+                        this.libraryList = res.data.data;
                     } else {
                         this.$toast.fail(res.data.message);
                     }
@@ -207,6 +234,12 @@ export default {
                     .font_name {
                         font-size: 30px;
                         color: #333333;
+
+                        img {
+                            margin-top: 5px;
+                            width: 30px;
+                            height: 25px;
+                        }
                     }
                     .font_sch {
                         font-size: 27px;
@@ -0,0 +1,61 @@
+<template>
+    <div class="card">
+        <div class="cardBox" v-for="(v, i) in travelerList" :key="i">
+            <div class="cardItem" @click="checkUser(v, i)">
+                <div>{{ v.travelerName }}</div>
+                <div class="schoolCss">{{ v.schoolName }}</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            travelerList: [],
+        };
+    },
+    methods: {
+        getData() {
+            const userInfo = JSON.parse(localStorage.getItem("userInfo"));
+
+            this.travelerList = userInfo.subUsers;
+        },
+        //选择
+        checkUser(v, i) {
+            this.$router.push({
+                name: "stars",
+                query: {
+                    index: i,
+                },
+            });
+        },
+    },
+    mounted() {
+        this.getData();
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.card {
+    padding: 7vw;
+    box-sizing: border-box;
+
+    .cardBox {
+        .cardItem {
+            padding: 70px 0;
+            box-sizing: border-box;
+            font-size: 40px;
+            display: flex;
+            justify-content: space-between;
+            border-bottom: 1px solid rgb(236, 233, 233);
+
+            .schoolCss {
+                font-size: 32px;
+            }
+        }
+    }
+}
+</style>
 \ No newline at end of file
	@@ -0,0 +1,61 @@		@@ -0,0 +1,61 @@
		1	+<template>
		2	+ <div class="card">
		3	+ <div class="cardBox" v-for="(v, i) in travelerList" :key="i">
		4	+ <div class="cardItem" @click="checkUser(v, i)">
		5	+ <div>{{ v.travelerName }}</div>
		6	+ <div class="schoolCss">{{ v.schoolName }}</div>
		7	+ </div>
		8	+ </div>
		9	+ </div>
		10	+</template>
		11	+
		12	+<script>
		13	+export default {
		14	+ data() {
		15	+ return {
		16	+ travelerList: [],
		17	+ };
		18	+ },
		19	+ methods: {
		20	+ getData() {
		21	+ const userInfo = JSON.parse(localStorage.getItem("userInfo"));
		22	+
		23	+ this.travelerList = userInfo.subUsers;
		24	+ },
		25	+ //选择
		26	+ checkUser(v, i) {
		27	+ this.$router.push({
		28	+ name: "stars",
		29	+ query: {
		30	+ index: i,
		31	+ },
		32	+ });
		33	+ },
		34	+ },
		35	+ mounted() {
		36	+ this.getData();
		37	+ },
		38	+};
		39	+</script>
		40	+
		41	+<style lang="scss" scoped>
		42	+.card {
		43	+ padding: 7vw;
		44	+ box-sizing: border-box;
		45	+
		46	+ .cardBox {
		47	+ .cardItem {
		48	+ padding: 70px 0;
		49	+ box-sizing: border-box;
		50	+ font-size: 40px;
		51	+ display: flex;
		52	+ justify-content: space-between;
		53	+ border-bottom: 1px solid rgb(236, 233, 233);
		54	+
		55	+ .schoolCss {
		56	+ font-size: 32px;
		57	+ }
		58	+ }
		59	+ }
		60	+}
		61	+</style>
0	\ No newline at end of file	62	\ No newline at end of file