fix(卫士通): 单点登录功能

src/App.vue

 
 
 <template>
-  <div class="app-container">
+  
+
+    <!-- <div class="main-warpper">
       <router-view> </router-view>
-  </div>
+    </div> -->
+     <router-view> </router-view>
 </template>
 <script lang="ts">
 import { defineComponent } from "vue";
@@ -27,18 +30,4 @@ export default defineComponent({
   font-family: "tabTypeFace";
   src: url("../public/assets/tabTypeFace.TTF");
 }
-#app {
-  box-sizing: border-box;
-}
-
-.app-container {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  padding: 20px;
-  background: #f5f9fb;
-  min-width: 1920px;
-  box-sizing: border-box;
-}
-
 </style>

src/axios/responseMiddle.ts

 import { AxiosResponse } from "axios"
 export default (response: AxiosResponse) => {
     const { data } = response;
-
-    // console.log("---", response)
     return response.data
 }
\ No newline at end of file

src/layout/head.vue

@@ -76,15 +76,14 @@
 
         <!-- 年度 -->
         <el-col class="year-items">
-          <div class="years" align="middle" >
+          <div class="years" align="middle">
             <span
               v-for="(item, index) in years"
               :key="item.label"
               :class="{
                 active: index === curYearIndex,
-                disabed: item.disabed
+                disabed: item.disabed,
               }"
-              
               @click="yearHandle(item, index)"
               >{{ item.label }}</span
             >
@@ -98,7 +97,6 @@
 import { defineComponent } from "vue";
 import { getNavList } from "./service";
 import { ArrowLeftBold, CaretRight } from "@element-plus/icons";
-import { routes } from "@/route";
 
 const ENV_PARAMS = import.meta.env; // 这是Vite官方指导获取环境变量的方式
 
@@ -118,17 +116,17 @@ export default defineComponent({
         {
           label: "2020年第四季度",
           value: "typeOne",
-          disabed: true
+          disabed: true,
         },
         {
           label: "2021年第二季度",
           value: "typeTwo",
-          disabed: false
+          disabed: false,
         },
         {
           label: "2021年第三季度",
           value: "typeThree",
-          disabed: false
+          disabed: false,
         },
       ],
       curYearIndex: 1,
@@ -138,15 +136,18 @@ export default defineComponent({
   async mounted() {
     const { data: navList } = await getNavList();
     this.navList = navList || [];
-
+    
     // @ts-ignore
     this.secodndList = navList[this.activeIndex]?.children || [];
+
+    this.init();
   },
   watch: {
     $route() {
       const { meta, path } = this.$route;
       const { VITE_SYSTEM_NAMR = "创新示范绩效评价" } = ENV_PARAMS;
       const routHistroy = [];
+
       meta.person &&
         routHistroy.push({
           path: meta.person.path,
@@ -166,10 +167,25 @@ export default defineComponent({
       ];
     },
   },
+
   methods: {
+    init() {
+      const { meta, path } = this.$route;
+      const { VITE_SYSTEM_NAMR = "创新示范绩效评价" } = ENV_PARAMS;
+      this.curRouteHistoy = [
+        {
+          path: "/",
+          label: VITE_SYSTEM_NAMR,
+        },
+        {
+          path,
+          label: meta.label,
+        },
+      ];
+    },
     yearHandle(item: {}, index: Number) {
-      if(item.disabed) return;
-      
+      if (item.disabed) return;
+
       this.$store.commit("SET_CUR_DATA_TYPE", item.value);
       this.curYearIndex = index;
     },
@@ -337,7 +353,7 @@ export default defineComponent({
       color: #4198ff;
     }
   }
-  .disabed{
+  .disabed {
     // background:#f5f5f5 !important;
     cursor: not-allowed !important;
     color: #ccc !important;

src/route/navigation.tsx

-import {Router} from "vue-router"
+import { Router } from "vue-router"
 import { TOKEN_KEY } from "@/utils/enum/token.ts";
+import { BaseRouteRouter } from "./index"
+const whiteRoutes = ["/login", "/sso"]
+
 export default (router: Router) => {
     const token = localStorage.getItem(TOKEN_KEY)
-    // router.beforeEach((to, from, next) => {
-    //     // if(!token) {
-    //     //     to.path === "/login" ? next() : router.replace("/login");
-    //     // }else {
-    //     //     next()
-    //     // }
-    //     next()
-    // })
+    router.beforeEach((to, from, next) => {
+        if (whiteRoutes.includes(to.path)) {
+            return next()
+        }
+
+        if (!token) {
+            router.replace(BaseRouteRouter.LOGIN);
+        } else {
+            next()
+        }
+    })
     return router
 }
\ No newline at end of file

src/views/dataCenter/index.vue

 <template>
-  <AppHead />
-
   <div class="main-warpper">
+    <AppHead />
+
     <router-view> </router-view>
   </div>
 </template>
 <script lang="ts">
 import { defineComponent } from "vue";
+import AppHead from "@/layout/head.vue";
 
 /**
  * 数据中心模块
  */
 export default defineComponent({
+  components: {
+    AppHead,
+  },
   setup() {},
 });
 </script>
 <style lang="scss" scoped>
 .main-warpper {
+  min-width: 1920px;
   flex: 1;
   box-sizing: border-box;
+  padding: 20px; 
 }
 </style>

src/views/login/index.vue

@@ -2,11 +2,11 @@
   <div class="login">
     <div class="main">
       <!-- logo -->
-      <img src="../../static/img/img1.png" alt class="img1" />
+      <img src="../../assets/img/img1.png" alt class="img1" />
       <!-- 中间插图 -->
-      <img src="../../static/img/img2.png" alt class="img2" />
+      <img src="../../assets/img/img2.png" alt class="img2" />
       <!-- 标题 -->
-      <h5>浙里军地一体化专题门户</h5>
+      <h5>创新示范和绩效评价数智应用</h5>
       <el-form
         ref="loginForm"
         :model="loginForm"
@@ -69,10 +69,10 @@
 </template>
 
 <script>
-import {  getToken } from "./service";
 import singleLogin from "@/utils/singleLogin/index";
 import { TOKEN_KEY } from "@/utils/enum/token";
 import { defineComponent } from "vue";
+import { getToken,login } from "./service";
 
 export default defineComponent({
   name: "Login",
@@ -104,7 +104,9 @@ export default defineComponent({
     };
   },
   watch: {},
-  created() {},
+  created() {
+     localStorage.removeItem(TOKEN_KEY);
+  },
   methods: {
     wstLogin() {
       this.wstLoading = true;
@@ -141,9 +143,8 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-
 .login {
-  background-image: url(../../static/img/login_bgi.png);
+  background-image: url("../../assets/img/login_bg.jpg");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   width: 100%;

src/views/login/service.ts

@@ -15,11 +15,7 @@ export const getToken = async () => {
  */
 export const login = async (username: string, password: string) => {
     request({
-        url: "",
+        url: "/user/login?username=" + username + '&password=' + password,
         method: "POST",
-        data: {
-            username,
-            password
-        }
     })
 }
\ No newline at end of file

src/views/sso/index.vue

 <template>
   <div v-loading="wstLoading" class="login1">
     <div class="main">
-      <img src="../assets/img/login_bg.jpg" alt class="img1" />
+      <img src="../../assets/img/login_bg.jpg" alt class="img1" />
     </div>
   </div>
 </template>
@@ -20,7 +20,9 @@ export default {
   },
   watch: {},
   created() {
+    localStorage.removeItem(TOKEN_KEY);
     this.wstLogin();
+
   },
   mounted() {
   },