Skip to content
GitLab
Commit 7d09d373 authored by panpp's avatar panpp
Browse files

修改了主页工作台常用功能的显示内容

parent a866cd37
Hide whitespace changes
Inline Side-by-side
src/main/webapp/WEB-INF/manager/index.ftl 0 → 100644
View file @ 7d09d373
<!-- 主页 -->
<!DOCTYPE html>
<html>
<head>
<title>造价管理系统</title>
<#include '/include/head-file.ftl'/>
<script src="${base}/static/plugins/sockjs/1.4.0/sockjs.min.js"></script>
<script src="${base}/static/plugins/stomp/2.3.3/stomp.min.js"></script>
<style>
.to-ele {
font-size: 18px;
margin: -2px 9px 0px 3px
}
</style>
</head>
<body>
<#include "/reset-password.ftl"/>
<#include "/exit-system.ftl"/>
<div id="app" class="index" :class="theme">
<el-container>
<!--左侧菜单-->
<el-aside class="ms-admin-menu-aside" v-cloak>
<el-scrollbar style="height:100%">
<el-menu :default-active="asideMenuActive" class="el-menu-vertical-demo"
text-color="rgba(255,255,255,1)" active-text-color="rgba(255,255,255,1)"
:collapse="collapseMenu" :unique-opened='true' ref='menu' @open="asideMenuOpen">
<div class="ms-admin-logo" :style="{display: 'flex','padding-left': (collapseMenu?'5px':'22px')}">
<img :src="ms.base+'/static/ms-admin/5.0.0/images/logo.png'"/>
<div class="class-1" v-show="!collapseMenu">
<div class="class-2">v</div>
2.0
</div>
</div>
<el-submenu :popper-class="['ms-admin-menu-aside-submenu',theme]" :index="menu.modelId+''"
:data-index="menu.modelId+''" v-for="(menu,i) in asideMenuList" :key='i'>
<template slot="title">
<i class='ms-admin-icon iconfont' :class="menu.modelIcon"></i>
<span>{{menu.modelTitle}}</span>
</template>
<!-- 子菜单 -->
<el-menu-item :index="sub.modelId+''" :data-index="sub.modelId"
v-for="(sub,index) in getSubMenu(menu.modelId)"
:key='sub.modelModelId' v-text="sub.modelTitle"
@click.self='open(sub)'></el-menu-item>
</el-submenu>
<!-- 收缩按钮 -->
</el-menu>
</el-scrollbar>
</el-aside>
<#--右侧内容-->
<el-container class="ms-admin-container" v-cloak>
<!--头部-->
<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>
<!--头部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"
mode="horizontal">
<el-submenu style="height: 100%;">
<template slot="title">
<i class="iconfont icon-gezi" style="font-size: 17px"></i>
<span>功能大全</span>
</template>
<div class="ms-admin-header-menu-all">
<li class="ms-admin-header-menu-all-item" v-for="(item,index) of parentMenuList"
:key='index' @click='openMenu(item,index)'>
<i class="iconfont" :class="item.modelIcon" style="padding-right: 4px"></i>
<div style="width:80px">{{item.modelTitle}}</div>
<div style="float: right;width: 18px;">
<template>
<i v-if="markList.find(function(x) {
return x.title == item.modelTitle
})!=undefined" @click="cancelMarkMenu(item.modelTitle)"
class='el-icon-star-on'></i>
<i v-else class='el-icon-star-off '
@click="markMenu(item.modelTitle,item.modelIcon)"></i>
</template>
</div>
</li>
</div>
</el-submenu>
</el-menu>
<!--头部右侧-->
<div class="ms-admin-mstore">
<div class="ms-admin-mstore-menu-icon" style="padding-left:20px " @click="handleMessage">
<el-badge :value="unreadTotal>0?unreadTotal:null" type="danger" class="item" style="z-index: 1">
<i class="iconfont icon-lingdang" style="color: #909399;"></i>
</el-badge>
</div>
<el-menu menu-trigger="hover" class="ms-admin-header-menu" background-color="rgba(255,255,255,1)"
text-color="#333333" active-text-color="#409EFF"
mode="horizontal">
<el-submenu style="height: 100%;" popper-class="theme-select">
<template slot="title">
<i class="iconfont icon-pifu" style="font-size: 18px"></i>
</template>
<el-menu-item @click="handleCommand('ms-theme-light')"
style="display: flex;align-items: center">
<div style="height: 18px;width: 18px;background-color: rgba(64,158,255,1);margin-right: 7px;border-radius: 2px;"></div>
<span>浅色系</span>
</el-menu-item>
<el-menu-item @click="handleCommand('ms-theme-dark')"
style="display: flex;align-items: center">
<div style="height: 18px;width: 18px;background-color: rgba(56,58,63,1);margin-right: 7px;border-radius: 2px;"></div>
<span>深色系</span>
</el-menu-item>
</el-submenu>
</el-menu>
<#-- <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.managerNickName && peopleInfo.managerNickName.substr(0, 1)"></div>
<span v-text='peopleInfo.managerNickName'></span>
</span>
<el-dropdown-menu class="ms-admin-login-down" slot="dropdown">
<el-dropdown-item icon="iconfont icon-suo" @click.native='openModal(true)'>修改密码
</el-dropdown-item>
<el-dropdown-item icon="iconfont icon-tuichu1" @click.native='openModal(false)'>退出
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>-->
<el-menu menu-trigger="hover" class="ms-admin-header-menu" background-color="rgba(255,255,255,1)"
text-color="#333333" active-text-color="#409EFF"
mode="horizontal">
<el-submenu style="height: 100%;" popper-class="top-operate-select">
<template slot="title">
<span class="el-dropdown-link" style="display:flex;align-items: center;float: left">
<div class="ms-admin-people-head adminhead"
v-text="peopleInfo.managerNickName && peopleInfo.managerNickName.substr(0, 1)"></div>
<span v-text='peopleInfo.managerNickName'></span>
</span>
</template>
<el-menu-item @click="openModal(true)" style="display: flex;align-items: center">
<i class="iconfont icon-suo to-ele"></i>
<span>修改密码</span>
</el-menu-item>
<#-- <el-menu-item @click="subscribe" style="display: flex;align-items: center">-->
<#-- <i class="iconfont icon-erweimadenglu to-ele"></i>-->
<#-- <span>微信绑定</span>-->
<#-- </el-menu-item>-->
<el-menu-item @click="openModal(false)" style="display: flex;align-items: center">
<i class="iconfont icon-tuichu1 to-ele"></i>
<span>退出</span>
</el-menu-item>
</el-submenu>
</el-menu>
<#-- <!--mstore按钮&ndash;&gt;
<div class="ms-admin-mstore-icon" @click="open(mstore)">
<span v-if="mstore.syncNum>0" v-text="mstore.syncNum"></span>
<i style="line-height: 42px !important;font-size: 30px;" class="iconfont icon-fenxiang2"></i>
</div>-->
</div>
</el-header>
<!--内容-->
<el-main class="ms-admin-main" >
<!--选项卡-->
<el-tabs class="ms-admin-tabs" v-model="currentTab" type="card" closable @tab-remove="closeTab"
@tab-click='tabClick'>
<el-tab-pane v-for="(item, index) in editableTabs" :key="index" :label="item.modelTitle"
: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>
</keep-alive>
</el-tab-pane>
</el-tabs>
</el-main>
</el-container>
</el-container>
</div>
</body>
</html>
<script>
var indexVue = new Vue({
el: "#app",
data: {
code: '',
menuList: [], //菜单接口数据
asideMenuList: [], //侧边菜单
parentMenuList: [], //一级菜单
subMenuList: [], //二级菜单 所有
unreadTotal: 0,//未读消息数量
messageList: [],//消息列表
mainParentMenuList: [], //头部菜单显示主要的选项
loginDown: false, //登录下拉
asideMenuActive: "", //左侧选中菜单
headMenuActive: '', //头部菜单激活
editableTabsValue: '',
messageTypeList: [],
editableTabs: [{"modelTitle": "工作台", "modelUrl": "main.do"}], //当前打开的tab页面
shortcutMenu: false, //快捷菜单显示状态
collapseMenu: false, //菜单折叠，false不折叠
currentTab: '工作台', //当前激活tab的name
tabIndex: 1,
// markList: ['项目管理', '组织管理', '客户管理', '合同管理', '印章管理', '绩效管理', '权限管理', '系统设置'],
markList: [
{title: "权限管理", icon: "icon-wode", hide: true},
{title: "系统设置", icon: "icon-xitongguanli", hide: true},
{title: "内容管理", icon: "icon-neirongguanli", hide: true},
{title: "印章管理", icon: "icon-huizhang", hide: true},
{title: "会员中心", icon: "icon-huiyuanzhongxin", hide: true},
{title: "自定义管理", icon: "icon-zidingyiguanli", hide: true},
],
//登录用户信息
peopleInfo: {
managerName: '', //账号
managerNickName: '',
},
mstore: {},
theme: 'ms-theme-light',
callbackFun: {},
},
computed: {
messageType: function (type) {
var that = this
return function (type) {
var dict = that.messageTypeList.find(function (x) {
return x.dictValue == type;
});
if (dict) {
return dict.dictLabel;
}
return '';
}
}
},
watch: {
menuList: function (n, o) {
var that = this;
n && n.forEach(function (item, index) {
item.modelModelId ? that.subMenuList.push(item) : that.parentMenuList.push(item)
})
},
parentMenuList: function (n, o) {
var that = this
this.mainParentMenuList = n.slice(0, 5);
this.asideMenuList = n.filter(function (f) {
return that.markList.find(
function (x) {
return x.title == f['modelTitle']
}) != undefined
})
},
editableTabs: {
handler: function (n, o) {
if (n.length) {
var that = this;
if (!document.querySelector('.el-icon-refresh')) {
var i = document.createElement('i');
i.className = "el-icon-refresh ms-admin-refresh"
i.title = "点击刷新当前页"
i.addEventListener('click', function () {
var index = null
Object.keys(that.$refs).forEach(function (item, i) {
item.indexOf(that.currentTab) > -1 ? index = i : ''
}, that)
that.$refs[Object.keys(that.$refs)[index]][0].contentDocument.location.reload(true)
})
document.querySelector('.el-tabs__header').insertBefore(i, document.querySelector('.el-tabs__nav-wrap'))
}
} else {
if (document.querySelector('.ms-admin-refresh')) {
document.querySelector('.el-tabs__header').removeChild(document.querySelector('.ms-admin-refresh'))
}
}
},
deep: true
}
},
methods: {
getAuthorization: function () {
},
subscribe: function () {
var h = this.$createElement
var that = this;
ms.http.get(
ms.manager + "/lic/info"
).then(function (res) {
that.$msgbox({
title: '关注公众号接收系统通知',
message: h('p', null, [h('el-image', {
attrs: {
src: 'http://www.meczj.com/wx/employee/qrCode?code=' + encodeURIComponent(res.data),
},
style: {
width: "80%",
height: "300px"
}
}
), h('el-alert', {
props: {
title: '一人一码，请确认当前登录用户信息再进行绑定，如果绑定错误，请取消关注 铭软 公众号再重新扫码绑定',
closable: false
},
}
)]),
showConfirmButton: false,
center: true
})
}).catch(function (err) {
console.log(err)
})
},
connect: function () {
var that = this
var sockjs = new SockJS("/websocket");
var stompClient = Stomp.over(sockjs);
stompClient.connect({}, function (frame) {
stompClient.subscribe('/topic/message/' +${Session.manager_session.managerId}, function (greeting) {
if (greeting.body == "list") {
that.getMessage()
}
});
});
},
markMenu: function (title, icon) {
var menu = {
title: title,
icon: icon,
}
this.markList.push(menu);
localStorage.setItem("markList", JSON.stringify(this.markList))
this.callbackFun();
},
cancelMarkMenu: function (title) {
var index = this.markList.findIndex(function (x) {
return x.title == title
});
this.markList.splice(index, 1);
localStorage.setItem("markList", JSON.stringify(this.markList))
},
handleMessage: function () {
this.openMenuInTitle('收到消息')
},
handleCommand: function (theme) {
this.theme = theme;
localStorage.setItem("theme", theme);
},
// 菜单列表
list: function () {
var that = this;
ms.http.get(ms.manager + "/model/list.do")
.then(function (data) {
that.menuList = data.data.rows
}, function (err) {
that.$message.error(err);
})
},
asideMenuOpen: function (index, indexPath) {
},
// 菜单打开页面
open: function (sub) {
var that = this
var result = '';
result = this.editableTabs.some(function (item, index) {
return item.modelTitle == sub.modelTitle
})
if (sub.syncStoreUrl) {
sub.modelUrl = sub.syncStoreUrl
sub.modelTitle = 'mstore';
sub.isStore = true;
!result ? this.editableTabs.push(sub) : ""
} else {
!result ? this.editableTabs.push(sub) : ""
}
this.currentTab = sub.modelTitle;
this.headMenuActive = sub.modelModelId
this.$nextTick(function () {
that.asideMenuActive = sub.modelId;
})
// 处理其他逻辑
setTimeout(function () {
if (document.querySelector('.el-tabs__nav-prev')) {
document.querySelector('.el-tabs__nav-wrap').style.padding = '0 40px'
} else {
document.querySelector('.el-tabs__nav-wrap').style.padding = '0'
}
}, 16)
},
tabClick: function (tab) {
this.asideMenuActive = tab.$el.dataset.modelid
this.headMenuActive = tab.$el.dataset.modelmodelid
console.log(this.editableTabs)
},
// 获取当前菜单的子菜单
getSubMenu: function (modelId) {
var result = [];
var that = this;
that.subMenuList && that.subMenuList.forEach(function (item) {
item.modelModelId == modelId ? result.push(item) : ''
})
return result;
},
//关闭tab标签页
closeTab: function (targetName) {
var that = this;
// 关闭的面板是当前激活面板
if (that.currentTab == targetName) {
var modelModelId = null
that.editableTabs.forEach(function (tab, index, arr) {
if (tab.modelTitle == targetName) {
modelModelId = arr[index].modelModelId
var nextTab = arr[index + 1] || arr[index - 1];
if (nextTab) {
that.currentTab = nextTab.modelTitle
that.asideMenuActive = nextTab.modelId
that.headMenuActive = nextTab.modelModelId
}
}
})
}
// 去掉关闭的tab
that.editableTabs = that.editableTabs.filter(function (tab) {
return tab.modelTitle !== targetName
})
// 关闭左侧父菜单
if (that.editableTabs.length) {
var result = that.editableTabs.every(function (item) {
return item.modelModelId !== modelModelId
})
if (result) {
that.asideMenuList.forEach(function (menu, index, arr) {
if (menu.modelId == modelModelId) {
var flag = false;
that.markList.forEach(function (item, index, array) {
if (item.title == menu.modelTitle) {
flag = true;
}
})
if (!flag) {
arr.splice(index, 1);
}
}
})
}
} else {
that.asideMenuList = []
}
// 判断是否出现左右箭头
setTimeout(function () {
if (document.querySelector('.el-tabs__nav-prev')) {
document.querySelector('.el-tabs__nav-wrap').style.padding = '0 40px'
} else {
document.querySelector('.el-tabs__nav-wrap').style.padding = '0'
}
}, 16)
},
openParentMenuInTitle: function (title) {
var data = this.parentMenuList.find(function (menu) {
return menu.modelTitle == title
})
data && this.openMenu(data)
},
// 头部导航打开菜单
openMenu: function (menu, index) {
this.asideMenuList.some(function (item, index) {
return item.modelId == menu.modelId
}) || this.asideMenuList.push(menu)
// this.getSubMenu(menu.modelId)[0] && this.$refs.menu.open(this.getSubMenu(menu.modelId)[0].modelTitle);
var children = [];
this.menuList.forEach(function (tab) {
if (tab.modelModelId == menu.modelId) {
children.push(tab)
}
})
this.currentTab = children[0] && children[0].modelTitle;
this.open(children[0]);
var that = this;
setTimeout(function () {
that.shortcutMenu = false
}, 50)
that.$nextTick(function () {
that.$refs.menu.open(String(menu.modelId))
})
},
managerGet: function () {
var that = this;
ms.http.get(ms.manager + "/basic/manager/get.do")
.then(function (data) {
that.peopleInfo = data.data
resetPasswordVue.resetPasswordForm.managerName = that.peopleInfo.managerName
}, function (err) {
that.$message.error(err);
})
},
exitSystem: function () {
this.$confirm('是否确认退出账号？', '退出系统', {
confirmButtonText: '确定',
cancelButtonText: '取消',
cancelButtonClass: 'el-button--mini',
confirmButtonClass: 'el-button--mini',
type: 'warning'
}).then(function () {
ms.http.get(ms.manager + "/loginOut.do")
.then(function (data) {
isShow = false;
location.href = ms.manager + "/login.do";
}, function (err) {
that.$message.error(err.msg);
})
})
},
// 打开修改密码，退出的模态框
openModal: function (edit) {
edit ?
resetPasswordVue.isShow = true : this.exitSystem();
},
// 显示图标
formmateIcon: function (icon) {
return "<i class='ms-admin-icon iconfont'></i>"
},
//打开指定标题
openMenuInTitle: function (title) {
this.open(this.menuList.find(function (x) {
return x.modelTitle == title
}))
},
//消息显示
getMessage: function () {
var that = this
ms.http.post(ms.manager + "/message/myMessage/list.do", {pageSize: 9999, mlStatus: 'unread'})
.then(function (res) {
if (res.result) {
that.messageList = res.data.rows.splice(0, 5);
that.unreadTotal = res.data.total;
}
}, function (err) {
that.$message.error(err);
})
},
dictList: function () {
var that = this;
ms.http.get(ms.base + '/mdiy/dict/list.do', {dictType: '消息类型', pageSize: 99999}).then(function (res) {
that.messageTypeList = res.rows;
}).catch(function (err) {
console.log(err);
});
},
addCallBackFun: function (fun) {
this.callbackFun = fun;
}
},
created: function () {
this.getAuthorization();
var markList = localStorage.getItem("markList");
if (markList) {
this.markList = JSON.parse(markList)
}
localStorage.setItem("markList", JSON.stringify(this.markList))
},
mounted: function () {
// this.getMessage();
this.dictList();
if (localStorage.getItem("theme")) {
this.theme = localStorage.getItem("theme");
}
//setInterval(this.getMessage,3000)
// 菜单列表
this.list();
this.connect();
//获取登录用户信息
this.managerGet();
var that = this;
ms.http.get(ms.manager + "/upgrader/sync.do").then(function (data) {
if (data.syncStoreUrl != undefined) {
data.syncStoreUrl += "?client=${client}";
that.mstore = data;
}
})
},
})
</script>
<style>
.adminhead{
margin-top: 10px\0;
}
.item {
margin-right: 19px;
}
.ms-notice-menu {
padding: 0px;
width: 400px;
}
.ms-notice-menu-type {
color: #ccc;
font-weight: 500;
font-family: 黑体 !important;
}
.ms-notice-menu-border {
border-bottom: 1px solid rgb(239, 239, 239);
font-weight: bold;
font-family: 黑体 !important;
}
.ms-admin-header-menu-shrink {
width: 64px;
display: flex;
justify-content: center;
align-items: center;
line-height: 50px;
border-right: 1px solid rgba(238, 238, 238, 1);
cursor: pointer;
}
.ms-admin-header-menu-shrink:hover {
background: rgba(250, 250, 250, 1);
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
width: 180px;
height: 100vh;
}
.el-menu--collapse {
height: 100vh;
}
.ms-admin-menu-aside .el-submenu__title,
.ms-admin-menu-aside .el-menu-item {
color: rgba(255, 255, 255, 1);
height: 40px;
line-height: 40px;
}
.ms-admin-menu-aside .el-submenu__title i {
color: inherit;
}
.ms-admin-menu-aside .el-submenu__title .iconfont {
font-size: 19px !important;
}
.ms-admin-menu-aside .el-submenu.is-active .el-submenu__title {
color: rgba(255, 255, 255, 1) !important;
}
.ms-admin-header-menu .el-submenu__title {
height: 50px !important;
line-height: 50px !important;
}
.ms-admin-header-menu .el-submenu__title:hover {
background: rgba(250, 250, 250, 1) !important;
}
.ms-admin-header-menu-all {
width: 560px;
height: auto;
background: rgba(255, 255, 255, 1);
border-radius: 2px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
line-height: 40px;
}
.ms-admin-header-menu-all .iconfont {
font-size: 17px;
}
.ms-admin-header-menu-all .ms-admin-header-menu-all-item {
display: flex;
width: 25%;
justify-content: center;
align-items: center;
cursor: pointer;
}
.ms-admin-header-menu-all .ms-admin-header-menu-all-item .el-icon-star-on {
color: #ccc;
font-size: 17px;
margin-left: -1px;
margin-top: 1px;
}
.ms-admin-header-menu-all .ms-admin-header-menu-all-item .el-icon-star-on:hover {
color: rgba(64, 158, 255, 1);
}
.ms-admin-header-menu-all .ms-admin-header-menu-all-item .el-icon-star-off {
color: #ccc;
}
.ms-admin-header-menu-all .ms-admin-header-menu-all-item .el-icon-star-off:hover {
color: rgba(64, 158, 255, 1);
}
.ms-admin-header-menu-all .ms-admin-header-menu-all-item:hover {
color: rgba(64, 158, 255, 1);
}
.ms-admin-mstore .ms-admin-mstore-menu-icon {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 48px;
color: rgba(51, 51, 51, 1);
}
.ms-admin-mstore .ms-admin-login .el-dropdown-link:hover,
.ms-admin-mstore .ms-admin-mstore-menu-icon:hover {
background: rgba(250, 250, 250, 1);
}
.ms-admin-mstore .ms-admin-mstore-menu-icon i {
font-size: 18px;
margin: 0 5px 0 0;
}
.ms-admin-login-down {
top: 55px !important;
}
.ms-admin-menu-aside-submenu .el-menu-item {
line-height: 40px;
height: 40px;
}
.el-submenu__title * {
vertical-align: top;
}
.ms-admin-login-theme .el-dropdown-menu__item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.el-tabs__nav .el-tabs__item:nth-child(1) span {
display: none;
}
.el-tabs__item.is-active {
background-color: rgba(255, 255, 255, 1);
}
.el-menu {
border-right: 0px;
}
.ms-admin-logo .class-1 {
color: white;
padding-top: 8px;
color: #FFFFFF;
word-wrap: break-word;
font-family: MicrosoftYaHei-Bold;
font-weight: bold;
font-style: italic;
}
.ms-admin-logo .class-2 {
font-size: 12px;
font-weight: normal;
}
.theme-select .el-menu--popup {
width: 100px;
min-width: 100px;
}
.top-operate-select .el-menu--popup {
width: 162px;
min-width: 162px;
}
</style>
src/main/webapp/WEB-INF/manager/main.ftl
View file @ 7d09d373
......@@ -44,110 +44,26 @@
<div class="class-6" >
</div>
<div class="class-7" >
<div class="class-8" >
<div class="class-9">
<div class="panel">
<div class="panel-title">
常用功能
</div>
</div>
<div class="class-10" >
<div @click="jumpArtcleManager"
class="class-11" >
<div class="class-12" >
<!--图片开始-->
<img
src="${base}/static/ms-admin/5.0.0/images/1578362848002.png"
class="class-13" />
<!--图片结束-->
</div>
<div class="class-14">
文章管理
</div>
</div>
<div @click="jumpCategorymanager" class="class-15" >
<div class="class-16" >
<!--图片开始-->
<img
src="${base}/static/ms-admin/5.0.0/images/1578363219309.png"
class="class-17" />
<!--图片结束-->
</div>
<div class="class-18">
栏目管理
</div>
</div>
<div @click="jumpStaticManager" class="class-19" >
<div class="class-20" >
<!--图片开始-->
<img
src="${base}/static/ms-admin/5.0.0/images/1578363549912.png"
class="class-21" />
<!--图片结束-->
</div>
<div class="class-22">
静态化
</div>
</div>
<div @click="jumpAdmininstatorManager" class="class-23" >
<div class="class-24" >
<!--图片开始-->
<img
src="${base}/static/ms-admin/5.0.0/images/1578363754088.png"
class="class-25" />
<!--图片结束-->
</div>
<div class="class-26">
管理员管理
</div>
</div>
<div @click="jumpUserManager" class="class-27" >
<div class="class-28" >
<!--图片开始-->
<img
src="${base}/static/ms-admin/5.0.0/images/1578364450652.png"
class="class-29" />
<!--图片结束-->
</div>
<div class="class-30">
角色管理
</div>
</div>
<div @click="jumpMenuManager" class="class-31" >
<div class="class-32" >
<!--图片开始-->
<img
src="${base}/static/ms-admin/5.0.0/images/1578363880431.png"
class="class-33" />
<!--图片结束-->
</div>
<div class="class-34">
菜单管理
</div>
</div>
<div @click="jumpTemplateManager" class="class-35" >
<div class="class-36" >
<!--图片开始-->
<img
src="${base}/static/ms-admin/5.0.0/images/1578363998984.png"
class="class-37" />
<!--图片结束-->
</div>
<div class="class-38">
模板管理
</div>
</div>
<div @click="jumpApplicationManager" class="class-39" >
<div class="class-40" >
<!--图片开始-->
<img
src="${base}/static/ms-admin/5.0.0/images/1578364095317.png"
class="class-41" />
<!--图片结束-->
</div>
<div class="class-42">
应用设置
<div class="v-space"></div>
<div class="panel-content" style="flex-direction: row;flex-wrap: wrap; flex: unset">
<div class="mitem"
@click="window.parent.indexVue.openParentMenuInTitle(item.title)"
v-for="item in alwaysList">
<!--图标开始-->
<i :class="['iconfont',item.icon]"></i>
<div class="item-title">
{{ item.title }}
</div>
<!--文本结束-->
</div>
</div>
</div>
</div>
<!--大容器开始-->
<div class="class-43" >
......@@ -431,7 +347,8 @@
data: {
base: ms.base,
msNewsLast: '',
msNewsPath: ''
msNewsPath: '',
alwaysList: [], //常用功能列表
},
methods: {
jumpArtcleManager: function () {
......@@ -481,6 +398,12 @@
"modelUrl": "model/index.do"
});
},
getAlwaysList: function () {
var markList = localStorage.getItem("markList");
if (markList) {
this.alwaysList = JSON.parse(markList)
}
},
//模板管理
jumpTemplateManager: function () {
window.parent.indexVue.open({
......@@ -490,6 +413,9 @@
"modelUrl": "template/index.do"
});
},
setCallBackFun: function () {
window.parent.indexVue.addCallBackFun(this.getAlwaysList);
},
//应用管理
jumpApplicationManager: function () {
window.parent.indexVue.open({
......@@ -530,14 +456,71 @@
that.msNewsLast = res.data.data.rows[0].contentTitle.toString();
that.msNewsPath = 'https://ms.mingsoft.net/html/1/203/202/' + res.data.data.rows[0].id + '.html';
});
this.setCallBackFun();
}
},
created: function () {
this.getNewsLast();
this.getAlwaysList();
}
});
</script>
<style>
.panel-content .mitem {
color: #333333;
cursor: pointer;
outline-offset: -1px;
height: 88px;
flex-direction: column;
display: flex;
animation-duration: 1s;
width: 88px;
background-repeat: no-repeat;
align-items: center;
}
.panel .panel-content .mitem:hover i ,.panel .panel-content .mitem:hover .item-title{
color:#409EFF
}
.panel-content .mitem i {
font-size: 36px;
}
.panel {
color: #333333;
padding: 10px;
outline-offset: -1px;
flex: 1;
background-color: rgba(255, 255, 255, 1);
flex-direction: column;
display: flex;
animation-duration: 1s;
background-repeat: no-repeat;
}
.panel .panel-title {
color: #333333;
word-wrap: break-word;
font-weight: bold;
display: inline-block;
animation-duration: 1s;
font-size: 16px;
padding-left: 10px;
margin-top: 5px;
}
.panel .panel-content {
color: #333333;
padding-right: 10px;
padding-bottom: 10px;
outline-offset: -1px;
flex: 1;
padding-top: 10px;
max-width: 100%;
flex-direction: column;
display: flex;
animation-duration: 1s;
width: 100%;
padding-left: 10px;
background-repeat: no-repeat;
}
.custom-body {
}
.class-1
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment