portal html css js resource

account-set.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1.  <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>账户设置 - 科袖网</title>
  8. <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
  9. <link href="css/bootstrap.min.css" rel="stylesheet">
  10. <link rel="stylesheet" href="css/reset.css" />
  11. <link type="text/css" href="css/login.css" rel="stylesheet">
  12. <link type="text/css" href="css/index.css" rel="stylesheet">
  13. <link type="text/css" href="css/common.css" rel="stylesheet">
  14. <link type="text/css" href="css/workspace.css" rel="stylesheet">
  15. <link type="text/css" href="css/popup.css" rel="stylesheet">
  16. <link type="text/css" href="css/webuploader/webuploader2.css" rel="stylesheet">
  17. </head>
  18. <body>
  19. <!--浮动窗口-->
  20. <div class="coverblock cover">
  21. <div class="floatbox" id="bindmail">
  22. <div class="float-title">
  23. 邮箱绑定
  24. <span class="times"></span>
  25. </div>
  26. <form class="bdfrm" action="" name="bdemail">
  27. <p>验证您的邮箱地址,完成邮箱账号绑定</p>
  28. <input type="text" placeholder="请输入您的邮箱地址" class="yz" id="email" onBlur="valEmail()" >
  29. <div class="msg-yz msg11"><span></span></div>
  30. <p>绑定邮箱验证已发送至您的邮箱<br>请您在10分钟内登录邮箱激活链接验证</p>
  31. <input type="button" value="登录邮箱激活" class=" activate act act-color" onClick="bindEmail()" >
  32. <input type="button" value="返回" class="activate back-btn" >
  33. </form>
  34. </div>
  35. </div>
  36. <div class="coverblock cover2">
  37. <div class="floatbox" id="bindphone">
  38. <div class="float-title">
  39. 手机绑定
  40. <span class="times" ></span>
  41. </div>
  42. <form class="bdfrm" action="" name="bdphone">
  43. <p>验证您的手机号,完成手机账号绑定</p>
  44. <input type="text" placeholder="请输入您的手机号" class="yz" id="phone" onBlur="valPhone()">
  45. <div class="msg-yz msg12"></div>
  46. <input type="text" placeholder="请输入短信验证码" class="psd input-code" maxlength="4" id="phoneCode" onBlur="valCode()">
  47. <input type="button" value="获取短信验证码" class="infor-code" onClick="sendPhoneCode()">
  48. <div class="msg-yz msg13"></div>
  49. <input type="button" value="完成绑定" class="activate act act-color" onClick="bindPhone()">
  50. <input type="button" value="返回" class="activate back-btn" >
  51. </form>
  52. </div>
  53. </div>
  54. <!---->
  55. <div id="header">
  56. <a href="index.html" alt="科袖" class="logo"></a>
  57. <div class="searchblock" style="display:block;">
  58. <input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
  59. <div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
  60. </div>
  61. <div class="header-right">
  62. <!--未登录-->
  63. <div class="unlogin">
  64. <a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
  65. <a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
  66. <a class="loginbtn loginrbtn" href="register.html">注册</a>
  67. </div>
  68. <!--已登录-->
  69. <div class="onlogin">
  70. <a class="myWorkspace" href="workspaces.html">我的工作台</a>
  71. <div class="head-portrait headRadius">
  72. <img class="portrait-p" />
  73. <div class="personal-infor">
  74. <div class="triangleB"></div>
  75. <div class="personal-box bgRadius">
  76. <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
  77. <a href="information.html"><span class="icon icon2"></span>修改资料</a>
  78. <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
  79. <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <div id="container">
  87. <div class="account">
  88. <div class="account-set">
  89. <div class="account-title">账号设置</div>
  90. <!-- <a href="#" class="leftsidebar">个人信息</a> -->
  91. <a href="javascript:;" class="leftsidebar bgcolor">修改密码</a>
  92. <a href="javascript:;" class="leftsidebar">账号绑定</a>
  93. <a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>
  94. </div>
  95. <div class="contentbox">
  96. <!-- <div class="content-set">
  97. <div class="content-title">个人信息</div>
  98. div class="note">此信息用于站内沟通、社区等功能</div>
  99. <div class="acountinfor">
  100. <div class="account-photo headRadius">
  101. <img id="headimg" src="">
  102. </div>
  103. <div class="account-name">
  104. <div class="text">
  105. <span class="text-txt floatL" id="username"></span>
  106. <a class="floatR" href="information.html"><span class="edit2 floatL"></span>修改资料</a>
  107. </div>
  108. </div>
  109. <div class="account-wallet">
  110. <div class="wallet">
  111. <span class="mywallet">我的钱包</span>
  112. <div class="walletbox">
  113. <div class="walletbrig floatL">余额 :<span><i class="amount">100</i><i class="fen">.00</i></span>元</div>
  114. <div class="walletrecords floatL"><span class="recordbtn" onclick="PaymentInfo();">交易记录</span>|<span>累计收益:<em>15.13 </em> 元</span> </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div> -->
  120. <div class="content-set" style="display:block">
  121. <div class="content-title">修改密码</div>
  122. <div class="marginT"></div>
  123. <form name="f1" >
  124. <div class="password"><span class="lable">当前密码</span><input type="password"class="psd" id="oldPassword" onBlur="valOld()" /> <div class="msgs"><a href="login-email-find01.html" class="forget">忘记密码?</a></div>
  125. </div>
  126. <div class="msg msg1" ></div>
  127. <div class="password"><span class="lable">新密码</span><input type="password" class="psd" id="newPassword" onBlur="valNew()" /></div>
  128. <div class="msg msg2" ></div>
  129. <div class="password"><span class="lable">确认密码</span><input type="password" class="psd" id="newPassword2" onBlur="valNew2()" /></div>
  130. <div class="msg msg3" ></div>
  131. <input type="button" value="保存" class="save" style="margin-top:40px;" onClick="restPassword()"/>
  132. <!--<div class="msg msg4" ></div> -->
  133. </form>
  134. </div>
  135. <div class="content-set">
  136. <div class="content-title">账号绑定</div>
  137. <div class="note">绑定后,您可以同时使用以下方式登录科袖网</div>
  138. <div class="unbinding">
  139. <div class="replace1"><span class="email-icon "></span>绑定邮箱账号<input type="button" value="绑定" class="replace"></div>
  140. <div class="replace2"><span class="phone-icon "></span>绑定手机账号<input type="button" value="绑定" class="replace"></div>
  141. <div class="replace3"><span class="email-icon"></span>您已绑定邮箱 <span id="emailShow"></span><input type="button" value="更换" class="replace replace5"><br>
  142. </div>
  143. <div class="replace4"><span class="phone-icon "></span>您已绑定手机 <span id="phoneShow"></span><input type="button" value="更换" class="replace replace6" >
  144. </div>
  145. </div>
  146. <!--<div class="binding">
  147. <span class="email-icon"></span>您已绑定邮箱 183****5606@163.com<input type="button" value="更换" class="replace replace1"><br>
  148. <span class="phone-icon "></span>您已绑定手机 183****5606<input type="button" value="更换" class="replace replace2" >
  149. </div>-->
  150. </div>
  151. <div class="content-set" id="sfbox">
  152. <div class="content-title">身份认证</div>
  153. <div class="content-main">
  154. <!-- 身份认证状态 -->
  155. <div class="IdentityState">
  156. <div class="nowState">
  157. <p><span class="identProcess"></span><span style="font-size:12px;color:#999;" class="identts"></span></p>
  158. <p><span class="identBtn"></span></p>
  159. </div>
  160. </div>
  161. <!-- 身份证件上传 -->
  162. <div class="IdentityUp" style="display:none">
  163. <div class="note">
  164. <p>科袖郑重承诺不对外提供您的个人信息</p>
  165. </div>
  166. <div class="IdentityChoice">
  167. <h3 class="boxnav-title">请先确认您现在的身份</h3>
  168. <ul class="boxnav">
  169. <li id="boxnav1"><span data-num="1">科研工作者</span></li>
  170. <li id="boxnav2"><span data-num="2">在企人员</span></li>
  171. <li id="boxnav3"><span data-num="3">在校生</span></li>
  172. </ul>
  173. </div>
  174. <div class="webupArea">
  175. <p style="color:#999;padding:10px; font-size:12px;">请上传能够证明您身份的相关证件,如工作证、在职证明、学生证、在读证明等:</p>
  176. <div class="webuploadMut" style="min-height:250px;padding:10px;background: #fff;border: 2px #f0f0f0 dashed;">
  177. <div id="uploader-dome">
  178. <!--用来存放item-->
  179. <div id="fileList" class="uploader-list">
  180. <div id="filePicker"></div>
  181. </div>
  182. </div>
  183. </div>
  184. <div class="subUp">提交上传</div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. <div id="footer" class="clearfix">
  193. <div class="wrapper clearfix">
  194. <i class="footer-logo floatL"></i>
  195. <div class="word_wrapper floatL">
  196. <a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
  197. <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
  198. <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
  199. <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
  200. <div class="code weixin_code"></div>
  201. </a><span> | </span>
  202. <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
  203. <div class="code app_code"></div>
  204. </a><span> | </span>
  205. <span class="listlink">客服邮箱:<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
  206. <span> | </span>
  207. <span class="listlink">客服热线: 010-62343359(9:00-17:00)</span>
  208. </div>
  209. <!--<div class="inner_wrapper floatR">
  210. <div class="codebox">
  211. <span class="code weixin_code"></span>
  212. <p>科袖微信公众号</p>
  213. </div>
  214. </div>-->
  215. </div>
  216. <div class="copyright">
  217. <span><em> © </em>2016 北京科袖科技有限公司</span>
  218. <span> | 京ICP备16042588号-1 | </span>
  219. <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
  220. </div>
  221. </div>
  222. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  223. <script type="text/javascript" src="js/index.js"></script>
  224. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  225. <script type="text/javascript" src="js/common.js"></script>
  226. <script type="text/javascript" src="js/popup.js"></script>
  227. <script type="text/javascript" src="js/account-set.js"></script>
  228. <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  229. <script type="text/javascript" src="js/webuploader/webuploader.js"></script>
  230. <script type="text/javascript" src="js/upload.js"></script>
  231. </body>
  232. </html>