develop
/
hjkjg
12
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commitit
2 Branchit
691 MiB
 
 
 
 
 
 
Puu: 9bbbb73453
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '9bbbb73453'
${ noResults }
hjkjg/src/main/resources/views/themes/default/modules/sys/sysIndex2.html

462 rivejä
15 KiB
Raaka Blame Historia 

  1. <% layout('/layouts/default.html', {title: '首页', bodyClass: ''}){ %>

  2. <% } %>

  3. <link rel="stylesheet" href="${ctxStatic}/css/iconfont.css"/>

  4. <link rel="stylesheet" href="${ctxStatic}/css/layui.css" media="all">

  5. <link rel="stylesheet" href="${ctxStatic}/css/lessPackage/index/index.css" media="all">

  6. <style>

  7. 	body .layui-side .layui-nav {

  8. 		 background-color: #344154 !important;

  9. 	}

  10. 

  11. 	.logo-text{

  12. 		letter-spacing: 4px !important;

  13. 		font-size: 28px !important;

  14. 		font-family: cursive !important;

  15. 	}

  16. 

  17. 	#myFrame html body{

  18. 		height: 100%;

  19. 	}

  20. </style>

  21. <body class="layui-layout-body">

  22. <div class="layui-layout layui-layout-admin">

  23. 	<div class="layui-header" style="background-color: rgb(52 65 83) !important;">

  24. 

  25. 		<div class="layui-logo" style="background-color: #344154;height:60px;">

  26. 			<div class="logo_text" style="letter-spacing: 2px !important;font-size: 16px !important;font-family: system-ui !important;">${(isNotBlank(title!) ? title! + ' - ' : '') + @Global.getConfig('productName')}</div>

  27. 		</div>

  28. 		<div class="top_title" style="background-color: rgb(52 65 83);padding-left: 214px;line-height: 55px;">

  29. 			<i class="iconfont leftIcon icon-mianbaoxie" style="color: #f8f8f8;margin-right: 0 !important;"></i>

  30. 			<span id="breadnav_0" class="layui-breadcrumb" style="margin-left:10px; display:none;">

  31. 				<a href="/sso/logout">首页</a>

  32. 				<span style="margin-left:10px; color:#999;">></span>

  33. 			</span>

  34. 			<span id="breadnav_1" class="layui-breadcrumb"></span>

  35. 			<span id="breadnav_2" class="layui-breadcrumb" ></span>

  36. 			<span id="breadnav_3" class="layui-breadcrumb" ></span>

  37. 		</div>

  38. 		<div class="pull-left" id="title_extend" style="display:none;background-color: rgb(52 65 82);height:60px;width:20%;height:100%;"></div>

  39. 		<ul class="layui-nav layui-layout-right herder-right">

  40. 			<li class="layui-nav-item" id="msgLi">

  41. 				<a id="msg_center" href="javascript:;" style="color:grey;">

  42. 					<img class="default_notice" src="${ctxStatic}/images/notice.png" alt="消息通知" title="消息通知" width="24" />

  43. 					<img class="new_notice" src="${ctxStatic}/images/notice-new.png" alt="新的消息通知" title="新的消息通知" width="24" style="display:none" />

  44. 				</a>

  45. 			</li>

  46. 			<li class="layui-nav-item">

  47. 				<a href="javascript:;">

  48. 					<i class="iconfont icon-zhanghaoguanli" id="change-psd-select" ></i>

  49. 					<div class="userInfo" >

  50. 						<div class="userName" >${user.loginCode}</div>

  51. 						<div class="userType" >${user.userName}</div>

  52. 					</div>

  53. 				</a>

  54. 				<dl class="layui-nav-child layui-anim layui-anim-upbit" style="min-width:135px !important;left:68px;">

  55. 					<dd>

  56. 						<a id="editPwd" href="javascript:;">修改密码</a>

  57. 					</dd>

  58. 					<dd>

  59. 						<a href="${ctx}/logout">退出登录</a>

  60. 					</dd>

  61. 				</dl>

  62. 			</li>

  63. 		</ul>

  64. 	</div>

  65. 	<div class="layui-side layui-bg-black">

  66. 		<div class="layui-side-scroll">

  67. 			<!-- 左侧导航区域（可配合layui已有的垂直导航） -->

  68. 			<ul class="layui-nav layui-nav-tree"  lay-filter="test" lay-shrink="all">

  69. 				<%

  70. 				var menuList_0 = @UserUtils.getMenuListByParentCode('0');

  71. 				for(menu_0 in menuList_0){

  72. 					var menuCode = menu_0.menuCode;

  73. 					if(@menu_0.getIsMenu() && @menu_0.getIsShow()=='1'){

  74. 						if(menu_0.menuHref != ''){

  75. 							var url_0 = '/console' + menu_0.menuHref;

  76. 							print('<li class="layui-nav-item" ><a id="a_' + menuCode + '" onclick="addNav_1(this)" target="myFrame" href=' + url_0 + '><i class="iconfont leftIcon ' + menu_0.menuIcon + '"></i>' + menu_0.menuNameOrig + '</a></li>');

  77. 						} else {

  78. 							var url_0 = 'javascript:;';

  79. 							print('<li class="layui-nav-item" ><a id="a_' + menuCode + '" onclick="addNav_1(this)" target="myFrame" href=' + url_0 + '><i class="iconfont leftIcon ' + menu_0.menuIcon + '"></i>' + menu_0.menuNameOrig + '</a>');

  80. 							print('<dl id="' + menuCode + '" class="layui-nav-child">');

  81. 							var menuList_1 = @UserUtils.getMenuListByParentCode(menuCode);

  82. 							for(menu_1 in menuList_1){

  83. 								if(@menu_1.getIsMenu() && @menu_1.getIsShow()=='1'){

  84. 									var url_1 = '/console' + menu_1.menuHref;

  85. 									var icon_1 = 'square';

  86. 									if (@StringUtils.isNotEmpty(menu_1.menuIcon)) {

  87. 

  88. 										icon_1 = " pl10 leftIcon "+menu_1.menuIcon;

  89. 									}

  90. 

  91. 									print('<dd><a onclick="addNav_2(this)" target="myFrame" href=' + url_1 + '><i class="iconfont  '+icon_1+'"></i>' + menu_1.menuNameOrig + '</a></dd>');

  92. 								}

  93. 							}

  94. 							print('</dl>');

  95. 							print('</li>');

  96. 						}

  97. 					}

  98. 				}

  99. 				%>

  100. 			</ul>

  101. 		</div>

  102. 	</div>

  103. 	<div class="layui-body" style="overflow: hidden !important;">

  104. 

  105. 		<!-- 内容主体区域 -->

  106. 		<iframe id="myFrame" name="myFrame" scrolling="yes" frameborder="0" style="width:100%;height:100%;"></iframe>

  107. 	</div>

  108. </div>

  109. </body>

  110. 

  111. <style>

  112. 	#msgLi .layui-nav-more{

  113. 		display: none;

  114. 	}

  115. 	.layui-nav-tree .layui-nav-bar{

  116. 		background-color: #FF0000 !important;

  117. 	}

  118. 	.layui-side .layui-nav .layui-nav-more{

  119.         background: url(${ctxStatic}/images/index/left-bottom.png) no-repeat;

  120.         background-size: 100% 100%;

  121.     }

  122.     .layui-nav .layui-nav-mored,.layui-side .layui-nav-itemed>a .layui-nav-more {

  123. 		background: url(${ctxStatic}/images/index/left-top.png) no-repeat;

  124.         background-size: 100% 100%;

  125. 	}

  126. 	.layui-header .layui-nav .layui-nav-more{

  127.         background: url(${ctxStatic}/images/index/top-bottom.png) no-repeat;

  128.         background-size: 100% 100%;

  129. 	}

  130. 	.layui-header .layui-nav .layui-nav-mored{

  131.         background: url(${ctxStatic}/images/index/top-top.png) no-repeat;

  132.         background-size: 100% 100%;

  133. 	}

  134. 	.layui-breadcrumb a{

  135. 		font-size: 14px !important;

  136. 		color: #f8f8f8 !important

  137. 	}

  138. 	.layui-breadcrumb a:hover{

  139. 		color: #FF0000 !important;

  140. 	}

  141. 	.layui-breadcrumb-img{

  142. 		display: inline-block;

  143. 		width: 6px;

  144. 		height: 8px;

  145. 		background: url(${ctxStatic}/images/index/layui-breadcrumb-img.png) no-repeat;

  146.         background-size: 100% 100%;

  147. 	}

  148. 	.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{

  149. 		background-color: none !important;

  150. 		width: 0px !important;

  151. 	}

  152. 	#isValidCodeLogin .input-group-addon:nth-of-type(1){

  153.     	display: none;

  154.     }

  155.     #canvas{

  156.     	border: 1px solid #D2D2D2;

  157.     	border-left: none;

  158.     }

  159.     .layui-form{

  160.     	margin-top:-20px;

  161.     }

  162.     .layui-layer-msg{

  163.     	z-index:19992000 !important;

  164.     }

  165. 

  166. 	.layui-side{

  167. 		background-color: #191919 !important;

  168. 	}

  169. 

  170. </style>

  171. <div id="edit_password_layer" class="layui_pop" style="display: none;">

  172. 	<div class="layui-form-item layui_pop_header">

  173. 		<div class="layui_header_title">设置新密码</div>

  174. 		<div class="layui_header_close"></div>

  175. 	</div>

  176. 	<form class="layui-form" action="">

  177. 		<div class="layui-form-item" style="margin-bottom:5px;">

  178. 			<label class="layui-form-label">输入原密码</label>

  179. 			<div class="layui-input-block add-delete-btn">

  180. 				<input id="oldPwd" name="oldPwd" type="password"  placeholder="请输入原密码" autocomplete="off" class="layui-input">

  181. 				<i class="layui-icon  reset_input"></i>

  182. 				<i class="iconfont eye-show do-icon" value=true></i>

  183. 			</div>

  184. 		</div>

  185. 		<div class="layui-form-item" style="margin-bottom:5px;">

  186. 			<label class="layui-form-label">输入新密码</label>

  187. 			<div class="layui-input-block add-delete-btn">

  188. 				<input id="firstPwd" type="password"  placeholder="请输入新密码" lay-verify="required|pwd" autocomplete="off" class="layui-input">

  189. 				<i class="layui-icon  reset_input"></i>

  190. 				<i class="iconfont eye-show do-icon" value=true></i>

  191. 			</div>

  192. 		</div>

  193. 		<div class="layui-form-item" style="margin-bottom:5px;">

  194. 			<label class="layui-form-label" >再次确认</label>

  195. 			<div class="layui-input-block add-delete-btn">

  196. 				<input id="secondPwd" type="password" name="newPwd" lay-verify="required|same" placeholder="请再次确认密码" autocomplete="off" class="layui-input">

  197. 				<i class="layui-icon reset_input"></i>

  198. 				<i class="iconfont eye-show do-icon" value=true></i>

  199. 			</div>

  200. 			<div style="color: #FF0000;height: 13px;margin-bottom: 15px;margin-top:10px;margin-left:63px;font-size:12px"><span id="add_remind">密码需要8-16位，包含大小写字母、数字和特殊字符(! 或 @ 或 _)</span></div>

  201. 		</div>

  202. 		<div class="layui-form-item layui-fotter">

  203. 			<div class="layui-input-block ">

  204. 				<button id="cancel" type="button" class="button black center">取消</button>

  205. 				<button class="button red center" lay-submit lay-filter="pwdForm">确认</button>

  206. 			</div>

  207. 		</div>

  208. 	</form>

  209. </div>

  210. 

  211. <script>

  212. //JavaScript代码区域

  213. layui.use('element', function(){

  214.   var element = layui.element;

  215. 

  216. });

  217. 

  218. document.getElementById("a_1022389289833586688").click();

  219. $('#a_1022389289833586688').parent().addClass('layui-this');

  220. 

  221. //动态设定iframe高度

  222. var hAll = $(".layui-body").height();

  223. var hTop = $(".top_title").outerHeight(true);

  224. // $("#myFrame").css("height",hAll-hTop-3);

  225. var layerIndex = '';

  226. var show_num = [];

  227. layui.use(['layer','form'], function(){

  228. 	var layer = layui.layer;

  229. 	var form = layui.form;

  230. 	form.verify({

  231. 		pwd: [

  232. 				/^.*(?=.{8,16})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@_]).*$/,

  233. 				'密码不符合规则！'

  234. 		],

  235. 		same: function(value, item){

  236. 			if(value != $('#firstPwd').val()){

  237. 				return '两次输入的密码不相同，请检查后重新输入。';

  238. 			}

  239. 		},

  240. 	});

  241. 	form.on('submit(pwdForm)', function(data){

  242. 		$.post("${ctx}/sys/index/edit-password", data.field, function(res){

  243. 			res = JSON.parse(res);

  244. 			js.showMessage(res.message);

  245. 			if(res.result == Global.TRUE){

  246. 				window.location.href = "${ctx}/logout";

  247. 			}

  248. 		});

  249. 		return false;

  250. 	});

  251. 	$('#editPwd').off('click').on('click',function(){

  252. 		layerIndex = layer.open({

  253. 			type: 1

  254. 			,title: false

  255. 			,area: ['550px', '290px']

  256. 			,shade: 0.5

  257. 			,maxmin: false

  258. 			,scrollbar: false

  259. 			,closeBtn: 0

  260. 			,content: $('#edit_password_layer')

  261. 		});

  262. 		$("#validCode").focus();

  263. 	});

  264. 

  265. 	$('#cancel').click(function(){

  266. 		$('#oldPwd').val('');

  267. 		$('#firstPwd').val('');

  268. 		$('#secondPwd').val('');

  269. 		layer.close(layerIndex);

  270. 	});

  271. 	$(".layui_header_close").on('click',function(){

  272. 		$('#oldPwd').val('');

  273. 		$('#firstPwd').val('');

  274. 		$('#secondPwd').val('');

  275. 		layer.close(layerIndex);

  276. 	});

  277. });

  278. 

  279. $("#canvas").on('click', function () {

  280. 	draw(show_num);

  281. })

  282. //改变密码框的显示与隐藏

  283. $(".do-icon").off('click').on('click',function(){

  284. 	if( $(this).hasClass("eye-show") ){

  285. 		$(this).removeClass("eye-show")

  286. 			.addClass("eye-close")

  287. 			.siblings("input").attr("type","text");

  288. 

  289. 	}else if( $(this).hasClass("eye-close") ){

  290. 		$(this).removeClass("eye-close")

  291. 			.addClass("eye-show")

  292. 			.siblings("input").attr("type","password");

  293. 	}

  294. })

  295. <!--获取用户信息来判断账号类型,以及是否提示用户去修改密码-->

  296. var getUsername = function(){

  297. 	var password = window.localStorage.getItem("password");

  298. 	if( password == "123456" ){

  299. 		layerIndex = layer.open({

  300. 			type: 1

  301. 			,title: false

  302. 			,area: ['550px', '290px']

  303. 			,shade: 0.5

  304. 			,maxmin: false

  305. 			,scrollbar: false

  306. 			,closeBtn: 0

  307. 			,content: $('#edit_password_layer')

  308. 		});

  309. 	}

  310. }();

  311. <!--清空input框-->

  312. $("input").focus(function(){

  313. 	$(this).parent().children(".reset_input").show();

  314. });

  315. $("input").blur(function(){

  316. 	if($(this).val()=='')

  317. 	{

  318. 		$(this).parent().children(".reset_input").hide();

  319. 	}

  320. });

  321. $(".reset_input").click(function(){

  322. 	$(this).parent().find('input').val('');

  323. 	$(this).hide();

  324. });

  325. $(".layui-logo").click(function(){

  326. 	window.location.reload();

  327. });

  328. 

  329. $("#msg_center").click(function(){

  330. 	$(".top_title").hide();

  331. 	$(".layui-side").hide();

  332. 	$(".layui-body").css("left","0px");

  333. 	$("#title_extend").show();

  334. 	openPage("消息中心", "${ctx}/sys/message/list", 1);

  335. });

  336. 

  337. // var audioDom = new Audio("${ctxStatic}/audio/baojing2.mp3");

  338. function getMsg(){

  339. 	$.get("${ctx}/sys/message/query-new-msg", function(result){

  340. 		var unreadNum = result.data.unreadNum;

  341. 		var msgList = result.data.newMsg == undefined ? 0 : result.data.newMsg;

  342. 		var deg = result.data.deg;

  343. 		<!--更新未读消息角标-->

  344. 		if(unreadNum > 0) {

  345. 			$(".default_notice").hide();

  346. 			$(".new_notice").show();

  347. 		} else {

  348. 			$(".default_notice").show();

  349. 			$(".new_notice").hide();

  350. 		}

  351. 		<!--新消息弹框-->

  352. 		for(var i=0; i<msgList.length; i++){

  353. 			layer.msg(msgList[i].msgContentEntity.content, {

  354. 				icon: 6

  355. 			});

  356. 		}

  357. 

  358. 

  359. 

  360. 		if (deg) {

  361. 			openErrorModal("异常提醒",deg.occurTime+"："+deg.deviceId+" "+deg.deviceEventType.name+(deg.memo?"("+deg.memo+")":""));

  362. 

  363. 			//audioDom.setAttribute("loop", true);

  364. 			//audioDom.play();

  365. 

  366. 			setTimeout(function (){

  367. 			//	audioDom.setAttribute("loop", false);

  368. 			//	audioDom.pause();

  369. 			}, 8000)

  370. 

  371. 		}

  372. 

  373. 

  374. 	});

  375. }

  376. 

  377. function updateToRead(id){

  378. 	js.ajaxSubmit(

  379.         '${ctx}/sys/message/read-msg',

  380.         {

  381.         "msgId":id,

  382.         },

  383.         function(res){

  384.             js.showMessage(res.message);

  385.         }

  386. 	);

  387. }

  388. 

  389. getMsg();

  390. var ref = setInterval(function(){

  391.     getMsg();

  392. },10000);

  393. 

  394. 

  395. 

  396. var id = null;

  397. /*function myModal() {

  398. 	/!*$.ajax("/console/sys/gateEvent/fetchData",{

  399. 		method:"get", async:false, data:{id:id}, dataType:"json", success:function (data){

  400. 			console.log(data);

  401. 		}

  402. 	})

  403. 	return;

  404. *!/

  405. 

  406. 	if (modalFlag>0) {

  407. 		layer.close(modalFlag);

  408. 	}

  409. 	/!*var d = new Date();

  410.     var n = d.getHours();*!/

  411. 	openErrorModal("异常提醒",dateFormat("YYYY-mm-dd HH:MM:SS", new Date())+"：GATE003 异常闯入；");

  412. }

  413. setInterval(myModal, 5000);*/

  414. 

  415. var modalFlag = 0;

  416. function openErrorModal(title, content){

  417. 		modalFlag = layer.open({

  418. 			type: 0,

  419. 			title: title,

  420. 			closeBtn: 0, //不显示关闭按钮

  421. 			shade: [0],

  422. 			btn:["查看详情",'关闭'],

  423. 			shadeClose:true,

  424. 			area: ['340px', '160px'],

  425. 			offset: 'rb', //右下角弹出

  426. 			time: 0, //2秒后自动关闭

  427. 			anim: 2,

  428. 			skin:"layui-layer-molv",

  429. 			yes:function(adjustPage,layero){ //yes对应第一个按钮“确定”

  430. 				//do something

  431. 				//添加完毕，关闭当前页面

  432. 				/*window.location.href="/console/sys/gateEvent/list"

  433. 

  434. 				openPage("消息中心", "${ctx}/sys/gateEvent/list", 1);*/

  435. 				// audioDom.pause();

  436. 				layer.closeAll();

  437. 				layer.open({

  438. 					type: 2,

  439. 					title: '设备日志',

  440. 					shadeClose: true,

  441. 					shade: false,

  442. 					maxmin: true, //开启最大化最小化按钮

  443. 					area: ['100%', '100%'],

  444. 					content: '${ctx}/sys/gateEvent/list', //最大化页面

  445. 					success: function(layero,index){

  446. 						//在回调方法中的第2个参数“index”表示的是当前弹窗的索引。

  447. 						//通过layer.full方法将窗口放大。

  448. 						layer.full(index);

  449. 					}

  450. 				});

  451. 

  452. 

  453. 			},

  454. 			btn2:function(){

  455. 				// audioDom.pause();

  456. 			},

  457. 

  458. 			content: '<div style="margin-right: 10px;color: red;"><p>'+content+'</p></div>', //iframe的url，no代表不显示滚动条 右下角页面

  459. 

  460. 		});

  461. }

  462. </script>