|
|
1
|
<!DOCTYPE html>
|
|
|
2
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" th:with="corp = ${@corporationService.getEnableCorporation()}">
|
|
|
3
4
5
6
|
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
|
|
|
7
8
9
10
|
<title th:text="${corp}?${corp.getName()} + '- 首页 ':'华恒WMS仓库管理系统首页'"></title>
<meta name="keywords" th:attr="content=${corp}?${corp.getName()}">
<meta name="description" th:attr="content=${corp}?${corp.getName()}">
<meta name="description" th:attr="content=${corp}?${corp.getName()}">
|
|
|
11
12
13
|
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html"/>
<![endif]-->
|
|
|
14
|
<link rel="shortcut icon" href="../static/favicon.ico" th:href="${corp}?${corp.getPIcon()}:@{favicon.ico}"/>
|
|
|
15
16
17
18
19
20
|
<!--<link th:href="@{favicon.ico}" rel="shortcut icon"/>-->
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
<link th:href="@{/css/font-awesome.css}" rel="stylesheet"/>
<link th:href="@{/css/animate.css}" rel="stylesheet"/>
<link th:href="@{/css/style.css}" rel="stylesheet"/>
<link th:href="@{/huaheng/css/huahengUI.min.css?v=2.3.0}" rel="stylesheet"/>
|
|
|
21
22
23
24
25
26
27
28
|
<style type="text/css">
.dropdown-menu .divider {
height: 1px;
margin: 0px 0 10px 0;
overflow: hidden;
background-color: #e5e5e5;
}
</style>
|
|
|
29
|
</head>
|
|
|
30
31
|
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden"
th:classappend="${@config.getKey('sys.index.skinName')}">
|
|
|
32
33
34
35
36
37
38
39
40
41
42
43
|
<div id="wrapper">
<!--左侧导航开始-->
<nav class="navbar-default navbar-static-side" role="navigation">
<div class="nav-close">
<i class="fa fa-times-circle"></i>
</div>
<div class="sidebar-collapse">
<ul class="nav" id="side-menu">
<li class="nav-header">
<div class="dropdown profile-element">
<span class="pull-left" style="padding-right: 10px;">
|
|
|
44
45
|
<img th:src="(${user.avatar} == '') ? (${corp}?${corp.getPLogoSmall()}:'img/profile.jpg') : 'profile/' + ${user.avatar}"
alt="image" class="img-circle" height="45" width="45"/>
|
|
|
46
|
</span>
|
|
|
47
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
|
48
49
50
51
52
53
|
<span class="pull-left clear">
<span class="block m-t-xs"><strong class="font-bold">[[${user.userName}]]</strong></span>
<span class="text-muted text-xs block"><span th:if="${not #strings.isEmpty(user.dept)}">[[${user.dept.deptName}]]</span>
<b class="caret"></b>
</span>
</span>
|
|
|
54
55
56
57
58
|
</a>
<ul class="dropdown-menu animated fadeInRight m-t-xs" style="position:absolute;top:40px;">
<li><a class="menuItem" th:href="@{/system/user/profile}">个人信息</a></li>
<li><a th:href="@{logout}">退出</a></li>
</ul>
|
|
|
59
60
61
62
|
<div class="dw"><i class="fa fa-map-marker"></i> <span id="warehouse_name"></span></div>
</div>
</li>
|
|
|
63
64
65
|
<li class="active">
<a href="index.html"><i class="fa fa-home"></i> <span class="nav-label">主页</span> <span
class="fa arrow"></span></a>
|
|
|
66
|
<ul class="nav nav-second-level">
|
|
|
67
68
|
<li class="active"><a class="menuItem" th:href="@{/system/main}">概 况</a>
</li>
|
|
|
69
70
71
|
</ul>
</li>
<li th:each="menu : ${menus}">
|
|
|
72
73
74
75
76
77
78
79
80
81
82
83
|
<a href="#">
<i class="fa fa fa-bar-chart-o" th:class="${menu.icon}"></i>
<span class="nav-label" th:text="${menu.menuName}">一级菜单</span>
<span class="fa arrow"></span>
</a>
<ul class="nav nav-second-level collapse">
<li th:each="cmenu : ${menu.children}">
<a th:if="${#lists.isEmpty(cmenu.children)}" class="menuItem" th:utext="${cmenu.menuName}"
th:href="@{${cmenu.url}}">二级菜单</a>
<a th:if="${not #lists.isEmpty(cmenu.children)}" href="#">[[${cmenu.menuName}]]<span
class="fa arrow"></span></a>
<ul th:if="${not #lists.isEmpty(cmenu.children)}" class="nav nav-third-level">
|
|
|
84
|
<li th:each="emenu : ${cmenu.children}">
|
|
|
85
86
87
88
|
<a th:if="${#lists.isEmpty(emenu.children)}" class="menuItem"
th:text="${emenu.menuName}" th:href="@{${emenu.url}}">三级菜单</a>
<a th:if="${not #lists.isEmpty(emenu.children)}" href="#">[[${emenu.menuName}]]<span
class="fa arrow"></span></a>
|
|
|
89
|
<ul th:if="${not #lists.isEmpty(emenu.children)}" class="nav nav-four-level">
|
|
|
90
91
92
|
<li th:each="fmenu : ${emenu.children}"><a
th:if="${#lists.isEmpty(fmenu.children)}" class="menuItem"
th:text="${fmenu.menuName}" th:href="@{${fmenu.url}}">四级菜单</a></li>
|
|
|
93
94
|
</ul>
</li>
|
|
|
95
96
97
98
|
<!-- <li th:each="emenu : ${cmenu.children}"><a class="menuItem" th:text="${emenu.menuName}" th:href="@{${emenu.url}}">三级菜单</a></li>-->
</ul>
</li>
</ul>
|
|
|
99
100
101
102
103
|
</li>
</ul>
</div>
</nav>
<!--左侧导航结束-->
|
|
|
104
|
|
|
|
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
<!--右侧部分开始-->
<div id="page-wrapper" class="gray-bg dashbard-1">
<div class="row content-tabs">
<a class="navbar-minimalize minimalize-styl-2 btn btn-default " href="#" title="收起菜单">
<i class="fa fa-bars"></i>
</a>
<button class="roll-nav roll-left tabLeft">
<i class="fa fa-backward"></i>
</button>
<nav class="page-tabs menuTabs">
<div class="page-tabs-content">
<a href="javascript:;" class="active menuTab" data-id="system/main">首页</a>
</div>
</nav>
|
|
|
120
|
<button class="roll-nav roll-right tabRight0">
|
|
|
121
122
|
<i class="fa fa-forward"></i>
</button>
|
|
|
123
124
125
126
127
|
<!--<button class="roll-nav roll-right tabRight xx">
<a href="#" data-toggle="dropdown"> <i class="fa fa-envelope"></i><sup></sup></a>
<!–<span class="label label-primary">8</span>–>
</button>-->
<!--消息-->
|
|
|
128
|
<div class="xx_box">
|
|
|
129
130
131
132
|
<a class="dropdown-toggle count-info xx" data-toggle="dropdown" href="#">
<i class="fa fa-envelope"></i> <sup></sup> <!--<span class="label label-warning">16</span>-->
</a>
<ul class="dropdown-menu dropdown-messages">
|
|
|
133
|
<li th:each="notice : ${notices}">
|
|
|
134
|
<div class="dropdown-messages-box">
|
|
|
135
|
<div class="media-body">
|
|
|
136
|
<p th:text="${notice.content}"></p>
|
|
|
137
|
<small class="text-muted" style="position: relative;top:-30px;"
|
|
|
138
|
th:text="${#dates.format(notice.created, 'yyyy-MM-dd HH:mm:ss')}"></small>
|
|
|
139
140
141
|
</div>
</div>
</li>
|
|
|
142
|
<!--<li class="divider"></li>-->
|
|
|
143
144
145
146
147
148
149
|
<li>
<div class="text-center link-block">
<a href="mailbox.html">
<i class="fa fa-envelope"></i> <strong>阅读所有消息</strong>
</a>
</div>
</li>
|
|
|
150
151
152
|
</ul>
</div>
<!--消息-->
|
|
|
153
154
|
<div class="btn-group roll-nav roll-right">
<button class="dropdown J_tabClose" data-toggle="dropdown">
|
|
|
155
|
页签操作<span class="caret"></span>
|
|
|
156
157
|
</button>
<ul role="menu" class="dropdown-menu dropdown-menu-right">
|
|
|
158
159
160
|
<li><a class="tabCloseOther" href="javascript:void(0);">关闭其他</a></li>
<li><a class="tabCloseCurrent" href="javascript:void(0);">关闭当前</a></li>
<li><a class="tabCloseAll" href="javascript:void(0);">全部关闭</a></li>
|
|
|
161
162
|
</ul>
</div>
|
|
|
163
|
<div class="mlist">
|
|
|
164
165
166
167
168
169
170
171
172
173
174
175
|
<ul>
<li><a id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏</a></li>
<li><a class="tabReload"><i class="fa fa-refresh"></i> 刷新</a></li>
</ul>
</div>
</div>
<div class="row mainContent" id="content-main">
<iframe class="huaheng_iframe" name="iframe0" width="100%" height="100%" data-id="system/main"
th:src="@{/system/main}" frameborder="0" seamless></iframe>
</div>
<div class="footer">
|
|
|
176
|
<div class="pull-right">© [[${copyrightYear}]] 长沙华恒机器人系统有限公司 Copyright</div>
|
|
|
177
178
179
180
181
|
</div>
</div>
<!--右侧部分结束-->
</div>
<!-- 全局js -->
|
|
|
182
|
<div th:include="include :: footer"></div>
|
|
|
183
184
185
|
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/huaheng/index.js}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
|
|
|
186
187
|
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
|
|
|
188
|
<script th:inline="javascript">
|
|
|
189
190
191
|
var warehouse_name = localStorage.getItem("warehouse_name");
$("#warehouse_name").text(warehouse_name);
// localStorage.removeItem("warehouse_name");
|
|
|
192
193
194
195
196
197
198
199
200
201
202
203
|
let socket;
if (typeof (WebSocket) == "undefined") {
console.log("您的浏览器不支持WebSocket");
alert("您的浏览器不支持WebSocket");
} else {
console.log("您的浏览器支持WebSocket");
let userId = [[${@permission.getPrincipalProperty('id')}]];
//实现化WebSocket对象，指定要连接的服务器地址与端口 建立连接
//等同于socket = new WebSocket("ws://localhost:8888/xxxx/im/25");
//var socketUrl="${request.contextPath}/im/"+$("#userId").val();
|
|
|
204
205
|
let url = window.location.host;
let socketUrl = "http://" + url + "/wms/imserver/" + userId;
|
|
|
206
207
208
209
210
211
212
213
214
215
216
217
218
219
|
socketUrl = socketUrl.replace("https", "ws").replace("http", "ws");
console.log(socketUrl);
if (socket != null) {
socket.close();
socket = null;
}
socket = new WebSocket(socketUrl);
//打开事件
socket.onopen = function () {
console.log("websocket已打开");
//socket.send("这是来自客户端的消息" + location.href + new Date());
};
//获得消息事件
socket.onmessage = function (msg) {
|
|
|
220
221
222
|
if (msg.data !== "连接成功") {
//向通知里插入消息
}
|
|
|
223
|
console.log(msg.data);
|
|
|
224
225
226
227
228
229
230
231
232
233
234
235
|
};
//关闭事件
socket.onclose = function () {
console.log("websocket已关闭");
$.modal.alertError("websocket已关闭");
};
//发生了错误事件
socket.onerror = function () {
console.log("websocket发生了错误");
$.modal.alertError("websocket发生了错误");
}
}
|
|
|
236
237
238
|
</script>
</body>
</html>
|
