@ -10,40 +10,31 @@
< icon -svg name = "zhedie" > < / i c o n - s v g >
< / e l - m e n u - i t e m >
< / e l - m e n u >
< a class = "site-navbar__brand-lg" href = "javascript:;" > { { $t ( 'commonSystemName' ) } } < / a >
< a class = "site-navbar__brand-mini" href = "javascript:;" > { { $t ( 'commonAbbreviation' ) } } < / a >
< a class = "site-navbar__brand-lg" href = "javascript:;" > { { pageLanguage . XjSysManage } } < / a >
< a class = "site-navbar__brand-mini" href = "javascript:;" > { { pageLanguage . abbreviation } } < / a >
< / h1 >
< / div >
< div class = "site-navbar__body clearfix" >
<!-- < el -menu - - >
<!-- class = "site-navbar__menu" -- >
<!-- mode = "horizontal" > -- >
<!-- < el -menu -item class = "site-navbar__switch" index = "0" @ click = "sidebarFold = !sidebarFold" > -- >
<!-- < icon -svg name = "zhedie" > < / i c o n - s v g > - - >
<!-- < / e l - m e n u - i t e m > - - >
<!-- < / e l - m e n u > - - >
< el -menu
class = "site-navbar__menu site-navbar__menu--right"
mode = "horizontal" >
< el -submenu index = "2" >
< template slot = "title" > 设置 < / template >
< template slot = "title" > { { pageLanguage . setting } } < / template >
< el -submenu index = "2-1" >
< template slot = "title" > 语言设置 < / template >
< el -menu -item index = "2-1-1" @click.native ="switch_the_language('cn')" > { { $t ( 'lange.cn' ) } } < / e l - m e n u - i t e m >
< el -menu -item index = "2-1-2" @click.native ="switch_the_language('en')" > { { $t ( 'lange.en' ) } } < / e l - m e n u - i t e m >
< el -menu -item index = "2-1-3" @click.native ="switch_the_language('jp')" > { { $t ( 'lange.jp' ) } } < / e l - m e n u - i t e m >
< el -menu -item index = "2-1-4" @click.native ="switch_the_language('kr')" > { { $t ( 'lange.kr' ) } } < / e l - m e n u - i t e m >
< template slot = "title" > { { pageLanguage . languageSetting } } < / template >
< el -menu -item index = "2-1-1" :value ="item.languageCode" v-for ="(item,index) in languageList " @click.native="switch_the_language(item.languageCode)" > {{ item.languageName }} < / el -menu -item >
<!-- < el -menu -item index = "2-1-2" @click.native ="switch_the_language('en')" > { { $t ( 'lange.en' ) } } < / e l - m e n u - i t e m > - - >
<!-- < el -menu -item index = "2-1-3" @click.native ="switch_the_language('jp')" > { { $t ( 'lange.jp' ) } } < / e l - m e n u - i t e m > - - >
<!-- < el -menu -item index = "2-1-4" @click.native ="switch_the_language('kr')" > { { $t ( 'lange.kr' ) } } < / e l - m e n u - i t e m > - - >
< / e l - s u b m e n u >
< el -submenu index = "2-2" >
< template slot = "title" > 用户设置 < / template >
< el -menu -item index = "2-2-1" @click.native ="updatePasswordHandle()" > 修改密码 < / e l - m e n u - i t e m >
< el -menu -item index = "2-2-2" @click.native ="updateLanguageHandle()" > 修改默认语言 < / e l - m e n u - i t e m >
< template slot = "title" > { { pageLanguage . userSetting } } < / template >
< el -menu -item index = "2-2-1" @click.native ="updatePasswordHandle()" > { { pageLanguage . updatePassword } } < / e l - m e n u - i t e m >
< el -menu -item index = "2-2-2" @click.native ="updateLanguageHandle()" > { { pageLanguage . updateDefaultLanguage } } < / e l - m e n u - i t e m >
< / e l - s u b m e n u >
< el -menu -item index = "2-3" @ click = "$router.push({ name: 'theme' })" > 主题设置 < / e l - m e n u - i t e m >
< el -menu -item index = "2-3" @ click = "$router.push({ name: 'theme' })" > { { pageLanguage . cssSetting } } < / e l - m e n u - i t e m >
< / e l - s u b m e n u >
< el -menu -item class = "site-navbar__avatar" index = "3" >
< el -dropdown :show-timeout ="0" placement = "bottom" >
@ -57,49 +48,10 @@
< / e l - m e n u - i t e m >
< / e l - m e n u >
<!-- < el -menu - - >
<!-- class = "site-navbar__menu site-navbar__menu--right" -- >
<!-- mode = "horizontal" > -- >
<!-- < el -menu -item index = "1" > -- >
<!-- < el -dropdown :show-timeout ="0" placement = "bottom" > -- >
<!-- < span class = "el-dropdown-link" > -- >
<!-- & lt ; ! & ndash ; 注2 ： 在按钮中 ， 加入单击事件 ， 事件指向语言切换函数 & ndash ; & gt ; -- >
<!-- { { $t ( 'language.name' ) } } -- >
<!-- < / span > -- >
<!-- < el -dropdown -menu slot = "dropdown" > -- >
<!-- < el -dropdown -item @click.native ="switch_the_language('cn')" > { { $t ( 'lange.cn' ) } } < / e l - d r o p d o w n - i t e m > - - >
<!-- < el -dropdown -item @click.native ="switch_the_language('en')" > { { $t ( 'lange.en' ) } } < / e l - d r o p d o w n - i t e m > - - >
<!-- < el -dropdown -item @click.native ="switch_the_language('jp')" > { { $t ( 'lange.jp' ) } } < / e l - d r o p d o w n - i t e m > - - >
<!-- < el -dropdown -item @click.native ="switch_the_language('kr')" > { { $t ( 'lange.kr' ) } } < / e l - d r o p d o w n - i t e m > - - >
<!-- < / e l - d r o p d o w n - m e n u > - - >
<!-- < / e l - d r o p d o w n > - - >
<!-- < / e l - m e n u - i t e m > - - >
<!-- < el -menu -item index = "1" @ click = "$router.push({ name: 'theme' })" > -- >
<!-- < template slot = "title" > -- >
<!-- < el -badge value = "new" > -- >
<!-- < icon -svg name = "shezhi" class = "el-icon-setting" > < / i c o n - s v g > - - >
<!-- < / e l - b a d g e > - - >
<!-- < / template > -- >
<!-- < / e l - m e n u - i t e m > - - >
<!-- < el -menu -item class = "site-navbar__avatar" index = "3" > -- >
<!-- < el -dropdown :show-timeout ="0" placement = "bottom" > -- >
<!-- < span class = "el-dropdown-link" > -- >
<!-- < img src = "~@/assets/img/avatar.png" :alt ="userName" > { { userName } } -- >
<!-- < / span > -- >
<!-- < el -dropdown -menu slot = "dropdown" > -- >
<!-- < el -dropdown -item @click.native ="updatePasswordHandle()" > 修改密码 < / e l - d r o p d o w n - i t e m > - - >
<!-- < el -dropdown -item @click.native ="updateLanguageHandle()" > 修改默认语言 < / e l - d r o p d o w n - i t e m > - - >
<!-- < el -dropdown -item @click.native ="logoutHandle()" > 退出 < / e l - d r o p d o w n - i t e m > - - >
<!-- < / e l - d r o p d o w n - m e n u > - - >
<!-- < / e l - d r o p d o w n > - - >
<!-- < / e l - m e n u - i t e m > - - >
<!-- < / e l - m e n u > - - >
< / div >
<!-- 弹窗 , 修改密码 -- >
< update -password v-if ="updatePassowrdVisible" ref="updatePassowrd" > < / update -password >
<!-- 弹窗 , 修改默认语言 -- >
< update -language v-if ="updateLanguageVisible" ref="updateLanguage" > < / update -language >
< / nav >
@ -109,13 +61,94 @@
import UpdatePassword from './main-navbar-update-password'
import UpdateLanguage from './main-navbar-update-language'
import { clearLoginInfo } from '@/utils'
import {
searchFunctionButtonList ,
saveButtonList ,
searchSysLanguage ,
} from "@/api/sysLanguage.js"
export default {
data ( ) {
return {
updatePassowrdVisible : false ,
updateLanguageVisible : false ,
message : this . $t ( 'language.name' )
message : this . $t ( 'language.name' ) ,
languageList : [ ] ,
pageLanguage : {
XjSysManage : '旭捷管理系统' ,
abbreviation : '旭捷' ,
setting : '设置' ,
languageSetting : '语言设置' ,
userSetting : '用户设置' ,
updatePassword : '修改密码' ,
updateDefaultLanguage : '修改默认语言' ,
cssSetting : '主提设置'
} ,
/ / 导 出 e n d
pageLanguageList : [
{
functionId : "systemInformation" ,
languageValue : '旭捷管理系统' ,
objectId : 'XjSysManage' ,
objectType : "label" ,
tableId : "systemInformation"
} ,
{
functionId : "systemInformation" ,
languageValue : '首页' ,
objectId : 'homePage' ,
objectType : "label" ,
tableId : "systemInformation"
} ,
{
functionId : "systemInformation" ,
languageValue : '旭捷' ,
objectId : 'abbreviation' ,
objectType : "label" ,
tableId : "systemInformation"
} ,
{
functionId : "systemInformation" ,
languageValue : '设置' ,
objectId : 'setting' ,
objectType : "label" ,
tableId : "systemInformation"
} ,
{
functionId : "systemInformation" ,
languageValue : '语言设置' ,
objectId : 'languageSetting' ,
objectType : "label" ,
tableId : "systemInformation"
} ,
{
functionId : "systemInformation" ,
languageValue : '用户设置' ,
objectId : 'userSetting' ,
objectType : "label" ,
tableId : "systemInformation"
} ,
{
functionId : "systemInformation" ,
languageValue : '修改密码' ,
objectId : 'updatePassword' ,
objectType : "label" ,
tableId : "systemInformation"
} ,
{
functionId : "systemInformation" ,
languageValue : '修改用户语言' ,
objectId : 'updateDefaultLanguage' ,
objectType : "label" ,
tableId : "systemInformation"
} ,
{
functionId : "systemInformation" ,
languageValue : '主题设置' ,
objectId : 'cssSetting' ,
objectType : "label" ,
tableId : "systemInformation"
}
] ,
}
} ,
components : {
@ -149,8 +182,36 @@
return this . $store . state . user . userDisplay
}
}
} ,
activated ( ) {
} ,
methods : {
/ / 获 取 多 语 言 列 表
getLanguageList ( ) {
searchSysLanguage ( { } ) . then ( ( { data } ) => {
this . languageList = data . rows
} )
} ,
/ / 获 取 页 面 多 语 言 数 据
getFunctionButtonList ( ) {
let queryButton = {
functionId : 'systemInformation' ,
tableId : 'systemInformation' ,
languageCode : this . $i18n . locale ,
objectType : 'label'
}
searchFunctionButtonList ( queryButton ) . then ( ( { data } ) => {
if ( JSON . stringify ( data . data ) != '{}' ) {
this . pageLanguage = data . data
} else {
saveButtonList ( this . pageLanguageList ) . then ( ( { data } ) => {
this . getFunctionButtonList ( )
} )
}
} )
} ,
/ / 注 3 ： 增 加 语 言 切 换 函 数
switch_the_language ( val ) {
localStorage . setItem ( 'locale' , val )
@ -190,6 +251,10 @@
} ) . catch ( ( ) => {
} )
}
} ,
created ( ) {
this . getLanguageList ( )
this . getFunctionButtonList ( )
}
}
< / script >
[li_she]
4 years ago