editTeacherInfo.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <!-- Meta, title, CSS, favicons, etc. -->
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <title>后台管理系统 </title>
  10. <!-- Bootstrap -->
  11. <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Font Awesome -->
  13. <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  14. <!-- iCheck -->
  15. <link href="../vendors/iCheck/skins/flat/blue.css" rel="stylesheet">
  16. <!-- bootstrap-daterangepicker -->
  17. <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
  18. <!-- bootstrap-datetimepicker -->
  19. <link href="../vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css" rel="stylesheet">
  20. <!-- Datatables -->
  21. <link href="../vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
  22. <!-- Custom Theme Style -->
  23. <link href="../src/css/common.css" rel="stylesheet">
  24. <style>
  25. .form-teacher {
  26. width: 800px;
  27. margin: 15px auto;
  28. }
  29. .form-teacher .form-group {
  30. width: 300px;
  31. margin-right: 16px;
  32. margin-bottom: 15px;
  33. }
  34. .form-teacher .form-group.no-width {
  35. width: 100%;
  36. }
  37. .form-teacher .form-group > label {
  38. float: left;
  39. width: 100px;
  40. height: 34px;
  41. padding: 6px;
  42. text-align: right;
  43. }
  44. .form-teacher .form-group span, .form-teacher .form-group .spanRight {
  45. float: left;
  46. /* display: inline-block; */
  47. height: 34px;
  48. padding: 6px 12px;
  49. font-size: 14px;
  50. line-height: 1.42857143;
  51. color: #555;
  52. font-size: 16px;
  53. }
  54. .form-teacher .form-group h4 {
  55. margin: 0;
  56. }
  57. .form-teacher .pic_btn {
  58. margin-top: 8px;
  59. text-align: center;
  60. }
  61. .form-teacher .btns {
  62. margin-top: 15px;
  63. padding-top: 10px;
  64. border-top: 1px solid #ccc;
  65. text-align: center;
  66. }
  67. </style>
  68. </head>
  69. <body class="container child_body">
  70. <div class="row">
  71. <div class="col-md-12 col-sm-12 col-xs-24">
  72. <div class="x_panel">
  73. <div class="x_title">
  74. <h2>老师个人信息页 </h2>
  75. <div class="nav navbar-right">
  76. <ul class="nav navbar-right panel_toolbox">
  77. <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
  78. </li>
  79. </ul>
  80. </div>
  81. <div class="clearfix"></div>
  82. </div>
  83. <div class="x_content row">
  84. <form class="form form-inline form-teacher">
  85. <div class="pull-left">
  86. <img src="../static/images/laoshitouxiang.png" width="160" alt="" style="display: block;">
  87. <div class="pic_btn">
  88. <a class="btn btn-primary">修改相片</a>
  89. </div>
  90. </div>
  91. <div class="pull-left">
  92. <div class=" row">
  93. <div class="form-group">
  94. <label class="control-label">老师编号:</label>
  95. <input type="number" class="form-control" value="01391322" />
  96. </div>
  97. <div class="form-group">
  98. <label class="control-label">名字:</label>
  99. <input type="text" class="form-control" value="李家柔" />
  100. </div>
  101. </div>
  102. <div class="row">
  103. <div class="form-group">
  104. <label class="control-label">性别:</label>
  105. <div class="spanRight">
  106. <div class="radio pull-left">
  107. <label>
  108. <input type="radio" name="gender" id="genderM" value="M" checked="" required />男
  109. </label>
  110. </div>
  111. <div class="radio pull-left margin-left-10">
  112. <label>
  113. <input type="radio" name="gender" id="genderF" value="F" />女
  114. </label>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="form-group">
  119. <label class="control-label">民族:</label>
  120. <input type="text" class="form-control" value="" />
  121. </div>
  122. </div>
  123. <div class="row">
  124. <div class="form-group">
  125. <label class="control-label">去向:</label>
  126. <span>在职</span>
  127. </div>
  128. <div class="form-group">
  129. <label class="control-label">信仰:</label>
  130. <input type="text" class="form-control" value="" />
  131. </div>
  132. </div>
  133. <div class="row">
  134. <div class="form-group">
  135. <label class="control-label">联系电话:</label>
  136. <input type="text" class="form-control" value="" />
  137. </div>
  138. <div class="form-group">
  139. <label class="control-label">电子邮件:</label>
  140. <input type="text" class="form-control" value="" />
  141. </div>
  142. </div>
  143. <div class="row">
  144. <div class="form-group no-width">
  145. <label class="control-label">身份证号:</label>
  146. <input type="text" class="form-control" style="width: 60%;" value="" />
  147. </div>
  148. </div>
  149. <div class="row">
  150. <div class="form-group no-width">
  151. <label class="control-label">出生日期:</label>
  152. <select id="birthYear" class="form-control">
  153. <option value="">年</option>
  154. <option value="press">1960</option>
  155. <option value="net">1970</option>
  156. <option value="mouth">1980</option>
  157. </select>
  158. <select id="birthMonth" class="form-control">
  159. <option value="">月</option>
  160. <option value="press">1</option>
  161. <option value="net">2</option>
  162. <option value="mouth">3</option>
  163. </select>
  164. <select id="birthDay" class="form-control">
  165. <option value="">日</option>
  166. <option value="press">1</option>
  167. <option value="net">2</option>
  168. <option value="mouth">3</option>
  169. </select>
  170. </div>
  171. </div>
  172. <div class="row">
  173. <div class="form-group">
  174. <label class="control-label">邮编号码:</label>
  175. <input type="number" class="form-control" value="" />
  176. </div>
  177. </div>
  178. <div class="row">
  179. <div class="form-group no-width">
  180. <label class="control-label">通讯地址:</label>
  181. <input type="text" class="form-control" style="width: 80%;" value="" />
  182. </div>
  183. </div>
  184. <div class="row">
  185. <div class="form-group no-width">
  186. <label class="control-label">简历简介:</label>
  187. <textarea class="form-control" style="width: 80%;"></textarea>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="clearfix"></div>
  192. <div class="btns">
  193. <button type="submit" class="btn btn-primary">保存信息</button>
  194. </div>
  195. </form>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. <!-- jQuery -->
  201. <script src="../vendors/jquery/dist/jquery.min.js"></script>
  202. <!-- Bootstrap -->
  203. <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
  204. <!-- FastClick -->
  205. <script src="../vendors/fastclick/lib/fastclick.js"></script>
  206. <!-- iCheck -->
  207. <script src="../vendors/iCheck/icheck.min.js"></script>
  208. <!-- Datatables -->
  209. <script src="../vendors/datatables.net/js/jquery.dataTables.min.js"></script>
  210. <script src="../vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  211. <script src="../vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>
  212. <script src="../vendors/datatables.net-fixedcolumns/js/dataTables.fixedcolumns.min.js"></script>
  213. <script src="../vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
  214. <!-- common -->
  215. <script src="../src/js/common.js"></script>
  216. <script>
  217. $(document).ready(function() {
  218. })
  219. </script>
  220. </body>
  221. </html>