设置多个系统---vue-el-admin
1. 修改\src\settings.js
const ppp= {
title: 'XXXX System',
titleZH: 'XXXX系統',
flag: 'ppp'
}
const system = particle
module.exports = {
title: system.title,
titleZH: system.titleZH,
flag: system.flag,
/**
* @type {boolean} true | false
* @description Whether fix the header
*/
fixedHeader: false,
/**
* @type {boolean} true | false
* @description Whether show the logo in sidebar
*/
sidebarLogo: true
}
2. 修改src\router\index.js
const defaultSettings = require('../settings')
const systemRoutes = {
particle: [
{
path: '/login',
component: () => import('@/views/login/index'),
hidden: true
},
{
path: '/',
component: Layout,
redirect: '/dashboard',
children: [{
path: 'dashboard',
name: 'Dashboard',
component: () => import('@/views/dashboard/index'),
meta: { title: '首頁', icon: 'dashboard' }
}]
}]}
export const constantRoutes = systemRoutes[defaultSettings.flag]
3. 修改src\views\dashboard\index.vue
<template> <div class="dashboard-container"> <img src="http://10.195.227.208:6868/asset/image/logo.png" alt=""> <div class="dashboard-text">歡迎來到{{titleZH}} !</div> <!-- <div class="dashboard-text">Welcome To Particle Monitor System !</div> --> <!-- <div class="dashboard-text">name: {{ name }}</div> --> </div> </template> <script> import { mapGetters } from 'vuex' import defaultSettings from '../../settings.js' export default { name: 'Dashboard', data(){ return { titleZH: defaultSettings.titleZH } }, computed: { ...mapGetters([ 'name' ]) } } </script> <style lang="scss" scoped> .dashboard { &-container { margin: 30px; display:flex; align-items: center; flex-direction: column; justify-content: center; } &-text { font-size: 40px; line-height: 46px; } } </style>