portal html css js resource

account-set.html 12KB

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