index.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Cache-Control" content="no-store" />
  5. <meta http-equiv="Pragma" content="no-cache" />
  6. <meta http-equiv="Expires" content="-1" />
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  9. <link rel="shortcut icon" href="themes/logo.ico" type="image/x-icon" />
  10. <title>西安前沿动力仿真管理平台</title>
  11. <script type="text/javascript" src="scripts/jquery-1.8.3.js"></script>
  12. <link rel="stylesheet" type="text/css" href="themes/icon.css">
  13. <link rel="stylesheet" type="text/css" href="themes/blue/easyui.css">
  14. <link rel="stylesheet" type="text/css" href="themes/blue/mc.css">
  15. <script type="text/javascript" src="scripts/jquery.easyui.js"></script>
  16. <script type="text/javascript" src="scripts/easyui-lang-zh_CN.js"></script>
  17. <script type="text/javascript"
  18. src="scripts/jquery.validate.rules.generate.js"></script>
  19. <script type="text/javascript" src="scripts/config.js"></script>
  20. <script type="text/javascript" src="scripts/comment.js"></script>
  21. <script type="text/javascript" src="scripts/utils.js"></script>
  22. <script type="text/javascript" src="scripts/loginutil.js"></script>
  23. <script type="text/javascript" src="scripts/init.js"></script>
  24. <script type="text/javascript" src="scripts/jquery.edatagrid.js"></script>
  25. <style type="text/css">
  26. .rumustyle{
  27. width: 48px;
  28. }
  29. .leftcurtain {
  30. width: 50%;
  31. height: 100%;
  32. top: 0px;
  33. left: 0px;
  34. background-color: #000000;
  35. position: absolute;
  36. z-index: 30001;
  37. }
  38. .rightcurtain {
  39. width: 51%;
  40. height: 100%;
  41. right: 0px;
  42. top: 0px;
  43. background-color: #000000;
  44. position: absolute;
  45. z-index: 30001;
  46. }
  47. .login{
  48. position: relative;
  49. }
  50. #loginTitle{
  51. position: absolute;
  52. top: 12px;
  53. left: 105px;
  54. color: #FC962D;
  55. font-size: 18px;
  56. background-color: #58B7C2;
  57. padding: 5px 44px 5px 0;
  58. font-weight: 600;
  59. letter-spacing: 2px;
  60. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  61. }
  62. #indexTitle{
  63. position: absolute;
  64. top: 6px;
  65. display: flex;
  66. }
  67. #indexTitle>span{
  68. position: relative;
  69. top: -6px;
  70. font-size: 20px;
  71. padding: 0 135px 0 128px;
  72. color:#FC962D;
  73. background: linear-gradient(to top,#094abe,#2287e3);
  74. line-height: 60px;
  75. border-radius: 0 30px 30px 0;
  76. margin: 0;
  77. font-weight: 600;
  78. letter-spacing: 2px;
  79. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  80. }
  81. #indexTitle>img{
  82. position: absolute;
  83. z-index: 20;
  84. left: 37px;
  85. }
  86. </style>
  87. <script type="text/javascript">
  88. //设置随机的临时tocken
  89. $.__token = uuid();
  90. /* $(function(){
  91. }); */
  92. //切换样式
  93. $(function(){
  94. $("input[type=text]",$("#ff")).val("");
  95. $("input[type=password]",$("#ff")).val("");
  96. changeImage();
  97. $("#__thems").find("b").each(function(){
  98. $(this).click(function(){
  99. var $style = $(this).attr("class");
  100. if($style.indexOf(" ")>-1){
  101. $style = $style.split(" ")[0];
  102. }
  103. var headLink = $('link[title="swicth"]',window.document.head);
  104. $(headLink[0]).attr("href","themes/"+$style+"/easyui.css");
  105. $(headLink[1]).attr("href","themes/"+$style+"/mc.css");
  106. if(window.frames.length>0){
  107. var i=0;
  108. for(;i<window.frames.length;i++){
  109. var _headLink = $('link[title="swicth"]',$(window.frames[i].document).find("head"));
  110. if(_headLink.length === 3){
  111. $(_headLink[0]).attr('href',"../../themes/"+$style+"/workflow/css/workflow.css");
  112. }
  113. $(_headLink[0]).attr('href',"../../themes/"+$style+"/easyui.css");
  114. $(_headLink[1]).attr('href',"../../themes/"+$style+"/mc.css");
  115. }
  116. }
  117. $(this).attr("class",$style);
  118. setCookie("thems",$style);
  119. });
  120. });
  121. $('#tt').tabs({
  122. onContextMenu:function(e,title,index){
  123. e.preventDefault();
  124. if(title==="首页"){
  125. $('#mm_index').menu('show', {
  126. left: e.pageX,
  127. top: e.pageY
  128. });
  129. }else
  130. {
  131. $('#mm').menu('show', {
  132. left: e.pageX,
  133. top: e.pageY
  134. });
  135. };
  136. },
  137. onBeforeClose: function(title,index){
  138. var target = this;
  139. var flag = true;
  140. var trobj = $(target).find("iframe").contents().find("div.datagrid-view2 div.datagrid-body tr:visible");
  141. if(!forceCloseFlag){
  142. $.each(trobj, function (){
  143. var action = $(this).attr("__actiontype");
  144. if(action){
  145. flag = false;
  146. return;
  147. }
  148. });
  149. }
  150. if(!flag){
  151. flag = true;
  152. return false;
  153. }
  154. }
  155. });
  156. $("#mm_index").menu({
  157. onClick:function(item){
  158. var tabs = $("#tt"),type = item.name;
  159. // var allTabs = tabs.tabs("tabs");
  160. // var tableTiles = [],allTableTile = [];
  161. // var frames = [];
  162. // var trobj = $(tabs.tabs('getSelected').find("iframe").contents()).find("div.datagrid-view2 div.datagrid-body tr");
  163. // var title = tabs.tabs('getSelected').panel("options").title;
  164. var url = $(tabs.tabs('getSelected').panel("options").content).attr("src");
  165. if(type === "refresh"){
  166. //alert(url);
  167. tabs.tabs('update',{
  168. tab:tabs.tabs('getSelected'),
  169. options:{
  170. content:createFrame(url)
  171. }
  172. })
  173. }
  174. }
  175. });
  176. $("#mm").menu({
  177. onClick:function(item){
  178. var tabs = $("#tt"),type = item.name;
  179. var allTabs = tabs.tabs("tabs");
  180. var tableTiles = [],allTableTile = [];
  181. var frames = [];
  182. var trobj = $(tabs.tabs('getSelected').find("iframe").contents()).find("div.datagrid-view2 div.datagrid-body tr");
  183. var title = tabs.tabs('getSelected').panel("options").title;
  184. var url = $(tabs.tabs('getSelected').panel("options").content).attr("src");
  185. if(type === "close"){
  186. var flag = true;
  187. $.each(trobj, function (){
  188. var action = $(this).attr("__actiontype");
  189. if(action){
  190. flag = false;
  191. return;
  192. }
  193. });
  194. if(flag){
  195. tabs.tabs("close", title);
  196. return;
  197. }
  198. }else if(type === "other"){
  199. tableTiles = [];
  200. allTableTile = [];
  201. for(var a in allTabs){
  202. var trobjs = allTabs[a].find("iframe").contents().find("div.datagrid-view2 div.datagrid-body tr");
  203. var titles = allTabs[a].panel("options").title;
  204. $.each(trobjs, function (){
  205. if($(this).attr("__actiontype")){
  206. tableTiles.push(titles);
  207. }
  208. });
  209. if(allTabs[a].panel("options").closable){
  210. allTableTile.push(titles);
  211. }
  212. }
  213. if(contain(tableTiles,title)){
  214. remove(title,tableTiles);
  215. }
  216. remove(title,allTableTile);
  217. var str = "";
  218. if(tableTiles.length>0){
  219. str = "["+tableTiles.join("] [")+"]";
  220. }else{
  221. for(var i = 0; i < allTableTile.length; i++) {
  222. tabs.tabs("close", allTableTile[i]);
  223. }
  224. }
  225. }else if(type === "all"){
  226. for(var a in allTabs){
  227. var trobjs = allTabs[a].find("iframe").contents().find("div.datagrid-view2 div.datagrid-body tr");
  228. var titles = allTabs[a].panel("options").title;
  229. $.each(trobjs, function (){
  230. if($(this).attr("__actiontype")){
  231. tableTiles.push(titles);
  232. }
  233. });
  234. if(allTabs[a].panel("options").closable){
  235. allTableTile.push(titles);
  236. }
  237. }
  238. var str = "";
  239. if(tableTiles.length>0){
  240. str = "["+tableTiles.join("] [")+"]";
  241. }else{
  242. for(var i = 0; i < allTableTile.length; i++) {
  243. tabs.tabs("close", allTableTile[i]);
  244. }
  245. }
  246. }else if(type === "refresh"){
  247. tabs.tabs('update',{
  248. tab:tabs.tabs('getSelected'),
  249. options:{
  250. content:createFrame(url)
  251. }
  252. })
  253. }
  254. }
  255. });
  256. });
  257. function indexOf(val,arr){
  258. for (var i = 0; i <arr.length; i++) {
  259. if (arr[i] == val) return i;
  260. }
  261. return -1;
  262. }
  263. function remove(val,arr) {
  264. var index = indexOf(val,arr);
  265. if (index > -1) {
  266. arr.splice(index, 1);
  267. }
  268. }
  269. function resetForm(){
  270. $("input[type=text]",$("#ff")).val("");
  271. $("input[type=password]",$("#ff")).val("");
  272. changeImage();
  273. }
  274. </script>
  275. <style type="text/css">
  276. body table tr td {
  277. font-size: 12px;
  278. }
  279. </style>
  280. </head>
  281. <body class="easyui-layout" data-options="fit:true">
  282. <div class="leftcurtain"></div>
  283. <div class="rightcurtain"></div>
  284. <!-- 右键菜单开始 -->
  285. <div id="mm_index" class="easyui-menu" style="width: 90px;">
  286. <div name="refresh" data-options="iconCls:'icon-reload'">刷新</div>
  287. </div>
  288. <div id="mm" class="easyui-menu" style="width: 90px;">
  289. <div name="refresh" data-options="iconCls:'icon-reload'">刷新</div>
  290. <div class="menu-sep"></div>
  291. <div name="close" data-options="iconCls:'icon-save'">关闭</div>
  292. <div name="other" data-options="iconCls:'icon-save'">关闭其它</div>
  293. <div name="all" data-options="iconCls:'icon-save'">关闭全部</div>
  294. </div>
  295. <!-- 右键菜单结束 -->
  296. <!--登陆开始-->
  297. <div class="login" style="z-index: 30002;">
  298. <div id="loginTitle"> 西安前沿动力仿真管理平台</div>
  299. <form id="ff" method="post" style="font-family: '宋体'">
  300. <p>
  301. <span style="font-size: 12px;" class="rumustyle">用户名:</span> <span><input
  302. autocomplete="off" class="easyui-validatebox"
  303. data-options="required:true" name="userId" id="_userId" type="text"></span>
  304. </p>
  305. <div id="passwordcontext"></div>
  306. <script>
  307. $(function(){
  308. var context = '<p><span style="font-size: 12px;" class="rumustyle"> 密码:</span> <span><input autocomplete="off" class="easyui-validatebox" data-options="required:true" name="password" id="password" type="password"></span></p>';
  309. // var context1 = '<p><span style="font-size: 12px;"> 密码:</span><span><input autocomplete="off" class="easyui-validatebox" data-options="required:true" name="password" id="password" type="password"></span></p>';
  310. // var context2 = '<p><span style="font-size: 12px;"> 密码:</span><span><input autocomplete="off" class="easyui-validatebox" data-options="required:true" name="password" id="password" type="password"></span></p>';
  311. // var context3 = '<p><span style="font-size: 12px;"> 密码:</span><span><input autocomplete="off" class="easyui-validatebox" data-options="required:true" name="password" id="password" type="password"></span></p>';
  312. // var windows = (navigator.userAgent.indexOf("Windows",0) != -1)?1:0;
  313. // if(windows){
  314. // if(window.navigator.userAgent.indexOf("Chrome")>=1){
  315. // $("#passwordcontext").append(context1);
  316. // }else if(window.navigator.userAgent.indexOf("MSIE")>=1||window.navigator.userAgent.indexOf("Safari")>=1){
  317. // $("#passwordcontext").append(context2);
  318. // }else {
  319. // $("#passwordcontext").append(context1);
  320. // }
  321. // }else{
  322. // $("#passwordcontext").append(context3);
  323. // }
  324. $("#passwordcontext").append(context);
  325. });
  326. </script>
  327. <p>
  328. <span style="font-size: 12px;" class="rumustyle">验证码:</span> <span> <input
  329. autocomplete="off" class="easyui-validatebox"
  330. data-options="required:true" type="text" name="verifygraph"
  331. id="verifygraph" style="width: 120px"> &nbsp;&nbsp; </span>
  332. </p>
  333. <p>
  334. <img id="validateNoImage"
  335. style="vertical-align: top; margin-left: 63px; height: 25px; weight: 120px;"
  336. alt="" border="0" src="" onclick="changeImage()" /> <span
  337. style="font-size: 12px;">图片不清晰,请点击图片更换!</span>
  338. </p>
  339. <div class="loginbtn" align="center">
  340. <input id="_logBtn" type="button" onclick="LoginSubmit()"
  341. value="确 定"> <input type="button" class="m-l8" value="重 置"
  342. onclick="resetForm()" /> &nbsp&nbsp&nbsp&nbsp
  343. </div>
  344. <div id="copyright1"></div>
  345. </form>
  346. </div>
  347. <!--登陆结束-->
  348. <!--顶部开始-->
  349. <div data-options="region:'north',split:false" class="northCss"
  350. border="false" style="height: 81px;">
  351. <div class="top-posi" style="position: relative; color: #fff">
  352. <div id="indexTitle">
  353. <img src="./themes/blue/blueimg/adilog.png" alt="" width="60" height="60">
  354. <span>西安前沿动力仿真管理平台</span>
  355. </div>
  356. <p id="__thems" style="position: absolute; right: 15px; top: 15px">
  357. <b class="blue"></b><b class="green"></b> <b class="red"></b><b
  358. class="black"> </b> <span>&nbsp&nbsp<span id="nickname"></span>&nbsp&nbsp|&nbsp&nbsp<a
  359. href="#" onclick="openPassword()"> 密码修改 </a>&nbsp&nbsp|&nbsp&nbsp<a
  360. href="#" onclick="loginOut()"> 安全退出 </a>
  361. </span>
  362. </p>
  363. <p style="position: absolute; right: 15px; top: 35px">
  364. <span> 上次登录IP:&nbsp<span id="preloginip"></span>&nbsp&nbsp|&nbsp&nbsp上次登录时间:&nbsp<span
  365. id="prlogintime"></span></span>
  366. </p>
  367. </div>
  368. </div>
  369. <!--顶部结束-->
  370. <!--左边开始-->
  371. <div id="menus"
  372. data-options="region:'west',split:true,collapsible:true,title:' '"
  373. style="width: 170px;"></div>
  374. <!--左边结束-->
  375. <!--内容开始-->
  376. <div data-options="region:'center'" style="overflow: auto">
  377. <div id="tt" class="easyui-tabs" data-options="fit:true">
  378. <div title="首页" style="color: red">
  379. </div>
  380. </div>
  381. </div>
  382. <!--内容结束-->
  383. <!--底部开始-->
  384. <div id="copyright2" data-options="region:'south'" class="bottom-bg"
  385. style="height: 30px;"></div>
  386. <!--底部结束-->
  387. <!-- 下面为密码修改弹出窗体部分 -->
  388. <div id="dlgModify" iconCls="icon-edit" class="easyui-dialog"
  389. title="密码修改"
  390. style="width: 380px; height: 180px; padding: 10px; align: 'center'; top: 220px;"
  391. data-options="modal:true,closed:true,buttons: '#dlg_tb'">
  392. <div data-options="region:'center'" style="width: auto">
  393. <form id="passwordForm" action="" method="post">
  394. <table>
  395. <tr style="height: 28px;">
  396. <td align="right" class="self_td" style="width: 100px;">原 密
  397. 码:</td>
  398. <td style="width: 100px;"><input autocomplete="off"
  399. type="password" id="oldPassword" class="easyui-validatebox"
  400. data-options="panelHeight:'auto',editable:true,required:true,validType:['length[8,64]','vBaseEcnName']" />
  401. </td>
  402. </tr>
  403. <tr style="height: 28px;">
  404. <td style="width: 100px; text-align: right;" class="self_td">新
  405. 密 码:</td>
  406. <td style="width: 150px;"><input autocomplete="off"
  407. type="password" id="newPassword" class="easyui-validatebox"
  408. data-options="panelHeight:'auto',editable:true,required:true,validType:['length[8,64]','vBaseEcnName']" />
  409. </td>
  410. </tr>
  411. <tr style="height: 28px;">
  412. <td style="width: 100px; text-align: right;" class="self_td">再次输入:</td>
  413. <td style="width: 150px;"><input autocomplete="off"
  414. type="password" id="newPassword1" class="easyui-validatebox"
  415. data-options="panelHeight:'auto',editable:true,required:true,validType:['length[8,64]','vBaseEcnName']" />
  416. </td>
  417. </tr>
  418. </table>
  419. </form>
  420. </div>
  421. <div id="dlg_tb"
  422. style="text-align: center; width: 300px; height: 30px; vertical-align: middle;">
  423. <a id="ok_modify" href="javascript:void(0)" class="easyui-linkbutton"
  424. data-options="iconCls:'icon-ok',plain:true"
  425. onclick="javascript:{checkPassword();}">确定</a> <a id="no_modify"
  426. href="javascript:void(0)" class="easyui-linkbutton"
  427. data-options="iconCls:'icon-cancel',plain:true"
  428. onclick="javascript:{$('#passwordForm').form('clear');$('#dlgModify').dialog('close')}">关闭</a>
  429. </div>
  430. </div>
  431. <!-- 密码修改弹出窗体部分结束 -->
  432. <script>
  433. $(function(){
  434. //动态修改,版权所有
  435. var context ='<div id="copyright1" style="font-size: 12px; padding-right: 50px; padding-top: ';
  436. var _uat=navigator.userAgent;
  437. if(_uat.indexOf("Firefox")>0){
  438. context=context+'5px;';
  439. }else{
  440. context=context+'5px;';
  441. }
  442. context=context+'font-family: 微软雅黑;">';
  443. context = context + copyRight+' </div>';
  444. $("#copyright1").append(context);
  445. $("#copyright2").append(copyRight);
  446. $(window).resize();
  447. });
  448. function openPassword(){
  449. $('#passwordForm').form('clear');
  450. $('#dlgModify').dialog('open');
  451. };
  452. function checkPassword(){
  453. var arr = $("#passwordForm").form('validate');
  454. if(arr){
  455. var oldpassword=$("#oldPassword").val();
  456. var newpassword=$("#newPassword").val();
  457. var password1=$("#newPassword1").val();
  458. if(newpassword!=password1){
  459. $.messager.alert('系统提示','两次新密码输入不同,请您重新输入!','info');
  460. return;
  461. }
  462. oldpassword=enPasswd(oldpassword);
  463. newpassword=enPasswd(newpassword);
  464. password1=enPasswd(password1);
  465. var params = 'oldpassword='+oldpassword+'&newpassword='+newpassword;
  466. syncAjaxCall('HM0003',params,function(data){
  467. $('#passwordForm').form('clear');
  468. $('#dlgModify').dialog('close');
  469. if(!data)return;
  470. if(data.returnCode=='000000000'){
  471. $.messager.alert('系统提示','恭喜您,您的新密码设置成功!','info');
  472. }
  473. },function(data){
  474. $('#passwordForm').form('clear');
  475. $('#dlgModify').dialog('close');
  476. $.messager.alert('系统错误','错误码:['+data.returnCode+'],错误信息:['+data.returnMsg+'].','error');
  477. });
  478. }
  479. return arr;
  480. };
  481. </script>
  482. </body>
  483. </html>