新的首页！

router+home
登录后跳转到home
2024-07-06 09:23:03 +08:00 · 2024-07-06 09:22:54 +08:00 · 2024-07-06 09:22:38 +08:00 · 2024-07-06 09:22:28 +08:00
5 changed files with 252 additions and 3 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -13,10 +13,12 @@
        "axios": "^1.7.2",
        "ckeditor5": "^42.0.0",
        "element-plus": "^2.7.6",
+        "file-saver": "^2.0.5",
        "vue": "^3.4.29",
        "vue-router": "^4.4.0",
        "vuex": "^4.1.0",
-        "vuex-persistedstate": "^4.1.0"
+        "vuex-persistedstate": "^4.1.0",
+        "xlsx": "^0.18.5"
      },
      "devDependencies": {
        "@vitejs/plugin-vue": "^5.0.5",
@ -1414,6 +1416,14 @@
        }
      }
    },
+    "node_modules/adler-32": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz",
+      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/async-validator": {
      "version": "4.2.5",
      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
@ -1439,6 +1449,18 @@
      "resolved": "https://registry.npmmirror.com/blurhash/-/blurhash-2.0.5.tgz",
      "integrity": "sha512-cRygWd7kGBQO3VEhPiTgq4Wc43ctsM+o46urrmPOiuAe+07fzlSB9OJVdpgDL0jPqXUVQ9ht7aq7kxOeJHRK+w=="
    },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz",
+      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/ckeditor5": {
      "version": "42.0.0",
      "resolved": "https://registry.npmmirror.com/ckeditor5/-/ckeditor5-42.0.0.tgz",
@ -1503,6 +1525,14 @@
        "@ckeditor/ckeditor5-word-count": "42.0.0"
      }
    },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz",
+      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/color-convert": {
      "version": "2.0.1",
      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
@ -1538,6 +1568,17 @@
        "node": ">= 0.8"
      }
    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/csstype": {
      "version": "3.1.3",
      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
@ -1648,6 +1689,11 @@
      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
    },
+    "node_modules/file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmmirror.com/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
    "node_modules/follow-redirects": {
      "version": "1.15.6",
      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz",
@ -1680,6 +1726,14 @@
        "node": ">= 6"
      }
    },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/fsevents": {
      "version": "2.3.3",
      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
@ -1865,6 +1919,17 @@
        "node": ">=0.10.0"
      }
    },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz",
+      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/turndown": {
      "version": "7.2.0",
      "resolved": "https://registry.npmmirror.com/turndown/-/turndown-7.2.0.tgz",
@ -1995,6 +2060,42 @@
      "peerDependencies": {
        "vuex": "^3.0 || ^4.0.0-rc"
      }
+    },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/word/-/word-0.3.0.tgz",
+      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "resolved": "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz",
+      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
    }
  }
 }
--- a/package.json
+++ b/package.json
@ -17,7 +17,9 @@
    "vue": "^3.4.29",
    "vue-router": "^4.4.0",
    "vuex": "^4.1.0",
