fix login; add tips

src/modules/basic/routes/routes.js

@@ -1,4 +1,5 @@
 import Home from "../../portal/views/home/Home.vue";
+import Tips from "../../portal/views/tips/Tips.vue";
 import school from "../view/school.vue";
 import campus from "../view/campus.vue";
 import user from "../view/user.vue";
@@ -16,6 +17,10 @@ export default [
     meta: { auth: false },
     component: Home,
     children: [
+      {
+        path: "tips", //模块说明
+        component: Tips
+      },
       {
         path: "course", //课程管理
         meta: { pageName: "课程管理" },

src/modules/portal/routes/routes.js

@@ -2,6 +2,7 @@ import Login from "../views/Login.vue";
 import Access from "../views/Access.vue";
 import Home from "../views/home/Home.vue";
 import HomeMain from "../views/home/HomeMain.vue";
+import Component404 from "../views/Component404.vue";
 
 export default [
   {
@@ -30,6 +31,11 @@ export default [
         component: HomeMain
       }
     ]
+  },
+  {
+    // will match everything
+    path: "*",
+    component: Component404
   }
   // {
   //   path: "/about",

src/modules/portal/views/Component404.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>找不到该页面！请联系管理员。</div>
+</template>

src/modules/portal/views/Login.vue

@@ -202,16 +202,18 @@ export default {
 
 .logo-text {
   font-family: "Xingkai SC", "STXingkai", "KaiTi";
-  width: 200px;
+  width: 100%;
   height: 40px;
   font-size: 40px;
+  margin-bottom: 30px;
   font-weight: bold;
   font-stretch: normal;
   line-height: 48px;
   letter-spacing: 0px;
   color: #3968d7;
   text-shadow: 0px 7px 4px rgba(77, 124, 196, 0.3);
-  margin-bottom: 30px;
+
+  text-align: center;
 }
 
 .login-main {
@@ -238,7 +240,7 @@ export default {
         border-radius: 16px; */
   /* box-shadow: 0 13px 29px #0d3b5d; */
 
-  width: 520px;
+  width: 480px;
   height: 350px;
   background-color: #ffffff;
   box-shadow: 0px 7px 20px 0px rgba(77, 124, 196, 0.1);

src/modules/portal/views/home/Home.vue

@@ -5,7 +5,7 @@
         <el-menu-item index="1">
           <router-link
             to="/home/overview"
-            style="text-decoration-line: none"
+            style="font-size: 20px; line-height: 24px; text-decoration-line: none"
             title="回到主页"
           >
             云平台主页

src/modules/portal/views/home/HomeMain.vue

@@ -1,11 +1,11 @@
 <template>
-  <el-main style="display: flex; align-items: center">
+  <el-main style="display: flex; align-items: center; margin-bottom: 20px;">
     <div class="main-content">
       <div
         class="module-card"
         v-for="menu in menuList.filter(m => m.parentId === null)"
         :key="menu.id"
-        @click="() => $router.push('/' + menu.ext4)"
+        @click="() => $router.push('/' + menu.ext4 + '/tips')"
       >
         {{ menu.name }}
       </div>
@@ -63,6 +63,8 @@ export default {
   align-items: center;
   justify-items: center;
 
+  /* min-width: 100%; */
+
   /* height: 100%; */
 }
 
@@ -86,12 +88,12 @@ export default {
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
 
   font-size: 30px;
-  color: #fff;
+  /* color: #fff; */
   text-align: center;
-  animation: glow 1s ease-in-out infinite alternate;
+  /* animation: glow 1s ease-in-out infinite alternate; */
 }
 
-@keyframes glow {
+/* @keyframes glow {
   from {
     text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073,
       0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
@@ -100,5 +102,5 @@ export default {
     text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6,
       0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
   }
-}
+} */
 </style>

src/modules/portal/views/tips/Tips.vue

@@ -0,0 +1,110 @@
+<template>
+  <section class="content">
+    <div class=""><img src="./tips.jpg" /></div>
+    <div class="text">
+      <div v-for="(menu1, index) in instructions" :key="index" class="menu1">
+        <h4>{{ menu1.menu1Name }}</h4>
+        <div v-for="(menu2, index) in menu1.menu2" :key="index" class="menu1">
+          <span class="link">{{ menu2.name }}</span> {{ menu2.detail }}
+        </div>
+      </div>
+      <!-- <div class="menu1">
+        <h4>学习中心查询</h4>
+        <div>
+          <span class="link">机构管理——中心列表</span>
+          查询学校下属所有学习中心编码及名称，可按学习中心设置学习中心平台权限，即A学习中心只能查询A中心的相关考试数据。
+        </div>
+      </div>
+      <div>
+        <h4>课程查询</h4>
+        <div>
+          <span class="link">课程管理——课程列表</span>
+          查看所有课程名称及代码，如一门课程即有专科又有本科，课程对应在的教材、试卷不一样时，需要建立专科课程及本科课程。
+        </div>
+      </div> -->
+    </div>
+  </section>
+</template>
+
+<script>
+const ALL_INSTRUCTIONS = {
+  "/basic/tips": [
+    {
+      menu1Name: "学习中心查询",
+      menu2: [
+        {
+          name: "机构管理——中心列表",
+          // link: "/basic/campus",
+          detail:
+            "查询学校下属所有学习中心编码及名称，可按学习中心设置学习中心平台权限，即A学习中心只能查询A中心的相关考试数据。"
+        }
+      ]
+    },
+    {
+      menu1Name: "课程查询",
+      menu2: [
+        {
+          name: "课程管理——课程列表",
+          // link: "/basic/campus",
+          detail:
+            "查看所有课程名称及代码，如一门课程即有专科又有本科，课程对应在的教材、试卷不一样时，需要建立专科课程及本科课程。"
+        }
+      ]
+    },
+    {
+      menu1Name: "用户查询",
+      menu2: [
+        {
+          name: "用户管理——普通用户管理",
+          // link: "/basic/campus",
+          detail:
+            "添加、查询、禁用管理平台用户，并可以针对不同用户设置不同的平台模块权限。"
+        }
+      ]
+    }
+  ]
+};
+export default {
+  name: "Tips",
+  data() {
+    return {
+      instructions: []
+    };
+  },
+  computed: {},
+  methods: {},
+  created() {
+    this.instructions = ALL_INSTRUCTIONS[this.$route.path];
+  }
+};
+</script>
+
+<style scoped>
+.content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  height: 100%;
+  width: 100%;
+
+  /* margin: 100px; */
+}
+
+.text {
+  max-width: 600px;
+  margin: 0 20px;
+}
+
+.menu1 {
+  margin-bottom: 20px;
+}
+
+.link {
+  padding: 0em 1em;
+  background-color: #dbe7ef;
+  border-radius: 12px;
+
+  color: #3c8dbd;
+}
+</style>