From b0c415e006ec6064296f1666a8463ca4287c72b6 Mon Sep 17 00:00:00 2001
From: 伽蓝 <1873799138@qq.com>
Date: Sat, 3 Sep 2022 16:54:39 +0800
Subject: [PATCH] feat：切换用户

---
 src/assets/rank/qh.png                | Bin 0 -> 3201 bytes
 src/assets/rank/qh1.png               | Bin 0 -> 303 bytes
 src/router/index.js                   |  9 +++++++++
 src/views/answerRank/ans_question.vue | 22 ++++++++++++++--------
 src/views/answerRank/stars.vue        | 41 +++++++++++++++++++++++++++++++++++++----
 src/views/answerRank/switchUser.vue   | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 6 files changed, 121 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/rank/qh.png
 create mode 100644 src/assets/rank/qh1.png
 create mode 100644 src/views/answerRank/switchUser.vue

diff --git a/src/assets/rank/qh.png b/src/assets/rank/qh.png
new file mode 100644
index 0000000..7daa046
Binary files /dev/null and b/src/assets/rank/qh.png differ
diff --git a/src/assets/rank/qh1.png b/src/assets/rank/qh1.png
new file mode 100644
index 0000000..f4a6fa2
Binary files /dev/null and b/src/assets/rank/qh1.png differ
diff --git a/src/router/index.js b/src/router/index.js
index f84699b..41ddef8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -44,6 +44,7 @@ import ans_rank from '@/views/answerRank/ans_rank.vue' //答题排行榜
 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,
diff --git a/src/views/answerRank/ans_question.vue b/src/views/answerRank/ans_question.vue
index f3fe39a..0234716 100644
--- a/src/views/answerRank/ans_question.vue
+++ b/src/views/answerRank/ans_question.vue
@@ -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);
                     }
diff --git a/src/views/answerRank/stars.vue b/src/views/answerRank/stars.vue
index ee6ac06..e7c20fe 100644
--- a/src/views/answerRank/stars.vue
+++ b/src/views/answerRank/stars.vue
@@ -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;
diff --git a/src/views/answerRank/switchUser.vue b/src/views/answerRank/switchUser.vue
new file mode 100644
index 0000000..c1d1e67
--- /dev/null
+++ b/src/views/answerRank/switchUser.vue
@@ -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
--
libgit2 0.21.0