登录页

04.系统编码/Frontend/src/App.vue

@@ -1,10 +1,12 @@
 <template>
-<!--  <Header />-->
+    <Header v-if="showHeader" />
-  <login/>
+  <!-- <login/> -->
   <router-view />
 </template>
 
 <script lang="ts">
+    import { reactive, ref, toRefs, watch } from 'vue';
+    import { useRouter } from 'vue-router';
     import Header from './components/Shared/Header.vue';
     import Login from "./components/Login.vue";
 
@@ -12,7 +14,15 @@
         name: 'App',
         components: {Login, Header },
         setup() {
-            return {}
+            const router = useRouter();
+            const showHeader = ref(false);
+            watch(() => router.currentRoute.value.path,
+                (current, prev) => {
+                    showHeader.value = current === "/Login" ? false : true;
+                }
+            );
+
+            return {showHeader}
         }
     }
 </script>

04.系统编码/Frontend/src/components/MicrowaveRadiation.vue

@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts">
-import { reactive, toRefs } from 'vue'
+    import { reactive, toRefs } from 'vue'
     export default {
         name: 'MicrowaveRadiation',
         setup() {

04.系统编码/Frontend/src/router/index.ts

@@ -1,18 +1,8 @@
 import {createRouter, createWebHashHistory} from 'vue-router';
 
 const routes: any = [
-    { path: '/', redirect: '/MicrowaveRadiation'},
+    { path: '/', redirect: '/Login'},
-    // { 
+    { path: '/Login',  component: () => import('../components/Login.vue') },
-    //     path: '/MicrowaveRadiation', 
-    //     component: () => import('../components/MicrowaveRadiation/Index.vue'),
-    //     children: [
-    //         { path: '/MicrowaveRadiation', redirect: '/MicrowaveRadiation/VerticalProfile' },
-    //         { path: 'VerticalProfile', component: () => import('./../components/MicrowaveRadiation/VerticalProfile.vue') },
-    //         { path: 'ConvectiveIndex', component: () => import('./../components/MicrowaveRadiation/ConvectiveIndex.vue') },
-    //         { path: 'TLogP', component: () => import('./../components/MicrowaveRadiation/TLogP.vue') },
-    //         { path: 'BPInversion', component: () => import('./../components/MicrowaveRadiation/BPInversion.vue') }
-    //     ]
-    // },
     { path: '/MicrowaveRadiation',  component: () => import('../components/MicrowaveRadiation.vue') },
     { path: '/RamanLidar',  component: () => import('../components/RamanLidar.vue') },
     { path: '/SynergyEvaluation',  component: () => import('../components/SynergyEvaluation.vue') },