切换账号，缓存组件接口报错问题

梁保满
1 parent addb60e3
Showing 6 changed files with 46 additions and 15 deletions
src/router/index.js
src/views/card/index.vue
src/views/device/index.vue
src/views/layout/header/header.vue
src/views/setUp/account.vue
src/views/setUp/student.vue
@@ -282,9 +282,9 @@ let addrouters = [  //测试用，后续后端获取
         iconCls: "fa fa-dashboard", // 图标样式class
         name: "",
         component: Device,
-        // meta: {
-        //   keepAlive: true,
-        // },
+        meta: {
+          keepAlive: true,
+        },
         children: []
       },
       {
@@ -100,6 +100,7 @@
 export default {
   data() {
     return {
+      loading:false,
       props: { multiple: true, checkStrictly: false },
       query: {
         classId: [],
@@ -60,12 +60,13 @@
               <div class="sel-box">
                 <el-cascader
                   size="small"
-                  class="sel"
+                  class="sel sel2"
                   clearable
                   placeholder="选择班级"
                   v-model="query.classId"
                   :options="gradeList"
                   :props="props"
+                  collapse-tags
                   :show-all-levels="false"
                 ></el-cascader>
                 <el-select
@@ -196,12 +197,13 @@
               <div class="sel-box">
                 <el-cascader
                   size="small"
-                  class="sel"
+                  class="sel sel2"
                   clearable
                   placeholder="选择班级"
                   v-model="query.classId"
                   :options="gradeList"
                   :props="props"
+                  collapse-tags
                   :show-all-levels="false"
                 ></el-cascader>
                 <el-select
@@ -299,12 +301,13 @@
               <div class="sel-box">
                 <el-cascader
                   size="small"
-                  class="sel"
+                  class="sel sel2"
                   clearable
                   placeholder="选择班级"
                   v-model="query.classId"
                   :options="gradeList"
                   :props="props"
+                  collapse-tags
                   :show-all-levels="false"
                   @change="_QueryData(false)"
                 ></el-cascader>
@@ -497,6 +500,7 @@ import scatterChart from &quot;@/components/charts/scatterChart&quot;;
 import _ from "lodash";
 import { downloadFile, formatClass, formatGradeNameClass } from "@/utils";
 import api from "@/api/apis/apis";
+import BusEvent from "@/utils/busEvent";
 export default {
   components: { pieChart, scatterChart },
   watch: {
@@ -627,6 +631,21 @@ export default {
       this.showSchool();
     }
   },
+  activated() {
+    const that = this;
+    BusEvent.$on("keepAlive", async function () {
+      that.type = 1;
+      that.page = 1;
+      that.total = 0;
+      that.count = 0;
+      that.query.classId = [];
+      that.query.onlineStatus = "";
+      that.query.sn = "";
+      that.query.type = "";
+      that.stationReport();
+      that._QueryData();
+    });
+  },
   methods: {
     upSuccess() {
       //导入成功
@@ -1073,9 +1092,6 @@ export default {
 .tab-box {
   padding: 20px 0 12px;
 }
-.sel {
-  width: 100%;
-}
 .content {
   background: #f8f8f8;
   border: 1px solid #e2e2e2;
@@ -139,6 +139,7 @@ export default {
           this.$router.push({
             path: "/login",
           });
+          window.location.reload()
         }
       } else {
         this.$message.error(message);
@@ -26,6 +26,16 @@
             @click="openAddDia"
           ></el-button>
         </el-tooltip>
+        <el-tooltip effect="dark" content="账号同步" placement="bottom" v-else>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh"
+            size="mini"
+            plain
+            circle
+            @click="refreshAcc"
+          ></el-button>
+        </el-tooltip>
       </template>
     </back-box>
     <div class="answer-header">
@@ -429,6 +439,14 @@ export default {
     this._QueryData(4);
   },
   methods: {
+    async refreshAcc(){//长水账号同步
+      const { data, status, info } = await this.$request.roleList();
+      if (status === 0) {
+        this._QueryData(4);
+      } else {
+        this.$message.error(info);
+      }
+    },
     upSuccess() {
       //导入成功
       this.diaUp = false;
@@ -96,12 +96,7 @@
                 <i class="el-icon-delete" slot="reference"></i>
               </el-popconfirm>
               <p class="name">{{ item.studentName }}</p>
-              <p class="p1">
-                答题器：{{
-                  (item.clickerList.length && item.clickerList[0].clickerSn) ||
-                  "--"
-                }}
-              </p>
+              <p class="p1">答题器：{{ item.clickerSn || "--" }}</p>
               <p class="p1">长学号：{{ item.studentCode }}</p>
               <p class="p1">短学号：{{ item.shortNumber || "--" }}</p>
             </li>