signIn.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Content-Language" Content="zh-CN">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <meta name="author" content="优软科技">
  10. <meta name="Keywords" content="优软,优软云,优企云服,SAAS,UAS,ERP,企业管理">
  11. <meta name="baidu-site-verification" content="tamBdrxeYx" />
  12. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=8">
  14. <meta http-equiv="Expires" content="0">
  15. <meta http-equiv="Pragma" content="no-cache">
  16. <meta http-equiv="Cache-control" content="no-cache">
  17. <meta http-equiv="Cache" content="no-cache">
  18. <link href="static/img/icon/icon_32.png" rel="icon" type="image/x-icon" />
  19. <link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css" />
  20. <link rel="stylesheet"
  21. href="static/lib/fontawesome/css/font-awesome.min.css" />
  22. <link rel="stylesheet" href="static/lib/bootstrap-tour/css/bootstrap-tour.min.css" />
  23. <link rel="stylesheet" href="static/css/common.css" />
  24. <link rel="stylesheet" href="static/css/signIn.css" />
  25. <title>登录界面</title>
  26. </head>
  27. <body>
  28. <!-- nav start -->
  29. <nav id="nav" class="navbar navbar-inverse navbar-fixed-top">
  30. <div class="container">
  31. <div class="navbar-header">
  32. <a href="http://192.168.253.12:23396" id="logo"><img src="static/img/logo.png" alt="" height="25px" /></a>
  33. </div>
  34. <div class="collapse navbar-collapse">
  35. <div class="nav navbar-nav navbar-left">
  36. <span>B2B商务平台后台管理</span>
  37. </div>
  38. </div>
  39. </div>
  40. </nav>
  41. <!-- nav end -->
  42. <!-- section start -->
  43. <section>
  44. <div class="container">
  45. <div class="section-title">
  46. <h3>账号登录</h3>
  47. </div>
  48. <div class="section-choose show">
  49. <form action="">
  50. <div class="form-group">
  51. <input id="p_username" type="text" class="form-control" placeholder="手机号或邮箱" />
  52. </div>
  53. <div class="form-group">
  54. <input id="p_pwd" type="password" class="form-control" placeholder="密码" />
  55. </div>
  56. <div class="form-group">
  57. <a class="reg" id="signUp" data-toggle="modal" data-target="#registerModal">快速注册</a>
  58. <a class="forget" id="restPwd" data-toggle="modal" data-target="#forgetPwd">忘记密码?</a>
  59. <a class="btn" id="link-login" type="submit">登录</a>
  60. </div>
  61. </form>
  62. </div>
  63. </div>
  64. </section>
  65. <!-- section end -->
  66. <!-- 快速注册 -->
  67. <form class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  68. <div class="modal-dialog">
  69. <div class="modal-content">
  70. <div class="modal-header">
  71. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
  72. </button>
  73. <span class="modal-title" id="myModalLabel">
  74. 快速注册
  75. </span>
  76. </div>
  77. <div class="modal-body">
  78. <div>
  79. <div class="col-xs-3">电子邮箱</div>
  80. <div class="col-xs-8">
  81. <input type="text" id="u_email" placeholder="请填写优软企业邮箱" required="required">
  82. <span>@usoftchina.com</span>
  83. </div>
  84. </div>
  85. <div>
  86. <div class="col-xs-3">手机号</div>
  87. <div class="col-xs-8">
  88. <input id="u_tel" placeholder="请填写手机号" required="required">
  89. </div>
  90. </div>
  91. <div>
  92. <div class="col-xs-3">姓名</div>
  93. <div class="col-xs-8">
  94. <input id="u_name" placeholder="请填写姓名">
  95. </div>
  96. </div>
  97. <div>
  98. <div class="col-xs-3">密码</div>
  99. <div class="col-xs-8">
  100. <input id="u_pwd" type="password" required="required" placeholder="请填写密码">
  101. </div>
  102. </div>
  103. <div>
  104. <div class="col-xs-3">确认密码</div>
  105. <div class="col-xs-8">
  106. <input id="u_confirmPwd" type="password" required="required" placeholder="请确认密码">
  107. </div>
  108. </div>
  109. <div>
  110. <div class="col-xs-3">验证码 </div>
  111. <div class="col-xs-4"> <input type="text" id = "captcha" placeholder="请输入验证码"/></div>
  112. <div class="col-xs-4"> <input type="button" id="code" onclick="createCode()" style="width:60px" title='点击更换验证码' readonly/></div>
  113. </div>
  114. </div>
  115. <div class="modal-footer">
  116. <a type="button" class="btn btn-default" data-dismiss="modal">
  117. 关闭
  118. </a>
  119. <a type="button" class="btn btn-primary" id="u_register">
  120. 注册
  121. </a>
  122. </div>
  123. </div><!-- /.modal-content -->
  124. </div><!-- /.modal-dialog -->
  125. </form>
  126. <!-- 找回密码 -->
  127. <div class="modal fade" id="forgetPwd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  128. <div class="modal-dialog">
  129. <div class="modal-content">
  130. <div class="modal-header">
  131. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
  132. </button>
  133. <span class="modal-title" id="forgetPwdLabel">
  134. 找回密码
  135. </span>
  136. </div>
  137. <div class="modal-body">
  138. <div>
  139. <div class="col-xs-3">电子邮箱</div>
  140. <div class="col-xs-8">
  141. <input type="text" id="p_email" placeholder="请填写优软企业邮箱" required="required">
  142. <span>@usoftchina.com</span>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="modal-footer">
  147. <a type="button" class="btn btn-default" data-dismiss="modal">
  148. 关闭
  149. </a>
  150. <a type="button" class="btn btn-primary" id="p_restPwd">
  151. 确定
  152. </a>
  153. </div>
  154. </div><!-- /.modal-content -->
  155. </div><!-- /.modal-dialog -->
  156. </div>
  157. </body>
  158. <script type="text/javascript" src="static/lib/jquery/jquery.min.js"></script>
  159. <script type="text/javascript" src="static/lib/bootstrap/js/bootstrap.min.js"></script>
  160. <script type="text/javascript" src="static/lib/bootstrap-tour/js/bootstrap-tour.min.js"></script>
  161. <script type="text/javascript" src="static/js/account/signIn.js"></script>
  162. <script type="text/javascript" src="static/js/index/app.js"></script>
  163. </html>