Keine Beschreibung

peopleInformation.html 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <link rel="stylesheet" href="../css/Table/table1.css" />
  10. <title>系统管理-->岗位设置</title>
  11. <style>
  12. .box {
  13. width: 35%;
  14. }
  15. .delModel .box,
  16. .proModel .box {
  17. width: 20%;
  18. }
  19. .boxCon {
  20. height: 285px;
  21. }
  22. .boxCon table th {
  23. width: 20%;
  24. }
  25. .boxCon table td textarea {
  26. width: 80%;
  27. }
  28. .treeTable {
  29. height: 500px;
  30. }
  31. .tree {
  32. height: 100%;
  33. }
  34. .treeCon {
  35. height: 90%;
  36. border: 1px solid #ebebeb;
  37. overflow-y: auto;
  38. }
  39. .trTitle {
  40. width: 100%;
  41. height: 34px;
  42. line-height: 34px;
  43. border-bottom: 1px solid #ebebeb;
  44. color: red;
  45. font-weight: 700;
  46. margin-bottom: 15px;
  47. }
  48. </style>
  49. </head>
  50. <body class="gray-bg">
  51. <div class="daoHang clearfix">
  52. <div class="dhLeft">
  53. <sapn><i class="syIcon"></i>位置:
  54. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  55. <a href="javaScript:;">设备运维</a>&gt;
  56. <!--<a href="javaScript:;">权限管理</a>&gt;-->
  57. <a href="javascript:location.reload()" class="now_position">岗位设置</a>
  58. </sapn>
  59. </div>
  60. </div>
  61. <div class="wrapper wrapper-content animated fadeInRight pro_allocation">
  62. <div class="th-box">
  63. <div class="form-inline th-bar clearfix">
  64. <div class="form-group time-box">
  65. <i class="tub fa fa-search"></i>
  66. <input type="text" class="form-control" id="searJsz" placeholder="请输入岗位名称">
  67. </div>
  68. <div class="form-group pull-right tool_bars">
  69. <input type="button" class="btn_gray" id="sc_btns" value="搜索" />
  70. <input type="button" class="btn_gray" authorize="yes" id="HY_add" onclick="btn_add()" value="添加" />
  71. <input type="button" class="btn_gray" authorize="yes" id="HY_edit" onclick="btn_edit()" value="修改" />
  72. <input type="button" class="btn_gray" authorize="yes" id="HY_delete" onclick="btn_delete()" value="删除" />
  73. <input type="button" class="btn_gray" authorize="yes" id="HY_save" onclick="btn_save()" value="保存岗位" />
  74. </div>
  75. </div>
  76. </div>
  77. <div class="treeTable clearfix">
  78. <div class="tree col-md-5">
  79. <div class="trTitle"> 岗位列表</div>
  80. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  81. <thead>
  82. <tr>
  83. <th data-align="center" data-formatter="setCode">编号</th>
  84. <th data-field="postname" data-align="center"> 岗位名称</th>
  85. <th data-field="postcode" data-align="center">岗位编码</th>
  86. <!--<th data-field="sort" data-align="center">排序</th>-->
  87. <th data-field="remark" data-align="center">备注</th>
  88. </tr>
  89. </thead>
  90. </table>
  91. </div>
  92. <div class="tableCon col-md-7">
  93. <div class="trTitle"> 岗位设置</div>
  94. <div class="treeCon">
  95. <ul id="treeDemo" class="ztree">
  96. <!--类名为ztree是必须的-->
  97. </ul>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!--添加弹出内容-->
  103. <div class="model addModel">
  104. <div class="box">
  105. <div class="btop clearfix">
  106. <p class="btl">添加岗位信息</p>
  107. <p class="btr addBtr" title="关闭">X</p>
  108. </div>
  109. <div class="boxCon">
  110. <table>
  111. <tbody>
  112. <tr>
  113. <th style="color: red;">岗位名称:</th>
  114. <td colspan="3"><input type="text" class="add_postname" /><span class="kong addJsz_kong" style="color: red;">*用户角色不允许为空</span></td>
  115. </tr>
  116. <tr>
  117. <th style="color: red;">岗位编码:</th>
  118. <td colspan="3"><input type="text" class="add_postcode" /><span class="kong addJsz_kong" style="color: red;">*用户编码不允许为空</span></td>
  119. </tr>
  120. <!--<tr>
  121. <th>排序:</th>
  122. <td colspan="3"><input type="text" class="add_sort" /></td>
  123. </tr>-->
  124. <tr>
  125. <th>备注:</th>
  126. <td colspan="3"><textarea rows="2" cols="20" class="add_remark"></textarea></td>
  127. </tr>
  128. </tbody>
  129. </table>
  130. <div class="text-center"><button class="btns addCun">保存</button></div>
  131. </div>
  132. </div>
  133. </div>
  134. <!--修改弹出内容-->
  135. <div class="model changeModel">
  136. <div class="box">
  137. <div class="btop clearfix">
  138. <p class="btl">添加角色信息</p>
  139. <p class="btr changeBtr" title="关闭">X</p>
  140. </div>
  141. <div class="boxCon">
  142. <table>
  143. <tbody>
  144. <tr>
  145. <th style="color: red;">用户角色:</th>
  146. <td colspan="3"><input type="text" class="change_postname" /><span class="kong change_kong" style="color: red;">*用户角色不允许为空</span></td>
  147. </tr>
  148. <tr>
  149. <th style="color: red;">岗位编码:</th>
  150. <td colspan="3"><input type="text" class="change_postcode" /><span class="kong addJsz_kong" style="color: red;">*用户编码不允许为空</span></td>
  151. </tr>
  152. <!--<tr>
  153. <th>排序:</th>
  154. <td colspan="3"><input type="text" class="change_sort" /></td>
  155. </tr>-->
  156. <tr>
  157. <th>备注:</th>
  158. <td colspan="3"><textarea rows="2" cols="20" class="change_remark"></textarea></td>
  159. </tr>
  160. </tbody>
  161. </table>
  162. <div class="text-center"><button class="btns changeCun">保存</button></div>
  163. </div>
  164. </div>
  165. </div>
  166. <!--删除弹出内容-->
  167. <div class="model delModel">
  168. <div class="box">
  169. <div class="btop clearfix">
  170. <p class="btl"><span>删除提示</span></p>
  171. <p class="btr delBtr" title="关闭">X</p>
  172. </div>
  173. <div class="boxCon" style="height: 150px;text-align: center;">
  174. <p style="font-size: 16px;">您确定要删除当前用户角色吗?删除后将无法恢复!</p>
  175. <p style="margin-top: 30px;"><button class="btns sure">确定</button>
  176. <button class="btns return">取消</button></p>
  177. </div>
  178. </div>
  179. </div>
  180. <!--删除弹出内容-->
  181. <div class="model proModel">
  182. <div class="box">
  183. <div class="btop clearfix">
  184. <p class="btl"><span>提示</span></p>
  185. <p class="btr proBtr" title="关闭">X</p>
  186. </div>
  187. <div class="boxCon" style="height: 150px;text-align: center;">
  188. <p style="font-size: 16px;">保存角色权限成功!</p>
  189. <p style="margin-top: 30px;"><button class="btns proSure">确定</button>
  190. </p>
  191. </div>
  192. </div>
  193. </div>
  194. </body>
  195. <script src="../js/laydate/laydate.js"></script>
  196. <script src="../js/zTree/jquery.ztree.core.js"></script>
  197. <script src="../js/zTree/jquery.ztree.excheck.min.js"></script>
  198. <script src="../js/autosize/autosize.min.js"></script>
  199. <script src="js/peopleInformation.js"></script>
  200. </html>