Sin Descripción

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <title></title>
  7. <link href="../css/common.css" rel="stylesheet" type="text/css" />
  8. <link href="../ajax/dyn/auth.css" rel="stylesheet" type="text/css" />
  9. <style>
  10. .page-head {
  11. width: 100%;
  12. padding: 0 20px;
  13. color: #999;
  14. height: 60px;
  15. background-color: #444;
  16. min-width: 1040px;
  17. /*overflow: hidden;*/
  18. }
  19. .page-logo {
  20. display: block;
  21. width: 140px;
  22. height: 60px;
  23. background: url("../images/logo.png") left center no-repeat;
  24. }
  25. .page-home {
  26. padding: 10px 15px;
  27. }
  28. .page-home i {
  29. font-size: 40px;
  30. }
  31. .page-head-right .logout, .page-head-right .help, .page-head-right .user-msg {
  32. height: 30px;
  33. margin: 15px;
  34. cursor: pointer;
  35. }
  36. .page-head-right div i {
  37. font-size: 30px;
  38. }
  39. .user-info {
  40. height: 40px;
  41. margin: 10px;
  42. font-size: 15px;
  43. color: #fff !important;
  44. text-align: center;
  45. position: relative;
  46. }
  47. .user-info .login-user-head {
  48. height: 40px;
  49. width: 40px;
  50. border-radius: 50%;
  51. }
  52. .user-info .login-user-name {
  53. margin-left: 10px;
  54. }
  55. .user-info i {
  56. margin-top: 15px;
  57. }
  58. .page-menu {
  59. position: absolute;
  60. top: 60px;
  61. left: 0;
  62. width: 240px;
  63. bottom: 0;
  64. font-size: 20px;
  65. background-color: #fafafa;
  66. border: 1px solid #c7c7c7;
  67. overflow-x: visible;
  68. }
  69. .spa-main {
  70. position: absolute;
  71. top: 60px;
  72. left: 240px;
  73. right: 0px;
  74. bottom: 0;
  75. padding: 10px;
  76. }
  77. #g_info {
  78. top: 60px;
  79. }
  80. .user-info.dd-ctn .dd-drop {
  81. top: 100%;
  82. z-index: 100;
  83. color: #000000;
  84. }
  85. .user-info.dd-ctn .dd-drop li {
  86. padding: 5px;
  87. cursor: pointer;
  88. }
  89. </style>
  90. </head>
  91. <body class="spa-page" resource="../ajax/sys/resource/user" menu="../ajax/user/config/menu" style="padding: 0;">
  92. <div class="page-head">
  93. <div class="page-head-left pull-left">
  94. <a class="page-logo pull-left"></a>
  95. <div class="page-home pull-left">
  96. <i class="icon-home"></i>
  97. </div>
  98. </div>
  99. <div class="page-head-right pull-right">
  100. <div class="logout pull-right">
  101. <i class="icon-signout opt-logout"></i>
  102. </div>
  103. <div class="help pull-right">
  104. <i class="icon-question-sign"></i>
  105. </div>
  106. <div class="user-msg pull-right">
  107. <i class="icon-envelope"></i>
  108. </div>
  109. <a class="user-info pull-right dd-ctn "> <img class="login-user-head" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAIAAABJObGsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzQ0NkMxNDMyMTgxMTFFNTk0NTM4MzgwOUQ4QTlBMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzQ0NkMxNDQyMTgxMTFFNTk0NTM4MzgwOUQ4QTlBMjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDQ2QzE0MTIxODExMUU1OTQ1MzgzODA5RDhBOUEyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NDQ2QzE0MjIxODExMUU1OTQ1MzgzODA5RDhBOUEyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkQ1VQMAAA9GSURBVHja7J0Hc9tGGoaJRrB3UqRE9bgm47vJ3f3/n3AzucnFZ6uRYgVJsKK3exeQFVnNkgyAkKO1xCgSy+LB13fxgTrtjmIvw49BvyB4QfmC8gXly3hB+YLyBeULypfxgjJKg43OVBzHsck3GYqqaZqOH5aSZBgGRVGOE2MYKpPOsCyT4PlUMknTFEWThxeUXw1d12fz5XK1WqxWiqIahmnZFvCZpmHbjvccAGVZFvAYmonHuVw2U8jnioU8sL6gjEHiZoulOJ2BoqSAIYYG0XzIa8fiNJ1KplOpbCZdKhbwFee4vyJK6K84m03E2XQ+B0ro8mPfwTTN+WKJL0hrMZ8vlwrVSrlSKjIMs5YjosKvDJmmtVguB8Ko0x9IkuzjO+dz2b3tZr1WTaWSPz5KGMFOr3/aPl8sVw9U5MdFJDS9Wd/Y392GDWVo+odVcOA7Om0NhoKm6wF9BAxFbzBcSRLEc6e5Gaayh4dyPBE/HZ/i0Xq8WXwszdl88dk8My1zd7sZmi8KCaUwnnw6OhlNxNDOHKzw8VkbJgSyiTj0B8l2hqNxyBy9gdjqpNXu9Aa6bvwIKCGP//t8HD7HS5pn7U5/OAzCxYWKEn7mj09Hk+lsjZEzMqhWpyfO5s8YpSQr8DPT4I/hm2M6nX0+PkUq9SxRItzpDwV8haBZ3/bpjgM7A00PLggLEOV8vmydd5HbRaRcYlkWHBCyzGeGUtW0viAgOwxP7mwHsC5rSLcOWVHOu32YneeEsj8QkGJ///t4FUzyZV/7soEN7EzLMkwTyShNUwge8WjeC7SLmY3GAdkc/0N0TdNHk4n84JPvHZj3cPHt/oeiSEJ9Ude9Xt6lMGjyQOFHhqGrxUKlVByL05E4VUnN2Ll86TU1h9EsFvOFXC7qKCFBCMjni9WjyyoUoXfxjfeJOXE2XsxnWYbG7wDrkqZDVIlKJxO5bIaPx7PZVD6TSSUTSBAVXev2hP98POoORx7qW+PcYuE5oITuASWs0kOEEcqIx2I+VwSVdCqbTsV5jmM5Gvhsm2GYZIKnSeWc4Vg29oWLizLGcRw44k98nLtElkolcpk03urfv388bnVoiibn4OsBT4j4DNbc92zST5TggpgcXvL+Oi7+apoWMG3Wa+VCvlIqACSkjEhWnPOWHDx996wefvfwOeD1B7tbHEcKQqftHj4IuK89ZyXJ4nTW2KhRvq4L+YkSUjaeiPrdsRtYwylAmmrl0ma9ure9uVEtgxTxFM7FX61bXg5l/1MqHzK2N+tQcLij7kCAH7omm1AaqE6tUrlJOTIoDXO2WALoPe4Y0ofjfP/6ABChvJA6w7RiAfjURq3yzw/vdcMYjsSbOi5O50h+oA0RRakZ+nQ2s25D6RDvaadTiV/eHL4+3INtpFwfFVwuBEnc29mCQ5cUVZLkazVg3Z0qTIqPtWE/40pJUu7KzMAXXvbtT/tvftqHnwFHV6mDzSnh/X9+fbjdqOEsXvss2NDZfGH4moz5hhKwVE29FQ4Og6UZ2MX3rw7yuazlBtjhZEG5bHp/e6tczH8JXf+crTibw5hGESWsknLHErZp2RvV0ttXe/l8xt17ERJHb+xs1Q92myQJuvK5mCf8uO5rdcM3lFAZTbsFJX4D1d7f2Wpubng5X8iFDPiWZmMDZpqiYs7XMZmsqj4aGT8V/Ka+EElwnJ3NuhedrKssVCnm95oNlmG+OpGOI8sylClyKGHCJVm5ZuDxM0NRjY1KpVywg/czd418LrO7vYngH9O7EuFa8JM+mkvfUCJgNBFYWuZlgANymD04lkphr+7fCIyYarmYSMSpmOMNzE03LNXQkXdGLq5E5vuPD+/cBGPUGwhQHIfkfByyQyTXpmXH1jrSyWS9UiZbvFQtnUrubtWbjRrLxVNJ3jDtCKFEMpvkuQ/vXsO016tDpDHnvYGq6ywRh1IqmQzf21wbyFZ3mo2+MDEMY3+78a+//Yx0C+I5XykLSbm/ZhwqSoYmdTBIIk3DMlZ101Q1rd0bwnfnsxmOZQNdVHnQcbIM2GGStWrp7z+/wc+eBJD6CcPothkVlCDolVrJ6aWdZr02EMbj6bxcKmCmaxfJC+eTTSNir1fLiI2u5pcsEYJYlFB+qdwAHExkpVTcbmyU8jnM1Y7AoqNXf/v1l7ew6V/r0y01zXWiJCUyEv9e0ERmgcAYaQakAHN1ooGSpumdrca1hQrHv5KKXyhJmfby7EIwE3wc8Qd8JeIhJxoK7qnzLUmEHSWUN6Nv6DjHsHEe709FRCpvT9Jsx6/aik8oHS+5Zv4sBbkFaufKGmI0BwJev2Je2i+ptOxII7unCmNFCqV3esnSwrMaqm7oEczBgRJZ7fNCKSt6FFE6boHgGdGUVV3RdB9jXj+XyeAKZU13HI5DAkFTkYVokrUTcykr/lokn3dnmKYt2XqS5xJxlqKiSBPneyVrS0n1fX3J/zIivDnU3LDsaIokjKOiGUGs09EBaZAVXZSWbgSygTYQlOTiY2/zSvS02zDNgLKvoNYJIJWmGTnB1HUzuBgjMJSwmKYVKbmEMMJK3rWlKbooyfZJdzNzpKwk0hs7sAQ3wIVATNowrIiUhXBSJUUzg0xtg0TpOESfolHmwERkVQvUEwa7PA0N13TTXjdNTENR9aAXkINF6bghsWGtOTGHckhK4EuegW+asNzkZ40Ru044ambwp5MO5WAsyMVa/A+MIzjCSobwWWGgXGP9TZLBUQ/nJIa0KwomH3Y/5DK7qhkrRQ3tQ8PbYIZDUjUztKAdHzeHrzHCu/Q31L16umkqodAExwXZtKaHaZ9DRYkDg9JB5wKlSTiulKWkxsIda+jJBqOJxyTP+bVZ52oYi9RwvlJWshr+ca2nvR1iI4QpCXcLB+WbyJPCz1JWIfhrOaj1oISm60TLHd5meY79/jU1pACSqq1kLUw/EwmUlxGSoyETsuMsE+dYin7K7iIijKoma4bq1k7WeDhrbgUKmDaU3b1AiVy9TDOXBvSbWG13dUHTdEnVdXP9yx8RaFDrACgJORmTYVmWYxm3wYDb0+HG8q9z0UfDNi1TNyCJOrm8hYpE8+eI9PoFMtKSBUPXKU843f3tjMfPtmwPK3TY7TtCBuU+LZtJA/1sqZjrrj9FBKXj9pj2+pF4TG1PMC9IUxe48RR3Tyzp35JI8jwXZ1hGVrQY9SKVsdhKlhVZLhWyST5+5Qpx52rB2PliOuMsm04lwJE0hnC3cOq60ekLdoxKJhJ/aZTzxfLotCVJciGbrtfK9VqFj3MWucjZ8UTScaHSFM3x+BcncghJ/OKazs57J+3OYDQFx1cHexlfuw48G5SQsok4bZ13u4Oh15poPJ2tJHmjWi7ksxzHGm4YD11m4xhcgo/j32UEOhZn7W7/4/FZfzg2bTtF+jXRh/s7mXT6r4USLng0ET8dnYzFacy9PgmP0/liJSuCON3datTKxVQqmXAdegIk+fil3QTugTD5eHT66bQNmwo9j9M0fE6r08VfD/Z2smuSzTU084Y8DoTR55Ozicvx6u9dD0NBJLc2qu9eHWxvbqSvtOWG74Yw/vbH55N2F+khzse1gAkx1O52E7KZzWT+ElLZGwhHp2c3+1p6UKDUwHTW6c+Xkjib//LmMJclXMT5/Lf/HrU6veliCd3Hk29ezYvXtrs9xJ2He7v5XPZHRglvIozGx2ct8e4+qyQ6Zxho7kicKqraF8aHe03TtD+ftsbiXFEURJH39AfCC7v9IQT2cH+vkMuGuccz1DwBCWJ/KIgP6FeL4BvOe7mS4dxttzHgYiktV5J7R45vtLMxTROfMhgKIS9zhq3gkqw8JLlGMJRM8Fv12uuDnc161bEdBEkfj1swsrphkkzoXnGzCPqVE+4lQ6GiJCWcezvfebfbgUgWs6ndZuOt29yJ/IGJ7e9sFfO53z8dnXUGeBOvreJdQPE+qqYZukH64v1gKGHClpLU6fbvb1EOeWUZdqNWfnu4C5FEGHSZ54AZ4s1fP7wv5HL/O2nNFksvubwziZLk3mC4tVnn4wiWwrBjgQdD8KqiOIUrmEynMrknkXFHeYhkNTzPv9rbebXfhAC6F5J/dVks5d71CScD0ehxq3Ny3oXkUXffBgr5ZTqdqlXKW416CMFmsFIJD9PtDyZTyNDKurdyA8eS4DnI4rtXe+VinniaG07Dq3Qgd0QIz/OQNQrarmr6XWtE0HF8rVbSeCJWK6WtRuPaxeDPAyW8LXLBwXAkjCcPqo07SLpp3k0QKddv3O2grTjHkS6h8PIPCHU0HVmpiFQKMUC1XKpWyulg7sbjP0oE2OJs1h+OBoLw8Js30AyNYz7vCTubjUwq9c18aTZftrsDTTceuC6ECKnT6yOqhbJv1jfy+SxsaHRRIgJfLled3gCTfmxrfNhBr3sfUsNiIccxzF0rDLCNsqriaSs35GQf0zVRN4zT9vlwPN5tbtU3qsgvfWyA5BtK+BNI4kmr/U2zeKdg0hRORmcwLJfyjWrFvuNN4HlgepEFgfXT7jwou3dkQIh6sLvT2KhyPt2Qxx+UcM2t806708UPT0+83C4bwzGxa41ahbrtonyCjiIVtu5QcEho+USZwsmezuZ/aJ8lWd7dbqaSPpSNaT84KidnbSjO93C8GsZPpnOkjLEby2Tu/1IQyZE40/zYN4AJY9qY/ENaZgeOEo7ltHXe6iDE82eHMhWjBsKkNxzRt6GEaYNqj8YiWUbzw8ph2pg8aKrfvZ31u6YD09bu9lrnXb96anr1R3E2F8biDYNLeizDywtjUiP2JNSXD8XkcQgAan3fmuXTUcKuIfQ9Pm352yQMiEzLgoaL84XjOJeCCacEfz1AsDqdm7blb/EMnv2sfQ4r/T27vJ+Ocr5Y+mVlbvofWMt2b4jw6FKNiX+3rO5wtFytgsipYTdxON9zF5knzgkRL+QDmUwQaQPs4FKSuwPBC04vVx1gzqD4kqwG1A0Th4O86MlXnD1xToilEUUG1LeOcksbSD0H4wmsh4eSWMkJOMrBXWmBwznv9saiGB5KcrMsYQSawZUGPBXW3Z2DHkrDMGck+LcDrZhBwftD4Wk3K3zKtERxNhpPrCD36JD+WQyTy6Q5lvXEkNzohOdDaHQrTmfCeBwGSojJSBRXvt5B+RaU7i4i4CNW0q2tg2k+l2VZ1naCXbFB4jsYjp4gKI9GuVgsRXFqrWPbGB3W8uFitZo//sZq/xdgADfSdJj29ZmGAAAAAElFTkSuQmCC" />
  110. <span class="login-user-name dd-hand">linux linux</span> <i class="icon-caret-down"></i>
  111. <ul class="dd-drop">
  112. <li class="opt-user-info-cfg">个人信息设置</li>
  113. <li class="opt-user-menu-cfg">个人菜单设置</li>
  114. <li class="opt-user-cp-cfg">修改密码</li>
  115. </ul>
  116. </a>
  117. </div>
  118. </div>
  119. <div class="page-menu">
  120. <div class="spa-menu menu"></div>
  121. </div>
  122. <div class="spa-main"></div>
  123. <div class="page-foot"></div>
  124. <div id='g_info'>
  125. <div id='g_err'></div>
  126. <div id='g_warn'></div>
  127. <div id='g_msg'></div>
  128. </div>
  129. <div id='g_loading' style="display: none;">
  130. <div>
  131. <i class='icon icon-spin icon-spinner-snake'></i>
  132. </div>
  133. </div>
  134. </body>
  135. <script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
  136. <script type="text/javascript" src="../js/common.js"></script>
  137. <script type="text/javascript" src="../js/form.js"></script>
  138. <script type="text/javascript" src="../js/dict.js"></script>
  139. <script type="text/javascript" src="../js/text.js"></script>
  140. <script type="text/javascript" src="../js/textarea.js"></script>
  141. <script type="text/javascript" src="../js/dropdown.js"></script>
  142. <script type="text/javascript" src="../js/select.js"></script>
  143. <script type="text/javascript" src="../js/date.js"></script>
  144. <script type="text/javascript" src="../js/pager.js"></script>
  145. <script type="text/javascript" src="../js/codehtml.js"></script>
  146. <script type="text/javascript" src="../js/datagrid.js"></script>
  147. <script type="text/javascript" src="../js/pageDataGrid.js"></script>
  148. <script type="text/javascript" src="../js/spa.js"></script>
  149. <script type="text/javascript" src="../js/upload.js"></script>
  150. <script type="text/javascript" src="../js/dyn-select.js"></script>
  151. <script type="text/javascript" src="../js/validate.js" ></script>
  152. <script type="text/javascript" src="../js/echarts.common.min.js"></script>
  153. <script type="text/javascript" src="../js/typeahead.js"></script>
  154. <script type="text/javascript" src="../js/webuploader.js"></script>
  155. <script type="text/javascript" src="../js/city.min.js"></script>
  156. <script type="text/javascript" src="../js/static.js"></script>
  157. <script>
  158. $(function() {
  159. $.use(["spa", "util"], function(spa, util) {
  160. util.get("../ajax/sys/user", null, function(data) {
  161. util.data("loginUser", data);
  162. $(".login-user-name").text(data.name);
  163. if(data.head) {
  164. $(".login-user-head").attr("src", "../data/" + data.head);
  165. }
  166. }, {});
  167. spa.build();
  168. $(".opt-logout").on("click", function() {
  169. util.get("../ajax/sys/user/logout", null, function() {
  170. window.location.href = "login.html";
  171. }, {});
  172. });
  173. var g_max_menu_id = 1,
  174. g_m = function(ret, items) {
  175. if(items && items.length) {
  176. var chs = ret.children = [];
  177. items.forEach(function(item) {
  178. var rd = {};
  179. ++g_max_menu_id;
  180. rd.code = g_max_menu_id;
  181. rd.caption = item.caption;
  182. if(item.res) {
  183. rd.res = item.res
  184. rd.icon = item.icon || "book";
  185. } else {
  186. rd.icon = item.icon || "branch";
  187. }
  188. if(item.modal) {
  189. rd.modal = true;
  190. }
  191. g_m(rd, item.children);
  192. chs.push(rd);
  193. });
  194. }
  195. }
  196. $(".opt-user-menu-cfg").on("click", function() {
  197. var pData = {},
  198. show = function() {
  199. if(pData.children && pData.reses) {
  200. spa.showModal("sys_user_menu_cfg", pData);
  201. }
  202. };
  203. util.get("../ajax/user/config/menu", null, function(data) {
  204. g_m(pData, data);
  205. show();
  206. });
  207. util.get("../ajax/sys/resource/user", null, function(data) {
  208. var reses = pData.reses = [];
  209. data.forEach(function(item) {
  210. if(item.main) {
  211. var rd = { code: item.id, caption: item.name, enabled: true };
  212. reses.push(rd);
  213. }
  214. });
  215. show();
  216. });
  217. });
  218. $(".opt-user-info-cfg").on("click", function() {
  219. util.get("../ajax/sys/user/id/" + util.data("loginUser").id, null, function(data) {
  220. spa.showModal("sys_user_edit", { data: data})
  221. },{});
  222. });
  223. $(".opt-user-cp-cfg").on("click", function() {
  224. spa.showModal("sys_user_cp");
  225. });
  226. });
  227. });
  228. </script>
  229. </html>
  230. </html>