-    "vuex-persistedstate": "^4.1.0"
+    "vuex-persistedstate": "^4.1.0",
+    "xlsx": "^0.18.5",
+    "file-saver": "^2.0.5"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.5",
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@ -0,0 +1,131 @@
+<template>
+  <el-container>
+    <el-header>
+      <el-row>
+        <el-col :span="24">
+          <h1>欢迎使用测盟汇管理系统</h1>
+        </el-col>
+      </el-row>
+    </el-header>
+
+    <el-main>
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-card shadow="hover">
+            <h2>认证管理</h2>
+            <el-menu :default-active="activeMenu" router>
+              <el-menu-item index="/login">登录</el-menu-item>
+              <el-menu-item index="/register">注册</el-menu-item>
+              <el-menu-item index="/manageProfile">管理个人资料</el-menu-item>
+              <el-menu-item index="/profile">个人资料</el-menu-item>
+            </el-menu>
+          </el-card>
+        </el-col>
+
+        <el-col :span="8">
+          <el-card shadow="hover">
+            <h2>课程管理</h2>
+            <el-menu :default-active="activeMenu" router>
+              <el-menu-item index="/course">课程</el-menu-item>
+              <el-menu-item index="/courseList">课程列表</el-menu-item>
+              <el-menu-item index="/backgroundWrapper">背景包装</el-menu-item>
+            </el-menu>
+          </el-card>
+        </el-col>
+
+        <el-col :span="8">
+          <el-card shadow="hover">
+            <h2>会议管理</h2>
+            <el-menu :default-active="activeMenu" router>
+              <el-menu-item index="/Meeting">会议管理</el-menu-item>
+              <el-menu-item index="/Meeting/add">添加会议</el-menu-item>
+              <el-menu-item index="/Meeting/edit/1">编辑会议</el-menu-item>
+            </el-menu>
+          </el-card>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20" style="margin-top: 20px;">
+        <el-col :span="8">
+          <el-card shadow="hover">
+            <h2>新闻管理</h2>
+            <el-menu :default-active="activeMenu" router>
+              <el-menu-item index="/news">新闻列表</el-menu-item>
+              <el-menu-item index="/news/edit">编辑新闻</el-menu-item>
+            </el-menu>
+          </el-card>
+        </el-col>
+
+        <el-col :span="8">
+          <el-card shadow="hover">
+            <h2>组织管理</h2>
+            <el-menu :default-active="activeMenu" router>
+              <el-menu-item index="/organizations">组织机构</el-menu-item>
+            </el-menu>
+          </el-card>
+        </el-col>
+
+        <el-col :span="8">
+          <el-card shadow="hover">
+            <h2>用户管理</h2>
+            <el-menu :default-active="activeMenu" router>
+              <el-menu-item index="/tenantManagement">租户管理</el-menu-item>
+              <el-menu-item index="/addUser">添加用户</el-menu-item>
+              <el-menu-item index="/addTenant">添加租户</el-menu-item>
+              <el-menu-item index="/userManagement">用户管理</el-menu-item>
+            </el-menu>
+          </el-card>
+        </el-col>
+      </el-row>
+    </el-main>
+  </el-container>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import 'element-plus/dist/index.css'
+import {useStore}  from 'vuex'
+
+const router = useRouter()
+const store = useStore()
+const activeMenu = ref(router.currentRoute.value.path)
+
+if (store.getters['authentication/token']==null){
+  router.push('/login')
+}
+</script>
+
+<style scoped>
+h1 {
+  text-align: center;
+  margin: 20px 0;
+  color: #3a3a3a;
+  font-weight: bold;
+}
+
+h2 {
+  margin-bottom: 10px;
+  color: #2c3e50;
+}
+
+.el-card {
+  padding: 20px;
+  border-radius: 8px;
+  border: 1px solid #ebeef5;
+}
+
+.el-menu-item {
+  font-size: 14px;
+  color: #606266;
+}
+
+.el-menu-item:hover {
+  color: #409eff;
+}
+
+.el-container {
+  background-color: #f5f7fa;
+  padding: 30px;
+}
+</style>
--- a/src/router/index.js
+++ b/src/router/index.js
@ -1,4 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router'
+import store from '../store'  // 确保正确引入你的 Vuex store
 import HelloWorld from "../components/HelloWorld.vue";
 import authenticationRoutes from './authentication'
 import courseManagementRoutes from './courseManagement'
@ -6,11 +7,13 @@ import meetingManagementRoutes from './meetingManagement'
 import newsManagementRoutes from './newsManagement'
 import organizationManagementRoutes from './organizationManagement'
 import userManagementRoutes from './userManagement'
+import Home from "../components/Home.vue"

 // 请不要直接修改本文件，使用在router下的对应模块名称的js中引入路由的方式来代替->

 const routes = [
    // { path: '/', component: HelloWorld, meta: {"msg": "HeIl⚪ W0rId!"}},
+    { path: '/', component: Home},
    ...authenticationRoutes,
    ...courseManagementRoutes,
    ...meetingManagementRoutes,
@ -24,4 +27,16 @@ const router = createRouter({
    routes
 })

+// 添加全局导航守卫
+router.beforeEach((to, from, next) => {
+    const token = store.getters['authentication/token'];
+
+    // 如果token不存在且访问的页面不是/login或/register，则跳转到/login
+    if (!token && to.path !== '/login' && to.path !== '/register') {
+        next('/login');
+    } else {
+        next();
+    }
+});
+
 export default router
--- a/src/views/authentication/Login.vue
+++ b/src/views/authentication/Login.vue
@ -23,7 +23,7 @@ const handleLogin = async () => {

    if (response.status === 200) {
      ElMessage.success('登录成功');
-      router.push('/profile');
+      router.push('/');
    } else {
      ElMessage.error('登录失败，请稍后再试');
    }
Author	SHA1	Message	Date
heshunme	d7279e3f2d	新的首页！	2024-07-06 09:23:03 +08:00
heshunme	e8a0f5f13f	router+home	2024-07-06 09:22:54 +08:00
heshunme	b4eb747b52	登录后跳转到home	2024-07-06 09:22:38 +08:00
heshunme	b2543dc524	添加导出excel相关依赖	2024-07-06 09:22:28 +08:00