admin-myinfo.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>CLD.System</title>
  6. <link rel="shortcut icon" href="images/favicon.ico">
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/global.css>
  9. <script src=js/jquery-1.7.1.min.js></script>
  10. <script src=js/global.js></script>
  11. </head>
  12. <body>
  13. <div class="mainLayout">
  14. <div class="mainMenu">
  15. <div class="menuItem">
  16. <a href="#" class="mLogo">CLD</a>
  17. <ul>
  18. <li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
  19. <li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
  20. <li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
  21. <li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
  22. <li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
  23. <li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
  24. <li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
  25. <li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
  26. <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
  27. <li data-placement="right" data-toggle="ctooltip" data-original-title="员工中心"><a href="#" class="icon- selected">F</a></li>
  28. <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
  29. </ul>
  30. </div>
  31. </div>
  32. <div class="warpContent">
  33. <div class="subMenu fL">
  34. <div class="menuItem">
  35. <ul>
  36. <li><a href="admin-myinfo-borard.html">员工首页</a></li>
  37. <li><a href="admin-myinfo.html" class="selected">员工信息</a></li>
  38. <li><a href="admin-myinfo-wechat.html">微信通知</a></li>
  39. <li><a href="admin-myinfo-pw.html" target="">修改密码</a></li>
  40. </ul>
  41. </div>
  42. </div>
  43. <div class="adminContent autoHeight">
  44. <div class="subNav">
  45. <ul class="navTabs">
  46. <li class="active"><a href="#">基本信息</a></li>
  47. <li><a href="#">证件信息</a></li>
  48. <li><a href="#">财务信息</a></li>
  49. </ul>
  50. </div>
  51. <!--基本信息-->
  52. <div class="saeaList" style="width:900px">
  53. <table class="table table-bordered table-condensed">
  54. <tbody>
  55. <tr>
  56. <th class="taC" width="150">工号</th><td width="260">Z0001</td>
  57. <th class="taC" width="150">姓名</th><td><input type="text" value="张三" disabled></td>
  58. </tr>
  59. <tr>
  60. <th class="taC" width="150">办事处/部门</th><td><select disabled><option>总部</option><option>总部-研究中心</option><option>广东办</option></select></td>
  61. <th class="taC" width="150">岗位</th><td><input type="text" value="程序员" disabled></td>
  62. </tr>
  63. <tr>
  64. <th class="taC" width="150">入职日期</th><td><input type="date" disabled></td>
  65. <th class="taC" width="150">手机</th><td><input type="text" value="1234567890"></td>
  66. </tr>
  67. <tr>
  68. <th class="taC">QQ</th><td><input type="text" value="12345678"></td>
  69. <th class="taC">微信</th><td><input type="text" value="12345678"></td>
  70. </tr>
  71. <tr>
  72. <th class="taC">电话</th><td><input type="text" value="12345678"></td>
  73. <th class="taC">邮箱</th><td><input type="text" value="12345678"></td>
  74. </tr>
  75. </tbody>
  76. </table>
  77. <table class="table table-bordered table-condensed">
  78. <tr>
  79. <th class="taC" width="150">性别</th><td width="260"><label class="radio inline"><input type="radio">男</label> <label class="radio inline"><input type="radio">女</label></td>
  80. <th class="taC" width="150">出生日期</th><td><input type="date"></td>
  81. </tr>
  82. <tr>
  83. <th class="taC" width="150">最高学历</th><td><select><option>初中</option><option>高中</option><option>中专</option><option>大专</option><option>本科</option><option>硕士</option></select></td>
  84. <th class="taC" width="150">婚姻状况</th><td><select><option>已婚</option><option>未婚</option></select></td>
  85. </tr>
  86. </table>
  87. <table class="table table-bordered table-condensed">
  88. <tr>
  89. <th class="taC" width="150">现居住地</th><td colspan="3"><input type="text" style="width:500px"></td>
  90. </tr>
  91. <tr>
  92. <th class="taC" width="150">籍贯</th><td width="260"><input type="text" data-placement="bottom" data-toggle="ctooltip" data-original-title="例:广东省珠海市" /></td>
  93. <th class="taC" width="150">紧急联系人</th><td><input data-placement="bottom" data-toggle="ctooltip" data-original-title="例:张三(老婆)15003850888" type="text"></td>
  94. </tr>
  95. </table>
  96. <div class="control-group">
  97. <div class="controls">
  98. <a href="#resignation" data-toggle="modal" class="button fR">离职申请</a>
  99. <a href="#turn" data-toggle="modal" class="button fR">转正申请</a>
  100. <button type="submit" class="button">确认修改</button>
  101. </div>
  102. </div>
  103. </div>
  104. <!--证件信息-->
  105. <div class="saeaList" style="width:900px">
  106. <table class="table table-bordered table-condensed">
  107. <tr>
  108. <th class="taC" width="150">身份证号码</th><td colspan="3"><input type="text" value="440476528372638192"></td>
  109. </tr>
  110. <tr>
  111. <th class="taC" width="150">身份证有效期</th><td colspan="3"><select><option>2018年</option></select> <select><option>07月</option></select> <select><option>05日</option></select></td>
  112. </tr>
  113. <tr>
  114. <th class="taC" width="150">正面(国徽)</th><td width="260"><input type="file"></td>
  115. <td colspan="2">
  116. <p>
  117. 正面(国徽) <a href="#" target="_blank">查看</a>
  118. </p>
  119. </td>
  120. </tr>
  121. <tr>
  122. <th class="taC" width="150">反面(照片)</th><td width="260"><input type="file"></td>
  123. <td colspan="2">
  124. <p>
  125. 正面(照片) <a href="#" target="_blank">查看</a>
  126. </p>
  127. </td>
  128. </tr>
  129. </table>
  130. <table class="table table-bordered table-condensed">
  131. <tr>
  132. <th class="taC" width="150">毕业证书</th><td width="260"><input type="file"></td>
  133. <td colspan="2">
  134. <p>
  135. 毕业证书1 <a href="#" target="_blank">查看</a> <a href="#" data-toggle="modal" role="button" title="删除职称证书1">删除</a>
  136. </p>
  137. </td>
  138. </tr>
  139. <tr>
  140. <th class="taC" width="150">学位证书</th><td width="260"><input type="file"></td>
  141. <td colspan="2">
  142. <p>
  143. 学位证书1 <a href="#" target="_blank">查看</a> <a href="#" data-toggle="modal" role="button" title="删除职称证书1">删除</a>
  144. </p>
  145. </td>
  146. </tr>
  147. <tr>
  148. <th class="taC" width="150">职称证书</th><td width="260"><input type="file"></td>
  149. <td colspan="2">
  150. <p>
  151. 职称证书1 <a href="#" target="_blank">查看</a> <a href="#" data-toggle="modal" role="button" title="删除职称证书1">删除</a>
  152. </p>
  153. <p>
  154. 职称证书2 <a href="#" target="_blank">查看</a> <a href="#" data-toggle="modal" role="button" title="删除职称证书1">删除</a>
  155. </p>
  156. </td>
  157. </tr>
  158. </table>
  159. <div class="control-group">
  160. <div class="controls">
  161. <button type="submit" class="button">确认修改</button>
  162. </div>
  163. </div>
  164. </div>
  165. <!--财务信息-->
  166. <div class="saeaList" style="width:900px">
  167. <table class="table table-bordered table-condensed">
  168. <tr>
  169. <th colspan="4" class="taC">报销收款帐号</th>
  170. </tr>
  171. <tr>
  172. <th class="taC" width="150">汇款人户名</th><td width="260"><input type="text"></td>
  173. <th class="taC" width="150">汇款银行</th><td><select><option>其他</option><option>公司广发</option></select></td>
  174. </tr>
  175. <tr>
  176. <th class="taC" width="150">汇款开户银行名称</th><td width="260"><input type="text"></td>
  177. <th class="taC" width="150">汇款帐号</th><td><input type="text"></td>
  178. </tr>
  179. <tr>
  180. <th class="taC" width="150">联行号</th><td colspan="3"><input type="text"></td>
  181. </tr>
  182. </table>
  183. <table class="table table-bordered table-condensed">
  184. <tr>
  185. <th colspan="4" class="taC">工资卡</th>
  186. </tr>
  187. <tr>
  188. <th class="taC" width="150">银行卡号</th><td width="260"><input type="text"></td>
  189. <th class="taC" width="150">开户行</th><td><input type="text"><p class="colGray">请详细至具体支行</p></td>
  190. </tr>
  191. </table>
  192. <div class="control-group">
  193. <div class="controls">
  194. <button type="submit" class="button">确认修改</button>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. <!--弹出离职申请-->
  202. <div class="modal hide fade" id="resignation">
  203. <div class="modal-dialog">
  204. <div class="modal-content">
  205. <div class="modal-header">
  206. <h3>申请离职</h3>
  207. </div>
  208. <div class="modal-body saeaList">
  209. <textarea style="width:560px" placeholder="简要填写离职原因"></textarea>
  210. <p class="alert alert-">感谢您的付出与努力。</p>
  211. </div>
  212. <div class="modal-footer">
  213. <a href="#" class="button">确定提交</a>
  214. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <!--弹出转正申请-->
  220. <div class="modal hide fade" id="turn">
  221. <div class="modal-dialog">
  222. <div class="modal-content">
  223. <div class="modal-header">
  224. <h3>申请转正</h3>
  225. </div>
  226. <div class="modal-body saeaList">
  227. <h4>申请提交后,需要等待人资审批,通过后,您将成为我们的正式员工,享受更好的福利待遇。</h4>
  228. </div>
  229. <div class="modal-footer">
  230. <a href="#" class="button">确定提交</a>
  231. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. <!--通知提醒-->
  237. <div class="globalNotice-staff">
  238. <div class="entry clearfix">
  239. <div class="fR">
  240. <a class="button" href="#">前往</a>
  241. </div>
  242. <div class="item">
  243. <p>请完善您的证件信息! 您的身份证快到期了!</p>
  244. </div>
  245. </div>
  246. </div>
  247. <!--通知提醒-->
  248. <script type="text/javascript">autoFlashHeight();</script>
  249. </body>