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.
258 lines
12 KiB
Plaintext
258 lines
12 KiB
Plaintext
<!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>
|
|
|
|
<link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
|
|
<script src="../../Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>
|
|
<script src="../../Scripts/layui/layui/layui.js" type="text/javascript"></script>
|
|
<script src="../../Scripts/layui/LayuiDialog.js" type="text/javascript"></script>
|
|
|
|
<!--- 引入代码. -->
|
|
<script src="../../Scripts/config.js" type="text/javascript"></script>
|
|
<script src="../../Scripts/QueryString.js" type="text/javascript"></script>
|
|
<script src="../../Comm/Gener.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="../../Portal/js/sortjs/Sortable.min.js"></script>
|
|
<style>
|
|
body {
|
|
margin: 10px;
|
|
}
|
|
|
|
[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;
|
|
}
|
|
|
|
.layui-side-menu .layui-side-scroll {
|
|
background-color: white;
|
|
}
|
|
|
|
.layui-side-menu .layui-nav .layui-nav-item a {
|
|
color: #5f626e;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.g-admin-pagetabs .layui-tab-title .layui-this {
|
|
background-color: #f6f6f6 !important;
|
|
color:#000 !important;
|
|
}
|
|
.layui-this {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.ocside {
|
|
position: absolute;
|
|
left: 200px;
|
|
top: 50%;
|
|
transition: all .1s ease-in 0ms;
|
|
z-index: 9999
|
|
}
|
|
|
|
.ocside a {
|
|
display: block;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
border: 1px solid #efefef;
|
|
background: #fff;
|
|
}
|
|
|
|
.ocside a:hover {
|
|
background: #5053f1;
|
|
color: #fff;
|
|
border-color: #5053f1
|
|
}
|
|
|
|
.g-admin-sidebar-fold .g-admin-pagetabs, .g-admin-sidebar-fold .g-admin-layout .layui-body, .g-admin-sidebar-fold .g-admin-layout .layui-footer, .g-admin-sidebar-fold .g-admin-layout .g-layout-left {
|
|
left: 15px;
|
|
}
|
|
</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="ocside" :style="sideBarOpen?'':'left:15px;transition: all .1s ease-in 0ms;'">
|
|
<a href="javascript:void(0)" title="侧边栏" @click="resizeSideBar">
|
|
<i :class="sideBarOpen?'layui-icon layui-icon-left':'layui-icon layui-icon-right'"></i>
|
|
</a>
|
|
</div>
|
|
<div class="layui-side layui-side-menu" :style="sideBarOpen?'':'width:15px'">
|
|
<div class="layui-side-scroll">
|
|
<div class="menus-wrapper">
|
|
|
|
<ul class="layui-nav layui-nav-tree" ref="sort-tree" :style="sideBarOpen?'':'width:15px'">
|
|
|
|
<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" style="font-weight:700">
|
|
<i :class="item.Icon"></i>
|
|
<cite style="margin-left:8px">{{item.Name}}</cite>
|
|
<span class="layui-nav-more">
|
|
<i :class="item.open?'fa fa-angle-down':'fa fa-angle-right'"></i>
|
|
</span>
|
|
</a>
|
|
|
|
<dl v-show="Array.isArray(item.children) && item.open"
|
|
ref="sort-tree-child" style=" background:#fbf9f9">
|
|
<dd v-for="(it,idx) in item.children" :data-id="it.No" :data-pid="item.No"
|
|
:data-no="it.No" :data-name="it.Title" :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.Title}}</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><span>基本信息</span>
|
|
</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="ThemeData.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>
|
|
<style id="theme-data"></style>
|
|
</body>
|
|
|
|
</html>
|