显示剩余天数

src/components/end/login.vue

@@ -103,6 +103,9 @@ export default {
                   localStorage.setItem("userId", resData.user.id);
                   localStorage.setItem("backToken", resData.token);
                   localStorage.setItem("roleList", resData.user.roleList);
+                  if(!resData.user.permanent){
+                     localStorage.setItem("expireNum", resData.expireNum);
+                  }
                   localStorage.setItem(
                     "menuList",
                     JSON.stringify(resData.menuList)
@@ -111,10 +114,7 @@ export default {
                     this.$alert("登录成功,为了安全，建议修改密码", "", {
                       confirmButtonText: "确定",
                       callback: (action) => {
-                        // this.$message({
-                        //   type: "info",
-                        //   message: `action: ${action}`,
-                        // });
+                       
                       },
                     });
                   }

src/components/topbar.vue

@@ -10,6 +10,9 @@
       <div class="line"></div>
       <div class="login-out" @click="logout()"></div>
     </div>
+    <div class="effectiveDate" v-show=" (expireNum || expireNum===0) && expireNum < 30 ">
+      您的账号{{ expireNum }}天到期
+    </div>
   </div>
 </template>
 <script>
@@ -18,6 +21,7 @@ export default {
   data() {
     return {
       userName: localStorage.getItem("user"),
+      expireNum: localStorage.getItem("expireNum"),
     };
   },
   mounted() {},
@@ -115,5 +119,11 @@ export default {
       cursor: pointer;
     }
   }
+  .effectiveDate {
+    position: absolute;
+    right: 93px;
+    top: 25px;
+    color: @party-white
+  }
 }
 </style>

src/config/loginOut.js

 export function loginOut() {
-    const list = ['user', 'userId','roleList', 'backToken', 'menuList']
+    const list = ['user', 'userId','roleList', 'backToken', 'menuList','expireNum']
     list.forEach(v => {
         localStorage.removeItem(v)
     })