|
|
|
|
@ -54,17 +54,17 @@ |
|
|
|
|
<!--头部--> |
|
|
|
|
<el-header class="ms-admin-header" v-cloak> |
|
|
|
|
<#--展示合并菜单--> |
|
|
|
|
<div class="ms-admin-header-menu-shrink" @click="collapseMenu = !collapseMenu"><i class="iconfont" |
|
|
|
|
:class="collapseMenu?'icon-liebiaoxiangyou':'icon-shousuo'"></i> |
|
|
|
|
<div class="ms-admin-header-menu-shrink" @click="collapseMenu = !collapseMenu"> |
|
|
|
|
<i class="iconfont" |
|
|
|
|
:class="collapseMenu?'icon-liebiaoxiangyou':'icon-shousuo'"></i> |
|
|
|
|
</div> |
|
|
|
|
<!--头部menu--> |
|
|
|
|
<el-menu menu-trigger="hover" class="ms-admin-header-menu" background-color="rgba(255,255,255,1)" |
|
|
|
|
text-color="#333333" active-text-color="#409EFF" :default-active="headMenuActive" |
|
|
|
|
<el-menu menu-trigger="hover" class="ms-admin-header-menu" :default-active="headMenuActive" |
|
|
|
|
mode="horizontal"> |
|
|
|
|
<el-submenu style="height: 100%;"> |
|
|
|
|
|
|
|
|
|
<template slot="title"> |
|
|
|
|
<i class="iconfont icon-gezi" style="font-size: 17px"></i> |
|
|
|
|
<i class="iconfont icon-gezi" style="font-size: 17px;margin-right:8PX"></i> |
|
|
|
|
<span>功能大全</span> |
|
|
|
|
</template> |
|
|
|
|
<div class="ms-admin-header-menu-all"> |
|
|
|
|
@ -89,8 +89,7 @@ |
|
|
|
|
</el-menu> |
|
|
|
|
<!--头部右侧--> |
|
|
|
|
<div class="ms-admin-header-right"> |
|
|
|
|
<el-menu menu-trigger="hover" class="ms-admin-header-menu" background-color="rgba(255,255,255,1)" |
|
|
|
|
text-color="#333333" active-text-color="#409EFF" |
|
|
|
|
<el-menu menu-trigger="hover" class="ms-admin-header-menu" |
|
|
|
|
mode="horizontal"> |
|
|
|
|
<el-submenu style="height: 100%;" popper-class="theme-select"> |
|
|
|
|
<template slot="title"> |
|
|
|
|
@ -108,27 +107,36 @@ |
|
|
|
|
</el-menu-item> |
|
|
|
|
</el-submenu> |
|
|
|
|
</el-menu> |
|
|
|
|
<#-- 语言切换--> |
|
|
|
|
<#-- <el-dropdown @command="handleLanguageClick">--> |
|
|
|
|
<#-- <span class="el-dropdown-link" >--> |
|
|
|
|
<#-- {{locale.text}}<i class="el-icon-arrow-down el-icon--right"></i>--> |
|
|
|
|
<#-- </span>--> |
|
|
|
|
<#-- <el-dropdown-menu slot="dropdown">--> |
|
|
|
|
<#-- <el-dropdown-item v-for="(item,index) in localeCommands" :command="item">{{item.text}}</el-dropdown-item>--> |
|
|
|
|
<#-- </el-dropdown-menu>--> |
|
|
|
|
<#-- </el-dropdown>--> |
|
|
|
|
<el-dropdown trigger="hover" class="ms-admin-login" placement="top-start" |
|
|
|
|
@visible-change="loginDown = !loginDown"> |
|
|
|
|
<span class="el-dropdown-link"> |
|
|
|
|
<div class="ms-admin-people-head" |
|
|
|
|
v-text="peopleInfo.managerName && peopleInfo.managerName.substr(0, 2)"></div> |
|
|
|
|
<span v-text='peopleInfo.managerName'></span> |
|
|
|
|
</span> |
|
|
|
|
<el-dropdown-menu class="ms-admin-login-down" slot="dropdown" @click.native='openModal'> |
|
|
|
|
<el-dropdown-item icon="iconfont icon-suo">修改密码</el-dropdown-item> |
|
|
|
|
<el-dropdown-item icon="iconfont icon-tuichu1">退出</el-dropdown-item> |
|
|
|
|
</el-dropdown-menu> |
|
|
|
|
</el-dropdown> |
|
|
|
|
<#-- 语言切换--> |
|
|
|
|
<#-- <el-dropdown @command="handleLanguageClick">--> |
|
|
|
|
<#-- <span class="el-dropdown-link" >--> |
|
|
|
|
<#-- {{locale.text}}<i class="el-icon-arrow-down el-icon--right"></i>--> |
|
|
|
|
<#-- </span>--> |
|
|
|
|
<#-- <el-dropdown-menu slot="dropdown">--> |
|
|
|
|
<#-- <el-dropdown-item v-for="(item,index) in localeCommands" :command="item">{{item.text}}</el-dropdown-item>--> |
|
|
|
|
<#-- </el-dropdown-menu>--> |
|
|
|
|
<#-- </el-dropdown>--> |
|
|
|
|
|
|
|
|
|
<el-menu menu-trigger="hover" class="ms-admin-header-menu " mode="horizontal"> |
|
|
|
|
<el-submenu> |
|
|
|
|
<template slot="title" > |
|
|
|
|
<span class="ms-admin-people-head" |
|
|
|
|
v-text="peopleInfo.managerName && peopleInfo.managerName.substr(0, 2)"></span> |
|
|
|
|
<span v-text='peopleInfo.managerName'></span> |
|
|
|
|
</template> |
|
|
|
|
<el-menu-item @click="handleCommand('ms-theme-light')" |
|
|
|
|
style="display: flex;align-items: center" @click.native='openModal'> |
|
|
|
|
<i class="el-icon-key"></i> |
|
|
|
|
<span slot="title">修改密码</span> |
|
|
|
|
|
|
|
|
|
</el-menu-item> |
|
|
|
|
<el-menu-item @click="handleCommand('ms-theme-dark')" |
|
|
|
|
style="display: flex;align-items: center" @click.native='openModal'> |
|
|
|
|
<i class="el-icon-switch-button"></i> |
|
|
|
|
<span slot="title">退出</span> |
|
|
|
|
</el-menu-item> |
|
|
|
|
</el-submenu> |
|
|
|
|
</el-menu> |
|
|
|
|
<!--mstore按钮--> |
|
|
|
|
<ms-store client="${client}"></ms-store> |
|
|
|
|
</div> |
|
|
|
|
@ -143,8 +151,8 @@ |
|
|
|
|
:name="item.modelTitle" |
|
|
|
|
:data-modelId='item.modelId' :data-modelModelId='item.modelModelId'> |
|
|
|
|
<keep-alive> |
|
|
|
|
<iframe :src='item.isStore?item.modelUrl:ms.manager+"/"+item.modelUrl+(item.modelUrl.indexOf("?")==-1?"?":"&")+"modelId="+item.modelId+"&modelCode="+item.modelCode+"&modelTitle="+encodeURI(item.modelTitle)' |
|
|
|
|
:ref="item.modelTitle"></iframe> |
|
|
|
|
<!--iframe :src='item.isStore?item.modelUrl:ms.manager+"/"+item.modelUrl+(item.modelUrl.indexOf("?")==-1?"?":"&")+"modelId="+item.modelId+"&modelCode="+item.modelCode+"&modelTitle="+encodeURI(item.modelTitle)' |
|
|
|
|
:ref="item.modelTitle"></iframe--> |
|
|
|
|
</keep-alive> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
@ -164,7 +172,7 @@ |
|
|
|
|
text: '中文', |
|
|
|
|
language: 'ch', |
|
|
|
|
}, |
|
|
|
|
localeCommands:[ |
|
|
|
|
localeCommands: [ |
|
|
|
|
{ |
|
|
|
|
text: '中文', |
|
|
|
|
language: 'ch', |
|
|
|
|
@ -568,7 +576,7 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ms-admin-header-menu-shrink:hover { |
|
|
|
|
background: rgba(250, 250, 250, 1); |
|
|
|
|
background: rgba(250, 250, 250, 0.2); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.el-menu-vertical-demo:not(.el-menu--collapse) { |
|
|
|
|
@ -602,12 +610,30 @@ |
|
|
|
|
.ms-admin-header-menu .el-submenu__title { |
|
|
|
|
height: 50px !important; |
|
|
|
|
line-height: 50px !important; |
|
|
|
|
} |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.ms-admin-header-menu .el-submenu__title:hover { |
|
|
|
|
background: rgba(250, 250, 250, 1) !important; |
|
|
|
|
background-color: #F2F6FC !important; |
|
|
|
|
color:#409EFF !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ms-admin-header-menu .el-submenu__title:hover i{ |
|
|
|
|
color:#409EFF !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ms-admin-header-menu .el-submenu__icon-arrow { |
|
|
|
|
margin-top: 4px !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ms-admin-header-menu .el-menu-item:focus, .ms-admin-header-menu .el-menu-item:hover { |
|
|
|
|
background-color: #F2F6FC !important; |
|
|
|
|
color:#409EFF !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ms-admin-header-menu-all { |
|
|
|
|
width: 560px; |
|
|
|
|
height: auto; |
|
|
|
|
@ -654,6 +680,7 @@ |
|
|
|
|
color: rgba(64, 158, 255, 1); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ms-admin-login-down { |
|
|
|
|
top: 55px !important; |
|
|
|
|
} |
|
|
|
|
@ -701,10 +728,6 @@ |
|
|
|
|
font-weight: normal; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.theme-select .el-menu--popup { |
|
|
|
|
width: 100px; |
|
|
|
|
min-width: 100px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.top-operate-select .el-menu--popup { |
|
|
|
|
width: 162px; |
|
|
|
|
|