You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
187 lines
10 KiB
Plaintext
187 lines
10 KiB
Plaintext
11 months ago
|
<!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="../../Portal/icons/font-icons.min.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../Portal/icons/icons.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../Portal/layui/css/layui.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../Portal/layui/css/customer.css">
|
||
|
|
<script src="../../Scripts/jquery/jquery.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../../Portal/js/vue/vue.js"></script>
|
||
|
|
|
||
|
|
<!--- 引入代码. -->
|
||
|
|
<script src="../../Scripts/QueryString.js" type="text/javascript"></script>
|
||
|
|
<script src="../../Scripts/config.js" type="text/javascript"></script>
|
||
|
|
<script type="text/javascript" src="../../Portal/js/sortjs/Sortable.min.js"></script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
[v-cloak] {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.drag-class {
|
||
|
|
border: 1px solid #2D93CA !important;
|
||
|
|
background: white !important;
|
||
|
|
}
|
||
|
|
.menus-wrapper {left:0px;
|
||
|
|
}
|
||
|
|
.layui-side-menu .layui-nav {
|
||
|
|
margin-top: 0px;
|
||
|
|
}
|
||
|
|
.g-admin-pagetabs {
|
||
|
|
top: 0px;
|
||
|
|
}
|
||
|
|
.g-admin-layout .layui-body {
|
||
|
|
top:40px;}
|
||
|
|
</style>
|
||
|
|
<style id="theme-data">
|
||
|
|
</style>
|
||
|
|
<style id="layout-data">
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="layui-layout-body">
|
||
|
|
|
||
|
|
<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-side layui-side-menu" :style="sideBarOpen">
|
||
|
|
<div class="layui-side-scroll">
|
||
|
|
<div class="menus-wrapper">
|
||
|
|
<ul class="layui-nav layui-nav-tree" ref="sort-tree" :style="sideBarOpen?'':'display:none'">
|
||
|
|
<li v-for="(item,index) in menuTreeData" class="layui-nav-item" :data-id="item.No"
|
||
|
|
:data-no="item.No"
|
||
|
|
:data-idx="index" :data-name="item.Name" :class="calcClassList(item,1)">
|
||
|
|
<!-- <a href="javascript:void(0)" @click="foldMenus(subMenuData.children,item,$event)">-->
|
||
|
|
<a href="javascript:void(0)" @click="item.open = !item.open">
|
||
|
|
<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),selectedId = item.No">-->
|
||
|
|
<!-- <i :class="item.Icon"></i>-->
|
||
|
|
<!-- <cite style="margin-left:8px">{{item.Name}}</cite>-->
|
||
|
|
<!-- </a>-->
|
||
|
|
<dl v-show="Array.isArray(item.children) && item.subMenuData.length > 0 && item.open"
|
||
|
|
ref="sort-tree-child">
|
||
|
|
<dd v-for="(it,idx) in item.children" :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}"
|
||
|
|
style="padding-left: 45px;cursor: pointer;">
|
||
|
|
<i :class="it.Icon"></i>
|
||
|
|
<span style="margin-left: 8px;">{{it.Name}}</span>
|
||
|
|
</a>
|
||
|
|
</dd>
|
||
|
|
</dl>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- tabs -->
|
||
|
|
<div 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"
|
||
|
|
:class="{'layui-show': showPagesAction}" @mouseleave="showPagesAction = false">
|
||
|
|
<dd @click="closeCurrentTabs(selectedTabsIndex)">
|
||
|
|
<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)">
|
||
|
|
<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)"
|
||
|
|
:class="{'layui-this':selectedTabsIndex === index}">
|
||
|
|
<span>{{item.name}}</span><i class="layui-icon layui-unselect layui-tab-close"
|
||
|
|
@click="closeCurrentTabs(index)">ဆ</i>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- body -->
|
||
|
|
<div class="layui-body">
|
||
|
|
<div :class="{'layui-show':selectedTabsIndex === -1}" class="g-admin-tabsbody-item">
|
||
|
|
<iframe :src="selectedTabsIndexUrl" 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="../../Portal/js/vue/ThemeData.js"></script>
|
||
|
|
<script src="../../Comm/Gener.js" type="text/javascript"></script>
|
||
|
|
<script src="../../Portal/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
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<script src="Ents.js"></script>
|
||
|
|
<script src="EntsIndex.js"></script>
|
||
|
|
<script src="EntsMenuGlo.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|