wilson
/
rongxing-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

统一设置

master
[li_she] 5 years ago
parent
07895cb160
commit
fcd8cca31a
3 changed files with 78 additions and 34 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      src/api/sysMenu.js
  2. 102
      src/views/main-navbar.vue
  3. 2
      src/views/modules/sys/menu.vue

8
src/api/sysMenu.js
View File

@ -0,0 +1,8 @@
import { createAPI } from "@/utils/httpRequest.js";
// 获取 语言列表
export const searchMenuList = data => createAPI(`sys/menu/searchMenuList`,'post',data)

102
src/views/main-navbar.vue
View File

@ -21,46 +21,79 @@
<!-- <icon-svg name="zhedie"></icon-svg>-->
<!-- </el-menu-item>-->
<!-- </el-menu>-->
<el-menu
class="site-navbar__menu site-navbar__menu--right"
mode="horizontal">
<el-submenu index="2">
<template slot="title">设置</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')}}</el-menu-item>
<el-menu-item index="2-1-2" @click.native="switch_the_language('en')">{{$t('lange.en')}}</el-menu-item>
<el-menu-item index="2-1-3" @click.native="switch_the_language('jp')">{{$t('lange.jp')}}</el-menu-item>
<el-menu-item index="2-1-4" @click.native="switch_the_language('kr')">{{$t('lange.kr')}}</el-menu-item>
</el-submenu>
<el-submenu index="2-2">
<template slot="title">用户设置</template>
<el-menu-item index="2-2-1" @click.native="updatePasswordHandle()">修改密码</el-menu-item>
<el-menu-item index="2-2-2" @click.native="updateLanguageHandle()">修改默认语言</el-menu-item>
<el-menu-item index="1">
<el-dropdown :show-timeout="0" placement="bottom">
<span class="el-dropdown-link">
<!-- 注2：在按钮中，加入单击事件，事件指向语言切换函数 -->
{{$t('language.name')}}
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="switch_the_language('cn')">{{$t('lange.cn')}}</el-dropdown-item>
<el-dropdown-item @click.native="switch_the_language('en')">{{$t('lange.en')}}</el-dropdown-item>
<el-dropdown-item @click.native="switch_the_language('jp')">{{$t('lange.jp')}}</el-dropdown-item>
<el-dropdown-item @click.native="switch_the_language('kr')">{{$t('lange.kr')}}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-menu-item>
<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"></icon-svg>
</el-badge>
</template>
</el-menu-item>
</el-submenu>
<el-menu-item index="2-3" @click="$router.push({ name: 'theme' })">主题设置</el-menu-item>
</el-submenu>
<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()">修改密码</el-dropdown-item>
<el-dropdown-item @click.native="updateLanguageHandle()">修改默认语言</el-dropdown-item>
<el-dropdown-item @click.native="logoutHandle()">退出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<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="logoutHandle()">退出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-menu-item>
</el-menu>
<!-- <el-menu-->
<!-- class="site-navbar__menu site-navbar__menu&#45;&#45;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')}}</el-dropdown-item>-->
<!-- <el-dropdown-item @click.native="switch_the_language('en')">{{$t('lange.en')}}</el-dropdown-item>-->
<!-- <el-dropdown-item @click.native="switch_the_language('jp')">{{$t('lange.jp')}}</el-dropdown-item>-->
<!-- <el-dropdown-item @click.native="switch_the_language('kr')">{{$t('lange.kr')}}</el-dropdown-item>-->
<!-- </el-dropdown-menu>-->
<!-- </el-dropdown>-->
<!-- </el-menu-item>-->
<!-- <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"></icon-svg>-->
<!-- </el-badge>-->
<!-- </template>-->
<!-- </el-menu-item>-->
<!-- <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()">修改密码</el-dropdown-item>-->
<!-- <el-dropdown-item @click.native="updateLanguageHandle()">修改默认语言</el-dropdown-item>-->
<!-- <el-dropdown-item @click.native="logoutHandle()">退出</el-dropdown-item>-->
<!-- </el-dropdown-menu>-->
<!-- </el-dropdown>-->
<!-- </el-menu-item>-->
<!-- </el-menu>-->
</div>
<!-- 弹窗, 修改密码 -->
<update-password v-if="updatePassowrdVisible" ref="updatePassowrd"></update-password>
@ -161,5 +194,8 @@
.icon-svg {
width: 2em;
}
.el-menu--collapse .el-menu .el-submenu, .el-menu--popup, .el-menu-item{
min-width: 100px!important;
}
</style>

2
src/views/modules/sys/menu.vue
View File

@ -105,7 +105,7 @@
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sys/menu/list'),
url: this.$http.adornUrl('/sys/menu/list/'+this.$i18n.locale),
method: 'get',
params: this.$http.adornParams()
}).then(({data}) => {

Write Preview
Loading…
Cancel
Save