This repository was archived by the owner on Jun 8, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 24
Expand file tree
/
Copy pathindex.html
More file actions
147 lines (137 loc) · 5.25 KB
/
Copy pathindex.html
File metadata and controls
147 lines (137 loc) · 5.25 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8" />
<title>EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="css/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="css/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout" id="layout" style="visibility:hidden;">
<div region="north" id="header">
<img src="img/logo.png" class="logo" />
<div class="top-btns">
<span>欢迎您，管理员</span>
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-lock'">修改密码</a>
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-clear'">退出系统</a>
<select class="easyui-combobox" data-options="editable:false">
<option value="0" selected="selected">中文</option>
<option value="1">English</option>
</select>
</div>
</div>
<div region="west" split="true" title="导航菜单" id="naver">
<div class="easyui-accordion" fit="true" id="navmenu">
<div title="指标体系">
<ul class="navmenu">
<li class="active"><a href="#">首页</a></li>
<li><a href="#" data-url="html/page01.html">组织机构管理</a></li>
<li><a href="#" data-url="html/page02.html">指标库列表</a></li>
</ul>
</div>
<div title="绩效考核"></div>
<div title="报表管理"></div>
<div title="系统管理"></div>
<div title="组件示例">
<ul class="navmenu">
<li><a href="#" data-url="html/demo01.html">锁定行和列</a></li>
</ul>
</div>
</div>
</div>
<div region="center" id="content">
<div class="easyui-tabs" fit="true" id="tt">
<div title="首页" iconCls="icon-ok">
<div class="easyui-accordion" data-options="fit:true">
<div title="待办事项">
<div class="flow-panel">
<div class="flow-todo">
<ul class="todo-list">
<li>
<span>代办事项 A</span>
<a href="#" class="num">5</a>
</li>
<li>
<span>代办事项 B</span>
<a href="#" class="num">5</a>
</li>
<li>
<span>代办事项 C</span>
<a href="#" class="num">5</a>
</li>
<li>
<span>代办事项 D</span>
<a href="#" class="num">5</a>
</li>
<li>
<span>代办事项 E</span>
<a href="#" class="num">5</a>
</li>
<li>
<span>代办事项 F</span>
<a href="#" class="num">5</a>
</li>
</ul>
</div>
</div>
</div>
<div title="系统公告">
<ul class="notice-list">
<li>
<span>这是一条系统公告系统公告系统公告系统公告系统公告系统公告系统公告系统公告系统公告</span>
<span class="date">2015-10-30</span>
</li>
<li>
<span>这是一条系统公告系统公告系统公告系统公告系统公告系统公告系统公告系统公告系统公告</span>
<span class="date">2015-10-30</span>
</li>
<li>
<span>这是一条很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的系统公告</span>
<span class="date">2015-10-30</span>
</li>
<li>
<span>这是一条系统公告系统公告系统公告系统公告系统公告系统公告系统公告系统公告系统公告</span>
<span class="date">2015-10-30</span>
</li>
<li>
<span>这是一条系统公告系统公告系统公告系统公告系统公告系统公告系统公告系统公告系统公告</span>
<span class="date">2015-10-30</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div region="south" id="footer">某某后台管理系统 V1.0</div>
<script type="text/javascript">
$(function() {
//添加新的Tab页
$("#navmenu").on("click", "a[data-url]", function(e) {
e.preventDefault();
var tabTitle = $(this).text();
var tabUrl = $(this).data("url");
if($("#tt").tabs("exists", tabTitle)) { //判断该Tab页是否已经存在
$("#tt").tabs("select", tabTitle);
}else {
$("#tt").tabs("add", {
title: tabTitle,
href: tabUrl,
closable: true
});
}
$("#navmenu .active").removeClass("active");
$(this).parent().addClass("active");
});
//解决闪屏的问题
window.setTimeout(function() {
$("#layout").css("visibility", "visible");
}, 800);
});
</script>
</body>
</html>