regist.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  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="Content-Type" content="text/html; charset=utf-8" />
  5. <title>单仓管理系统</title>
  6. <script type="text/javascript" src="js/jquery.js"></script>
  7. <script type="text/javascript" src="/js/cloud.js" ></script>
  8. <script type="text/javascript" src="/src/lib/jquery.cookie.js" ></script>
  9. <script language="javascript">
  10. var ip='';
  11. var url=
  12. {
  13. check:ip+'/sys/checkstate',
  14. login:ip+'/sys/login',
  15. mainPage:'/index2.html'
  16. };
  17. // $.ajaxSetup({
  18. // xhrFields: {withCredentials: true }
  19. // });
  20. // $.getJSON(url.check,function(data)
  21. // {
  22. // if(data.code == 0)
  23. // {
  24. // //go to main page
  25. // location.href=url.mainPage;
  26. // }
  27. // });
  28. $(function() {
  29. $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
  30. $(window).resize(function()
  31. {
  32. $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
  33. });
  34. });
  35. </script>
  36. <script type="text/javascript" src="/src/base.js"></script>
  37. <script type="text/javascript" src="/src/sub/regist.js"></script>
  38. <script type="text/javascript" src="/src/config.js"></script>
  39. <style>
  40. * {
  41. font-size: 9pt;
  42. border: 0;
  43. margin: 0;
  44. padding: 0;
  45. }
  46. body {
  47. font-family: '微软雅黑';
  48. margin: 0 auto;
  49. min-width: 980px;
  50. background-color: #1c77ac;
  51. background-image: url(/img/light.png);
  52. background-repeat: no-repeat;
  53. background-position: center top;
  54. overflow: hidden;
  55. }
  56. ul {
  57. display: block;
  58. margin: 0;
  59. padding: 0;
  60. list-style: none;
  61. }
  62. li {
  63. display: block;
  64. margin: 0;
  65. padding: 0;
  66. list-style: none;
  67. }
  68. img {
  69. border: 0;
  70. }
  71. dl, dt, dd, span {
  72. margin: 0;
  73. padding: 0;
  74. display: block;
  75. }
  76. a, a:focus {
  77. text-decoration: none;
  78. color: #000;
  79. outline: none;
  80. blr: expression(this.onFocus=this.blur());
  81. }
  82. a:hover {
  83. color: #00a4ac;
  84. text-decoration: none;
  85. }
  86. table {
  87. border-collapse: collapse;
  88. border-spacing: 0;
  89. }
  90. cite {
  91. font-style: normal;
  92. }
  93. h2 {
  94. font-weight: normal;
  95. }
  96. /*cloud*/
  97. #mainBody {
  98. width: 100%;
  99. height: 100%;
  100. position: absolute;
  101. z-index: -1;
  102. }
  103. .cloud {
  104. position: absolute;
  105. top: 0px;
  106. left: 0px;
  107. width: 100%;
  108. height: 100%;
  109. background: url(/img/cloud.png) no-repeat;
  110. z-index: 1;
  111. opacity: 0.5;
  112. }
  113. #cloud2 {
  114. z-index: 2;
  115. }
  116. /*login*/
  117. .logintop {
  118. height: 47px;
  119. position: absolute;
  120. top: 0;
  121. background: url(/img/loginbg1.png) repeat-x;
  122. z-index: 100;
  123. width: 100%;
  124. }
  125. .logintop span {
  126. color: #fff;
  127. line-height: 47px;
  128. background: url(/img/loginsj.png) no-repeat 21px 18px;
  129. text-indent: 44px;
  130. color: #afc5d2;
  131. float: left;
  132. }
  133. .logintop ul {
  134. float: right;
  135. padding-right: 30px;
  136. }
  137. .logintop ul li {
  138. float: left;
  139. margin-left: 20px;
  140. line-height: 47px;
  141. }
  142. .logintop ul li a {
  143. color: #afc5d2;
  144. }
  145. .logintop ul li a:hover {
  146. color: #fff;
  147. }
  148. .loginbody {
  149. background: url(/img/loginbg3.png) no-repeat center center;
  150. width: 100%;
  151. height: 585px;
  152. overflow: hidden;
  153. position: absolute;
  154. top: 47px;
  155. }
  156. .systemlogo {
  157. background: url(/img/loginlogo.png) no-repeat center;
  158. width: 100%;
  159. height: 86px;
  160. margin-top: 60px;
  161. }
  162. .loginbox {
  163. width: 692px;
  164. margin-left: -6%;
  165. height: 336px;
  166. background: url(/img/regist/registinfo.png) no-repeat;
  167. margin-top: 30px;
  168. }
  169. .loginbox ul {
  170. margin-top: 88px;
  171. margin-left: 451px;
  172. }
  173. .loginbox ul li { margin-bottom: 10px;}
  174. .loginbox ul li label {
  175. color: #687f92;
  176. padding-left: 25px;
  177. }
  178. .loginbox ul li label a {
  179. color: #687f92;
  180. }
  181. .loginbox ul li label a:hover {
  182. color: #3d96c9;
  183. }
  184. .loginbox ul li label input {
  185. margin-right: 5px;
  186. }
  187. .regist-input1{ width: 327px; height: 48px; background:#ecf5fa; border: 1px solid #bac7d2; border-radius:3px; box-shadow:inset 0 0 2px #ccc; line-height: 48px; padding-left: 14px; font-size: 14px; font-weight: bold;}
  188. .regist-input2{ width: 90px; height: 38px; background:#ecf5fa; border: 1px solid #bac7d2; border-radius:3px; box-shadow:inset 0 0 2px #ccc; line-height: 38px; padding-left: 14px; font-size: 14px; font-weight: bold;}
  189. .registbtn1{ width:160px; margin-right:19px; height: 35px; background:#3f97c9; font-size: 14px; font-weight: bold; border-radius:3px; color: #fff; cursor: pointer; line-height: 35px;}
  190. .registbtn2{ width:344px; height: 35px; background:#3f97c9; font-size: 14px; font-weight: bold; border-radius:3px; color: #fff; cursor: pointer; line-height: 35px;}
  191. .loginbm {
  192. height: 50px;
  193. line-height: 50px;
  194. text-align: center;
  195. background: url(/img/loginbg2.png) repeat-x;
  196. position: absolute;
  197. bottom: 0;
  198. width: 100%;
  199. color: #0b3a58;
  200. }
  201. .loginbm a {
  202. font-weight: bold;
  203. color: #0b3a58;
  204. }
  205. .loginbm a:hover {
  206. color: #fff;
  207. }
  208. </style>
  209. </head>
  210. <body>
  211. <div id="mainBody">
  212. <div id="cloud1" class="cloud"></div>
  213. <div id="cloud2" class="cloud"></div>
  214. </div>
  215. <div class="logintop">
  216. <!-- <span>中储粮单仓档案管理系统</span>-->
  217. <span>单仓档案管理系统</span>
  218. </div>
  219. <div class="loginbody">
  220. <span class="systemlogo"></span>
  221. <div class="loginbox" style="width:1000px;left:20%;">
  222. <ul>
  223. <form action="/admin/sys/login" method="post">
  224. <li><input type="text" readonly="readonly" class="regist-input1" value="" placeholder="机器码" id="codeNo"/></li>
  225. <li>
  226. <input type="button" class="registbtn2" value="获取机器码" id="getRobotCode" />
  227. <!-- <input type="button" class="registbtn1" value="复制机器码" id="getCopyCode" />-->
  228. </li>
  229. <li>
  230. <input type="text" class="regist-input2" placeholder="注册码" id="mMo0"/>&nbsp;-
  231. <input type="text" class="regist-input2" id="mMo1"/>&nbsp;-
  232. <input type="text" class="regist-input2" id="mMo2"/>
  233. </li>
  234. <li>
  235. <input name="sub" type="button" class="registbtn2" value="注册" id="getKeyFile" />
  236. </li>
  237. </form>
  238. </ul>
  239. </div>
  240. </div>
  241. <div class="loginbm">版权所有 2017 <a href="javascript:void(0)">单仓管理系统</a> </div>
  242. <script type="text/javascript">
  243. registData.init();
  244. </script>
  245. </body>
  246. </html>