设置多个系统---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>