CCL_QMS/cclqms-vue/src/views/common/home.vue

<template>
  <div class="mod-home">
    <h3>CCL Design QMS</h3>
    <ul>
      <li><h3>{{ $t('main.home.welcome', { userName }) }}</h3></li>
    </ul>
  </div>
</template>

<script>
  import {searchSysLanguagePack} from "../../api/sysLanguage";


  export default {
    methods: {
      languageRefresh(){
        console.log(this.$t('main.home.welcomeLog'))
      },
      languagePack() {
        // searchSysLanguagePack().then(({data}) => {
        //   this.$i18n.mergeLocaleMessage('en', data.data.en)
        //   this.$i18n.mergeLocaleMessage('cn', data.data.cn)
        // })
      }
    },
    computed: {
      userName: {
        get() {
          return this.$store.state.user.userDisplay
        }
      },
      mainTabs: {
        get() {
          return this.$store.state.common.mainTabs
        },
        set(val) {
          this.$store.commit('common/updateMainTabs', val)
        }
      }
    },
    beforeMount() {
      // this.languageRefresh()
      this.languagePack()
    },

  }
</script>

<style>
  .mod-home {
    line-height: 1.5;
  }
</style>