teacherInfo.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  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="">
  87. </div>
  88. <div class="pull-left">
  89. <div class="row">
  90. <div class="form-group">
  91. <label class="control-label">老师编号:</label>
  92. <span>01391322</span>
  93. </div>
  94. <div class="form-group">
  95. <label class="control-label">名字:</label>
  96. <span>李家柔</span>
  97. </div>
  98. </div>
  99. <div class="row">
  100. <div class="form-group">
  101. <label class="control-label">性别:</label>
  102. <span>女</span>
  103. </div>
  104. <div class="form-group">
  105. <label class="control-label">民族:</label>
  106. <span>汉</span>
  107. </div>
  108. </div>
  109. <div class="row">
  110. <div class="form-group">
  111. <label class="control-label">去向:</label>
  112. <span>在职</span>
  113. </div>
  114. <div class="form-group">
  115. <label class="control-label">信仰:</label>
  116. <span>无</span>
  117. </div>
  118. </div>
  119. <div class="row">
  120. <div class="form-group">
  121. <label class="control-label">联系电话:</label>
  122. <span></span>
  123. </div>
  124. <div class="form-group">
  125. <label class="control-label">电子邮件:</label>
  126. <span></span>
  127. </div>
  128. </div>
  129. <div class="row">
  130. <div class="form-group">
  131. <label class="control-label">身份证号:</label>
  132. <span></span>
  133. </div>
  134. <div class="form-group">
  135. <label class="control-label">出生日期:</label>
  136. <span>XXXX年XX月XX日</span>
  137. </div>
  138. </div>
  139. <div class="row">
  140. <div class="form-group">
  141. <label class="control-label">邮编号码:</label>
  142. <span></span>
  143. </div>
  144. </div>
  145. <div class="row">
  146. <div class="form-group">
  147. <label class="control-label">通讯地址:</label>
  148. <span></span>
  149. </div>
  150. </div>
  151. <div class="row">
  152. <div class="form-group no-width">
  153. <label class="control-label">简历简介:</label>
  154. <span></span>
  155. </div>
  156. </div>
  157. </div>
  158. <div class="clearfix"></div>
  159. </form>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <!-- jQuery -->
  165. <script src="../vendors/jquery/dist/jquery.min.js"></script>
  166. <!-- Bootstrap -->
  167. <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
  168. <!-- FastClick -->
  169. <script src="../vendors/fastclick/lib/fastclick.js"></script>
  170. <!-- iCheck -->
  171. <script src="../vendors/iCheck/icheck.min.js"></script>
  172. <!-- Datatables -->
  173. <script src="../vendors/datatables.net/js/jquery.dataTables.min.js"></script>
  174. <script src="../vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  175. <script src="../vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>
  176. <script src="../vendors/datatables.net-fixedcolumns/js/dataTables.fixedcolumns.min.js"></script>
  177. <script src="../vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
  178. <!-- common -->
  179. <script src="../src/js/common.js"></script>
  180. <script>
  181. $(document).ready(function() {
  182. })
  183. </script>
  184. </body>
  185. </html>