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

}

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]

<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>