|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<meta name="viewport"
|
|
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
<title></title>
|
|
|
<link rel="stylesheet" type="text/css" href="../../WF/Comm/fonts/font-icons.min.css">
|
|
|
<link rel="stylesheet" type="text/css" href="./../WF/icons/icons.css">
|
|
|
<link rel="stylesheet" type="text/css" href="./layui/css/layui.css">
|
|
|
<link href="../../DataUser/Style/Portal.css" rel="stylesheet" type="text/css" />
|
|
|
<link rel="stylesheet" type="text/css" href="./layui/css/customer.css">
|
|
|
<!--<link rel="stylesheet" type="text/css" href="./layui/css/skins.css" />-->
|
|
|
<script src="../../WF/Scripts/jquery/jquery.min.js"></script>
|
|
|
<script type="text/javascript" src="./js/vue/vue.js"></script>
|
|
|
<!--- 引入代码. -->
|
|
|
<script src="../../WF/Scripts/QueryString.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Scripts/config.js" type="text/javascript"></script>
|
|
|
<script src="../../DataUser/JSLibData/PortalConfig.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Data/lang/load.js"></script>
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
//初始化页面函数.....
|
|
|
$(function () {
|
|
|
var webUser = new WebUser();
|
|
|
document.getElementsByTagName("title")[0].innerText = '您好：' + webUser.Name + ", 来自：" + webUser.FK_DeptName;
|
|
|
});
|
|
|
|
|
|
function GoToFunc(funcName) {
|
|
|
if (funcName === 'Calendar') {
|
|
|
vm.openTab(vm.GetNameByLange('rili'),basePath+ '/CCFast/Calendar/Month.htm');
|
|
|
return;
|
|
|
}
|
|
|
if (funcName === 'WorkRec') {
|
|
|
vm.openTab(vm.GetNameByLange('rizhi'), basePath + '/CCFast/WorkRec/Default.htm');
|
|
|
return;
|
|
|
}
|
|
|
if (funcName === 'Notepad') {
|
|
|
vm.openTab(vm.GetNameByLange('jishiben'), basePath + '/CCFast/Notepad/Notepad.htm');
|
|
|
return;
|
|
|
}
|
|
|
if (funcName === 'Task') {
|
|
|
vm.openTab(vm.GetNameByLange('renwu'), basePath + '/CCFast/Task/Task.htm');
|
|
|
return;
|
|
|
}
|
|
|
if (funcName === 'KnowledgeManagement') {
|
|
|
vm.openTab(vm.GetNameByLange('zhishiku'), basePath + '/CCFast/KnowledgeManagement/Default.htm');
|
|
|
return;
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
|
body {
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
[v-cloak] {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.nav-menu {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
box-sizing: border-box;
|
|
|
padding-left: 18px;
|
|
|
padding-right: 6px;
|
|
|
cursor: pointer;
|
|
|
height: 46px;
|
|
|
}
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
width: 0px;
|
|
|
height: 0px;
|
|
|
background-color: #F5F5F5;
|
|
|
}
|
|
|
|
|
|
.sideMenuBar-set {
|
|
|
overflow-y: auto;
|
|
|
height: 100vh;
|
|
|
}
|
|
|
|
|
|
.nav-menu:hover {
|
|
|
background-color: var(--sub-menu-hover) !important;
|
|
|
color: white !important;
|
|
|
border-color: white !important;
|
|
|
}
|
|
|
|
|
|
.nav-menu:hover .option {
|
|
|
background-color: var(--sub-menu-hover) !important;
|
|
|
color: white !important;
|
|
|
}
|
|
|
|
|
|
.nav-menu .menu-name {
|
|
|
text-align: left;
|
|
|
margin-left: 8px;
|
|
|
flex: 1;
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
font-size: 15px;
|
|
|
}
|
|
|
|
|
|
.nav-menu .option {
|
|
|
width: 36px;
|
|
|
height: 24px;
|
|
|
text-align: center;
|
|
|
line-height: 24px;
|
|
|
color: #999999;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
|
|
|
.drag-class {
|
|
|
border: 1px solid #2D93CA !important;
|
|
|
background: white !important;
|
|
|
}
|
|
|
|
|
|
.offerleft {
|
|
|
left: 300px;
|
|
|
}
|
|
|
|
|
|
.g-admin-layout .openswich, .g-admin-layout .layui-side-scroll {
|
|
|
width: 300px
|
|
|
}
|
|
|
|
|
|
.layui-header .offerleft {
|
|
|
left: 300px;
|
|
|
}
|
|
|
|
|
|
.g-admin-pagetabs dl {
|
|
|
background: white !important;
|
|
|
}
|
|
|
|
|
|
.openswich {
|
|
|
background-color: #fff !important;
|
|
|
}
|
|
|
|
|
|
.openswich .menus-wrapper {
|
|
|
width: 240px;
|
|
|
background-color: #fff;
|
|
|
height: 100vh;
|
|
|
}
|
|
|
|
|
|
.openswich .layui-logo {
|
|
|
position: absolute;
|
|
|
height: 50px;
|
|
|
line-height: 50px;
|
|
|
color: #333;
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
|
|
|
.sub-menu-divider .line {
|
|
|
width: 50px
|
|
|
}
|
|
|
|
|
|
.openswich .layui-nav {
|
|
|
line-height: 50px;
|
|
|
color: #333;
|
|
|
margin-top: 80px;
|
|
|
}
|
|
|
|
|
|
.openswich .layui-nav .layui-nav-item a {
|
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
|
color: #5f626e;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.g-admin-layout .offerbodyleft {
|
|
|
left: 300px;
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
<style id="theme-data">
|
|
|
</style>
|
|
|
<style id="layout-data">
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body :class="layui-layout-body">
|
|
|
<audio id="alert-msg" style="display: none" src="../Standard/sound/alert.mp3"></audio>
|
|
|
<div id="g-app-main" v-cloak>
|
|
|
<div :class="sideBarOpen?'':'g-admin-sidebar-fold'">
|
|
|
<!--layUi layout start-->
|
|
|
<div class="layui-layout g-admin-layout">
|
|
|
<!-- header -->
|
|
|
<div class="layui-header">
|
|
|
<ul class="layui-nav g-layout-left" :class="classicalLayout? '':'offerleft'">
|
|
|
<li class="layui-nav-item g-admin-flexible" v-if="IsShowFlexible" @click="resizeSideBar">
|
|
|
<a href="javascript:void(0)" title="侧边栏"
|
|
|
:style="'transform: rotate(' + sideBarOpen?'0':'180deg' + ')'">
|
|
|
<i class="layui-icon layui-icon-shrink-right"></i>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
<li v-if="isAdmin" class="layui-nav-item layui-hide-xs" v-if="IsShowFast">
|
|
|
<a href="javascript:void(0)" :title="GetNameByLange('liucheng')" @mouseover.stop="showShortCut = true"
|
|
|
@mouseenter="stopTimeout" @mouseleave="closeDropdown">
|
|
|
{{GetNameByLange('liucheng')}}
|
|
|
</a>
|
|
|
<dl class="layui-nav-child drop-down" :class="{'layui-show':showShortCut}"
|
|
|
style='width: 100px;' @click.stop="showShortCut = false" @mouseenter="stopTimeout"
|
|
|
@mouseleave="closeDropdown">
|
|
|
<dd onclick="Start()">
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-share-alt"></i> {{GetNameByLange('faqi')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
<dd onclick='Todolist()'>
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-bell"></i> {{GetNameByLange('daiban')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
<dd onclick='Runing()'>
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-clock"></i> {{GetNameByLange('zaitu')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
<dd onclick='Search()'>
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-magnifier"></i> {{GetNameByLange('chaxun')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
|
|
|
</dl>
|
|
|
</li>
|
|
|
|
|
|
<li class="layui-nav-item layui-hide-xs" v-if="IsShowOA">
|
|
|
<a href="javascript:void(0)" title="OA" @mouseover.stop="showShortOA = true"
|
|
|
@mouseenter="stopTimeout" @mouseleave="closeDropdown">
|
|
|
OA
|
|
|
</a>
|
|
|
|
|
|
<dl class="layui-nav-child drop-down" :class="{'layui-show':showShortOA}"
|
|
|
style='width: 110px;' @click.stop="showShortOA = false" @mouseenter="stopTimeout"
|
|
|
@mouseleave="closeDropdown">
|
|
|
<dd onclick="GoToFunc('Calendar')">
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-calendar"></i> {{GetNameByLange('rili')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
<dd onclick="GoToFunc('WorkRec')">
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-bell"></i> {{GetNameByLange('rizhi')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
<dd onclick="GoToFunc('Notepad')">
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-note"></i> {{GetNameByLange('jishiben')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
<dd onclick="GoToFunc('Task')">
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-note"></i> {{GetNameByLange('renwu')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
<dd onclick="GoToFunc('KnowledgeManagement')">
|
|
|
<a class="drop-down-item" style="display:inline !important">
|
|
|
<i class="icon-eyeglass"></i> {{GetNameByLange('zhishiku')}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
</li>
|
|
|
<li v-if="IsShowRefresh" class="layui-nav-item" @click="reLoadCurrentPage">
|
|
|
<a href="javascript:void(0)">
|
|
|
<i class="layui-icon layui-icon-refresh-3"></i>
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
<ul class="layui-nav g-layout-right">
|
|
|
<!--<li v-if="isAdmin" id="iconMenu" class="layui-nav-item layui-hide-xs" onclick="GoToOrgEn()">
|
|
|
<a href="javascript:void(0)" class="flex-item">
|
|
|
<i class="icon-menu"></i>
|
|
|
<span>系统后台</span>
|
|
|
</a>
|
|
|
</li>-->
|
|
|
<!--<li v-if="isAdmin" id="iconMenu" class="layui-nav-item layui-hide-xs" onclick="Fasts()">
|
|
|
<a href="javascript:void(0)" class="flex-item">
|
|
|
<i class="icon-menu"></i>
|
|
|
<span>低代码</span>
|
|
|
</a>
|
|
|
</li>-->
|
|
|
<li v-if="isAdmin==false" id="iconMenu" class="layui-nav-item layui-hide-xs" onclick="Start()">
|
|
|
<a href="javascript:void(0)" class="flex-item">
|
|
|
<i class="icon-share-alt"></i>
|
|
|
<span>{{GetNameByLange('faqi')}}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
|
|
|
<li v-if="isAdmin==false" id="iconFlow" class="layui-nav-item layui-hide-xs" onclick="Todolist()">
|
|
|
<a href="javascript:void(0)" class="flex-item">
|
|
|
<i class="icon-bell"></i>
|
|
|
<span>{{GetNameByLange('daiban')}}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
<li v-if="isAdmin==false" id="iconFrm" class="layui-nav-item layui-hide-xs" onclick="Runing()">
|
|
|
<a href="javascript:void(0)" class="flex-item">
|
|
|
<i class="icon-clock"></i>
|
|
|
<span>{{GetNameByLange('zaitu')}}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
<li v-if="isAdmin" id="iconMenu" class="layui-nav-item layui-hide-xs" onclick="Fasts()">
|
|
|
<a href="javascript:void(0)" class="flex-item">
|
|
|
<i class="icon-menu"></i>
|
|
|
<span>{{GetNameByLange('didaima')}}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
|
|
|
<li v-if="isAdmin" id="iconFlow" class="layui-nav-item layui-hide-xs" onclick="Flows()">
|
|
|
<a href="javascript:void(0)" class="flex-item" style="padding:0 15px">
|
|
|
<i class="icon-heart"></i>
|
|
|
<span>{{GetNameByLange('liucheng')}}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
<li v-if="isAdmin" id="iconFrm" class="layui-nav-item layui-hide-xs" onclick="Frms()">
|
|
|
<a href="javascript:void(0)" class="flex-item" style="padding:0 15px">
|
|
|
<i class="icon-diamond"></i>
|
|
|
<span>{{GetNameByLange('biaodan')}}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
|
|
|
<li v-if="isAdmin" id="iconOrg" class="layui-nav-item layui-hide-xs" onclick="OpenOrg()">
|
|
|
<a href="javascript:void(0)" class="flex-item" style="padding:0 15px">
|
|
|
<i class="icon-people"></i>
|
|
|
<span>{{GetNameByLange('zuzi')}}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
|
|
|
<li id="iconIM" class="layui-nav-item layui-hide-xs" onclick="OpenMessage()">
|
|
|
<a href="javascript:void(0)" style="padding:0 15px">
|
|
|
<i class="icon-bubbles"></i> {{GetNameByLange('xiaoxi')}}
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
<li id="iconIM" class="layui-nav-item layui-hide-xs" onclick="OpenIM()">
|
|
|
<a href="javascript:void(0)" style="padding:0 15px">
|
|
|
<i class="icon-bubbles"></i> IM
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
<li id="lange" class="layui-nav-item layui-hide-xs" >
|
|
|
<a href="javascript:void(0)" style="padding:0 15px">
|
|
|
<i class="layui-icon layui-icon-website"></i>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
|
|
|
<li v-if="IsShowTheme" class="layui-nav-item layui-hide-xs" @click="openThemePicker">
|
|
|
<a href="javascript:void(0)" style="padding:0 15px">
|
|
|
<i class="layui-icon layui-icon-theme"></i>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
<li v-if="IsShowFullScreen" class="layui-nav-item layui-hide-xs"
|
|
|
@click="changeFullScreenStatus">
|
|
|
<a href="javascript:void(0)" style="padding:0 15px">
|
|
|
<i class="layui-icon "
|
|
|
:class="inFullScreenMode ? 'layui-icon-screen-restore':'layui-icon-screen-full'"></i>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="layui-nav-item " style="margin-right: 20px" @mouseover.stop="showUserActions = true"
|
|
|
@mouseenter="stopTimeout" @mouseleave="closeDropdown">
|
|
|
<a href="javascript:void(0)" style="padding:0 15px">
|
|
|
<span id="username">{{webUser.Name}}</span>
|
|
|
</a>
|
|
|
<dl class="layui-nav-child drop-down" :class="{'layui-show': showUserActions}"
|
|
|
@mousemove.stop @mouseenter="stopTimeout" @mouseleave="closeDropdown">
|
|
|
<dd>
|
|
|
<a href="javascript:void(0)"
|
|
|
@click='openTab(GetNameByLange("grxx"),"../../WF/Setting/Default.htm")'>{{GetNameByLange('grxx')}}</a>
|
|
|
</dd>
|
|
|
<!--<dd><a href="javascript:void(0)" @click='openTab("修改密码","../Setting/ChangePassword.htm")'>修改密码</a></dd>-->
|
|
|
<dd>
|
|
|
<a href="javascript:void(0)"
|
|
|
@click='openTab(GetNameByLange("qhzz"),"../../WF/Setting/ChangeDept.htm")'>{{GetNameByLange('qhzz')}}</a>
|
|
|
</dd>
|
|
|
<dd v-if="plant=='CCFlow'"><a href="javascript:void(0)" @click="GoToMobile">{{GetNameByLange('ydddl')}}</a></dd>
|
|
|
<dd><a href="javascript:void(0)" @click="GoToAppClassic">{{GetNameByLange('zjjdl')}}</a></dd>
|
|
|
<dd><a href="javascript:void(0)" @click="logout">{{GetNameByLange('tcdl')}}</a></dd>
|
|
|
</dl>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!-- menus -->
|
|
|
<div v-if="classicalLayout" :class="sideBarOpen?'layui-side layui-side-menu':'layui-side layui-side-menu miniBar'">
|
|
|
<div class="layui-side-scroll">
|
|
|
|
|
|
<div class="layui-logo"
|
|
|
style="display: flex;align-items: center; justify-content: center;">
|
|
|
<img :src="SystemLogo" style="width: 32px;height:32px;" alt="logo">
|
|
|
</div>
|
|
|
<!-- 侧边导航: <ul class="layui-nav layui-nav-tree" lay-filter="navTree">-->
|
|
|
<ul class="layui-nav layui-nav-tree layui-nav-side" lay-filter="navTree">
|
|
|
<li v-for="(item,index) in menuTreeData" @click="sideBarOpen = true"
|
|
|
:class="['layui-nav-item',item.IsOpen ? 'layui-nav-itemed': '']">
|
|
|
<a v-if="Array.isArray(menuTreeData) && menuTreeData.length > 0"
|
|
|
href="javascript:void(0)" @click="foldMenus(menuTreeData,item)" :class="{'layui-this' : item.No === selectedId}">
|
|
|
<i :class="item.Icon"></i>
|
|
|
<cite style="margin-left:8px">{{item.Name}}</cite>
|
|
|
<span class="layui-nav-more"></span>
|
|
|
</a>
|
|
|
<a v-else href="javascript:void(0)" :class="{'layui-this' : item.No === selectedId}"
|
|
|
@click="openTab(item.Name,item.Url,item.No),selectedId = item.No">
|
|
|
<i :class="item.Icon"></i>
|
|
|
<cite style="margin-left:8px">{{item.Name}}</cite>
|
|
|
</a>
|
|
|
<dl v-show="Array.isArray(menuTreeData) && menuTreeData.length > 0 && item.IsOpen"
|
|
|
ref="c-sort-tree" class="layui-nav-child">
|
|
|
<dd v-for="(ite,idx) in item.children" :data-id="ite.No" :data-no="ite.No"
|
|
|
:data-idx="idx" :data-name="ite.Name"
|
|
|
:class="calcClassList(ite,1).concat([ite.IsOpen ? 'layui-nav-itemed': '',{'layui-this': ite.No === selectedId}])">
|
|
|
|
|
|
<template v-if="Array.isArray(ite.children) && ite.children.length == 1">
|
|
|
<a v-for="(itemd,index) in ite.children"
|
|
|
@click="openTab(itemd.Name,itemd.Url,itemd.No) , selectedId = itemd.No" :class="{'layui-this': itemd.No === selectedId}" style="cursor: pointer;">
|
|
|
<i :class="itemd.Icon"></i> {{itemd.Name}}
|
|
|
<span class="layui-nav-more"></span>
|
|
|
</a>
|
|
|
</template>
|
|
|
|
|
|
|
|
|
<a v-else-if="Array.isArray(ite.children) && ite.children.length > 1"
|
|
|
@click="foldMenus(item.children,ite)" style="cursor: pointer;" :class="{'layui-this': ite.No === selectedId}">
|
|
|
<i :class="ite.Icon"></i> {{ite.Name}}
|
|
|
<span class="layui-nav-more"></span>
|
|
|
</a>
|
|
|
<a v-else @click="openTab(ite.Name,ite.Url,ite.No),selectedId = ite.No"
|
|
|
:class="{'layui-this': ite.No === selectedId}" style="cursor: pointer;">
|
|
|
<i :class="ite.Icon"></i> {{ite.Name}}
|
|
|
</a>
|
|
|
<dl v-show="Array.isArray(ite.children) && ite.children.length > 1 && ite.IsOpen"
|
|
|
class="layui-nav-child" ref="c-sort-tree-child">
|
|
|
<dd v-for="(it,it_idx) in ite.children" :data-id="it.No" :data-pid="ite.No"
|
|
|
:data-no="it.No" :data-name="it.Name" :data-pidx="idx"
|
|
|
:data-idx="it_idx" :class="calcClassList(item,2)" @click.right.stop>
|
|
|
<a @click="openTab(it.Name,it.Url,it.No),selectedId = it.No"
|
|
|
:class="{'layui-this': it.No === selectedId}"
|
|
|
style="cursor: pointer;">
|
|
|
<i :class="it.Icon"></i> {{it.Name}}
|
|
|
</a>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
|
|
|
</dd>
|
|
|
</dl>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else class="layui-side layui-side-menu openswich" :style="sideBarOpen?'':'width:65px'">
|
|
|
<div class="layui-side-scroll">
|
|
|
<div class="sideMenuBar sideMenuBar-set">
|
|
|
<li class="top-menu-item" @click="initMenus">
|
|
|
<img :src="SystemLogo" alt="logo">
|
|
|
</li>
|
|
|
<li v-for="(item,index) in menuTreeData" :key="item.NO" class="top-menu-item"
|
|
|
:class="{'selected-top-menu':selectedTopMenuIndex === index}" :title="item.Name"
|
|
|
@click="selectTopMenu(index)">
|
|
|
<i :class="item.Icon"></i>
|
|
|
<span class="top-menu-item-span">{{item.Name}}</span>
|
|
|
</li>
|
|
|
</div>
|
|
|
<div class="menus-wrapper">
|
|
|
<div class="layui-logo">{{SystemName}}</div>
|
|
|
<div class="sub-menu-divider">
|
|
|
<div class="line"></div>
|
|
|
<span class="sub-menu-title">{{subMenuTitle}}</span>
|
|
|
<div class="line"></div>
|
|
|
</div>
|
|
|
<ul class="layui-nav layui-nav-tree" ref="sort-tree" :style="sideBarOpen?'':'display:none'">
|
|
|
|
|
|
<li v-for="(item,index) in subMenuData.children" class="layui-nav-item"
|
|
|
:data-id="item.No" :data-no="item.No" :data-idx="index" :data-name="item.Name"
|
|
|
:key="item.NO" :class="calcClassList(item,1)">
|
|
|
<template v-if="item.children.length > 1 ">
|
|
|
<div class="nav-menu" :class="{'layui-nav-this':item.open === true}"
|
|
|
@click.stop.prevent="item.open = !item.open">
|
|
|
<i :class="item.Icon"></i>
|
|
|
<span class="menu-name">{{item.Name}}</span>
|
|
|
<i v-if="item.type" class="option icon-menu" @click.stop.prevent
|
|
|
:data-id="item.No" :data-no="item.No" :data-idx="index"
|
|
|
:data-name="item.Name"></i>
|
|
|
</div>
|
|
|
<dl v-show="Array.isArray(item.children) && item.children.length > 1 && item.open"
|
|
|
ref="sort-tree-child">
|
|
|
<dd v-for="(it,idx) in item.children" :key="it.NO" :data-id="it.No"
|
|
|
:data-pid="item.No" :data-no="it.No" :data-name="it.Name" :data-pidx="index"
|
|
|
:data-idx="idx" :class="calcClassList(item,2)" @click.right.stop>
|
|
|
<a @click="openTabByMenu(it),selectedId = it.No"
|
|
|
:class="{'layui-this': it.No === selectedId,'sub-menu-a ':true}"
|
|
|
style="padding-left: 25px;cursor: pointer;">
|
|
|
<i :class="it.Icon"></i>
|
|
|
<span style="margin-left: 8px;">{{it.Name}}</span>
|
|
|
</a>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<div v-for="(itemf, index) in item.children">
|
|
|
<div class="nav-menu" :class="{'layui-nav-this':itemf.open === true}"
|
|
|
@click="openTabByMenu(itemf),selectedId = it.No">
|
|
|
<i :class="itemf.Icon"></i>
|
|
|
<span class="menu-name">{{itemf.Name}}</span>
|
|
|
<i v-if="itemf.type" class="option icon-menu" @click.stop.prevent
|
|
|
:data-id="itemf.No" :data-no="itemf.No" :data-idx="index"
|
|
|
:data-name="itemf.Name"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
</li>
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- tabs -->
|
|
|
<div :class="classicalLayout? '':'offerleft'" class="g-admin-pagetabs" @click.right.prevent="openTabDropdownMenu" @mouseleave="closeDropdown">
|
|
|
<div class="layui-icon g-admin-tabs-control layui-icon-prev" @click="toLeftPage"></div>
|
|
|
<div class="layui-icon g-admin-tabs-control layui-icon-next" @click="toRightPage"></div>
|
|
|
<div class="layui-icon g-admin-tabs-control layui-icon-down"
|
|
|
@click="showPagesAction = !showPagesAction">
|
|
|
<ul class="layui-nav g-admin-tabs-select">
|
|
|
<li class="layui-nav-item">
|
|
|
<a href="javascript:void(0)"><span class="layui-nav-more"></span></a>
|
|
|
<dl class="layui-nav-child layui-anim-fadein layui-anim layui-anim-upbit bgwhite"
|
|
|
:class="{'layui-show': showPagesAction}" @mouseleave="showPagesAction = false">
|
|
|
<dd @click="closeCurrentTabs(selectedTabsIndex,true)">
|
|
|
<a href="javascript:void(0)">
|
|
|
<i class="icon-check"></i>关闭当前标签页
|
|
|
</a>
|
|
|
</dd>
|
|
|
<dd @click="closeOtherTabs">
|
|
|
<a href="javascript:void(0)"><i class="icon-minus"></i>关闭其它标签页</a>
|
|
|
</dd>
|
|
|
<dd @click="closeAllTabs">
|
|
|
<a href="javascript:void(0)"><i class="icon-exclamation"></i>关闭全部标签页</a>
|
|
|
</dd>
|
|
|
<dd @click="reLoadCurrentPage">
|
|
|
<a href="javascript:void(0)"><i class='icon-reload'></i>刷新</a>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
</li>
|
|
|
<span class="layui-nav-bar" style="left: 20px; top: 35px; width: 0; opacity: 0;"></span>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<dl v-if="tabDropdownVisible" :style="contextMenuStyle" @mouseleave="tabDropdownVisible = false"
|
|
|
@click.stop="tabDropdownVisible = false">
|
|
|
<dd @click="closeCurrentTabs(selectedTabsIndex,true)">
|
|
|
<a href="javascript:void(0)"><i class="icon-check"></i>关闭当前标签页</a>
|
|
|
</dd>
|
|
|
<dd @click="closeOtherTabs">
|
|
|
<a href="javascript:void(0)"><i class="icon-minus"></i>关闭其它标签页</a>
|
|
|
</dd>
|
|
|
<dd @click="closeAllTabs">
|
|
|
<a href="javascript:void(0)"><i class="icon-exclamation"></i>关闭全部标签页</a>
|
|
|
</dd>
|
|
|
<dd @click="reLoadCurrentPage">
|
|
|
<a href="javascript:void(0)"><i class='icon-reload'></i>刷新</a>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
|
|
|
<div class="layui-tab" lay-allowclose="true" lay-filter="g-admin-layout-tabs">
|
|
|
<ul class="layui-tab-title" ref="iframe-tabs">
|
|
|
<li @click="changeSelectTab(-1)" :class="{'layui-this':selectedTabsIndex === -1}">
|
|
|
<i class="layui-icon layui-icon-home"></i><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>
|
|
|
</li>
|
|
|
<li v-for="(item,index) in tabsList" @click="changeSelectTab(index,item)"
|
|
|
:class="{'layui-this':selectedTabsIndex === index}">
|
|
|
<span>{{item.name}}</span><i class="layui-icon layui-unselect layui-tab-close"
|
|
|
@click="closeCurrentTabs(index,true)">ဆ</i>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- body -->
|
|
|
<div :class="classicalLayout? 'layui-body':'layui-body offerbodyleft'">
|
|
|
<div :class="{'layui-show':selectedTabsIndex === -1}" class="g-admin-tabsbody-item">
|
|
|
<iframe src="../../WF/Todolist.htm" frameborder="0" ref="iframe-home" class="g-admin-iframe"></iframe>
|
|
|
</div>
|
|
|
<div v-for="(item,index) in tabsList" class="g-admin-tabsbody-item"
|
|
|
:class="{'layui-show':index === selectedTabsIndex}">
|
|
|
<iframe :src="item.src" frameborder="0" :ref="'iframe-'+index" class="g-admin-iframe"></iframe>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--layUi layout end-->
|
|
|
<script src="js/vue/ThemeData.js"></script>
|
|
|
<script src="../../WF/Comm/Gener.js" type="text/javascript"></script>
|
|
|
<script src="./layui/layui.js" type="text/javascript"></script>
|
|
|
<script type="text/javascript">
|
|
|
/**layui.config({
|
|
|
base: '../Scripts/layui/' //静态资源所在路径
|
|
|
}).extend({
|
|
|
index: 'lib/index' //主入口模块
|
|
|
}).use('index');*/
|
|
|
var loading = layer.load(2, {
|
|
|
shade: false,
|
|
|
time: 2000
|
|
|
});
|
|
|
layui.use('element', function () {
|
|
|
var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
|
|
|
|
|
|
//监听导航点击
|
|
|
element.on('nav(navTree)', function (elem) {
|
|
|
//console.log(elem)
|
|
|
layer.msg(elem.text());
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
<script src="Default.js"></script>
|
|
|
<script src="DefaultIndex.js"></script>
|
|
|
<script src="DefaultMenuGlo.js"></script>
|
|
|
<script src="../../WF/Scripts/tinyIM/commonSDK.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |