Нет описания

adminManage.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  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 href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  10. <link rel="stylesheet" href="./css/adminManage.css" />
  11. <link rel="stylesheet" href="../css/Table/table1.css" />
  12. <title>系统管理-->管理员用户</title>
  13. </head>
  14. <body class="gray-bg">
  15. <div class="daoHang clearfix">
  16. <div class="dhLeft">
  17. <sapn><i class="syIcon"></i>位置:
  18. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  19. <a href="javaScript:;">系统管理</a>&gt;
  20. <a href="javaScript:;">权限管理</a>&gt;
  21. <a href="javascript:location.reload()" class="now_position">管理员用户</a>
  22. </sapn>
  23. </div>
  24. </div>
  25. <div class="wrapper wrapper-content animated fadeInRight">
  26. <div class="th-box">
  27. <div class="form-inline th-bar clearfix">
  28. <div class="form-group time-box">
  29. <i class="tub fa fa-search"></i>
  30. <input type="text" class="form-control" id="searCon" placeholder="请输入账号或姓名">
  31. </div>
  32. <div class="form-group tool_bars pull-right">
  33. <input type="button" class="btn_gray"id="sc_btns" value="搜索" />
  34. <input type="button" class="btn_gray" authorize="yes" id="HY_add" onclick="btn_add()" value="添加" />
  35. <input type="button" class="btn_gray" authorize="yes" id="HY_edit" onclick="btn_edit()" value="修改" />
  36. <input type="button" class="btn_gray" authorize="yes" id="HY_modifyPsw" onclick="btn_modifyPsw()" value="重置密码" />
  37. <input type="button" class="btn_gray" authorize="yes" id="HY_disabled" onclick="btn_disabled()" value="禁用用户" />
  38. <input type="button" class="btn_gray" authorize="yes" id="HY_enabled" onclick="btn_enabled()" value="启用用户" />
  39. <input type="button" class="btn_gray" authorize="yes" id="HY_delete" onclick="btn_delete()" value="删除" />
  40. </div>
  41. </div>
  42. </div>
  43. <div class="treeTable clearfix">
  44. <div class="tree col-md-3">
  45. <div class="trTitle"> 部门信息</div>
  46. <div class="treeCon">
  47. <ul id="treeDemo" class="ztree">
  48. <!--类名为ztree是必须的-->
  49. </ul>
  50. </div>
  51. </div>
  52. <div class="tableCon col-md-9">
  53. <div class="trTitle">管理员用户列表</div>
  54. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  55. <thead>
  56. <tr>
  57. <th data-align="center" data-formatter="setCode">编号</th>
  58. <th data-field="F_UserCode" data-align="center">用户账号</th>
  59. <th data-field="F_UserName" data-align="center">用户姓名</th>
  60. <th data-field="F_RoleName" data-align="center">用户角色</th>
  61. <th data-field="F_DeptName" data-align="center">用户部门</th>
  62. <th data-field="F_Telephone" data-align="center">固定电话</th>
  63. <th data-field="F_Mobile" data-align="center">手机号码</th>
  64. <th data-field="F_DeleteFlag" data-align="center" data-formatter="setYongState">用户状态</th>
  65. <th data-field="F_LastActiveTime" data-align="center">最后登录时间</th>
  66. </tr>
  67. </thead>
  68. </table>
  69. </div>
  70. </div>
  71. </div>
  72. <!--添加弹出内容-->
  73. <div class="model addModel">
  74. <div class="box">
  75. <div class="btop clearfix">
  76. <p class="btl">添加用户信息</p>
  77. <p class="btr addBtr" title="关闭">X</p>
  78. </div>
  79. <div class="boxCon">
  80. <table>
  81. <tbody>
  82. <tr>
  83. <th style="color: darkred;">用户账号:</th>
  84. <td><input type="text" class="add_ygCode" /></td>
  85. <th style="color: darkred;">用户姓名:</th>
  86. <td><input type="text" class="add_ygName" /></td>
  87. </tr>
  88. <tr>
  89. <th style="color: darkred;">密码:</th>
  90. <td><input type="password" class="add_pwd" /></td>
  91. <th style="color: darkred;">确认密码:</th>
  92. <td><input type="password" class="add_pwd2" /></td>
  93. </tr>
  94. <tr>
  95. <th style="color: darkred;">所属部门:</th>
  96. <td>
  97. <div class="inpBox">
  98. <input type="text" class="inps inps2" readonly="readonly" placeholder="请选择部门" />
  99. <i class="xl xl_two"></i>
  100. <div class="addTree xlAdd_two">
  101. <ul id="xlAdd_depTree" class="ztree"></ul>
  102. </div>
  103. </div>
  104. </td>
  105. </tr>
  106. <tr>
  107. <th>用户性别:</th>
  108. <td class="addSex">
  109. <label class="radio-inline">
  110. <input type="radio" checked="true" name="sex" value="男" style="vertical-align: middle; display: inline-block;">男
  111. </label>
  112. <label class="radio-inline">
  113. <input type="radio" name="sex" value="女" style="vertical-align: middle;display: inline-block;">女
  114. </label>
  115. </td>
  116. <th>用户生日:</th>
  117. <td><input type="text" class="add_birth laydate-icon" id="ygbirth" /></td>
  118. </tr>
  119. <tr>
  120. <th>手机号码:</th>
  121. <td><input type="text" class="add_mobile" /></td>
  122. <th>固定电话:</th>
  123. <td>
  124. <input type="text" class="add_telphone" />
  125. </td>
  126. </tr>
  127. <tr>
  128. <th>用户备注:</th>
  129. <td colspan="3">
  130. <textarea class="add_remark" style="width: 100%;height: 50px;"></textarea>
  131. </td>
  132. </tr>
  133. </tbody>
  134. </table>
  135. <div class="text-center"><button class="btns addCun">保存</button></div>
  136. </div>
  137. </div>
  138. </div>
  139. <!--重设弹出内容-->
  140. <div class="model againModel">
  141. <div class="box">
  142. <div class="btop clearfix">
  143. <p class="btl"><span>重设用户密码</span></p>
  144. <p class="btr agBtr" title="关闭">X</p>
  145. </div>
  146. <div class="boxCon" style="height: 235px;">
  147. <table>
  148. <tbody>
  149. <tr>
  150. <th style="color: darkred;">用户姓名:</th>
  151. <td><span class="again_ygName"></span></td>
  152. </tr>
  153. <tr>
  154. <th style="color: darkred;">用户账号:</th>
  155. <td><span class="again_ygCode"></span></td>
  156. </tr>
  157. <tr>
  158. <th style="color: darkred;">新密码:</th>
  159. <td><input type="password" class="again_pwd" /></td>
  160. </tr>
  161. <tr>
  162. <th style="color: darkred;">确认密码:</th>
  163. <td><input type="password" class="again_pwd2" /></td>
  164. </tr>
  165. </tbody>
  166. </table>
  167. <div class="text-center"><button class="btns again_Cun">保存</button></div>
  168. </div>
  169. </div>
  170. </div>
  171. <!--修改弹出内容-->
  172. <div class="model changeModel">
  173. <div class="box">
  174. <div class="btop clearfix">
  175. <p class="btl">修改用户信息</p>
  176. <p class="btr changeBtr" title="关闭">X</p>
  177. </div>
  178. <div class="boxCon">
  179. <table>
  180. <tbody>
  181. <tr>
  182. <th style="color: darkred;">用户账号:</th>
  183. <td><input type="text" class="change_ygCode" /></td>
  184. <th style="color: darkred;">用户姓名:</th>
  185. <td><input type="text" class="change_ygName" /></td>
  186. </tr>
  187. <tr>
  188. <th style="color: darkred;">所属部门:</th>
  189. <td>
  190. <div class="inpBox">
  191. <input type="text" class="inps inps5" readonly="readonly" placeholder="请选择部门" />
  192. <i class="xl xl_five"></i>
  193. <div class="addTree xlChan_two">
  194. <ul id="xlChan_depTree" class="ztree"></ul>
  195. </div>
  196. </div>
  197. </td>
  198. </tr>
  199. <tr>
  200. <th>用户性别:</th>
  201. <td class="changeSex">
  202. <label class="radio-inline">
  203. <input type="radio" checked="true" name="sex" value="男" style="vertical-align: middle; display: inline-block;">男
  204. </label>
  205. <label class="radio-inline">
  206. <input type="radio" name="sex" value="女" style="vertical-align: middle;display: inline-block;">女
  207. </label>
  208. </td>
  209. <th>用户生日:</th>
  210. <td><input type="text" class="change_birth laydate-icon" id="chan_ygbirth" /></td>
  211. </tr>
  212. <tr>
  213. <th>手机号码:</th>
  214. <td><input type="text" class="change_mobile" /></td>
  215. <th>固定电话:</th>
  216. <td>
  217. <input type="text" class="change_telphone" />
  218. </td>
  219. </tr>
  220. <tr>
  221. <th>用户备注:</th>
  222. <td colspan="3">
  223. <textarea class="change_remark" style="width: 100%;height: 50px;"></textarea>
  224. </td>
  225. </tr>
  226. </tbody>
  227. </table>
  228. <div class="text-center"><button class="btns changeCun">保存</button></div>
  229. </div>
  230. </div>
  231. </div>
  232. <!--禁用弹出框-->
  233. <div class="model banModel">
  234. <div class="box">
  235. <div class="btop clearfix">
  236. <p class="btl"><span>提示</span></p>
  237. <p class="btr banBtr" title="关闭">X</p>
  238. </div>
  239. <div class="boxCon" style="height: 150px;">
  240. <p style="text-align: center;font-size: 16px;margin-top: 30px;">您确定要禁用吗?</p>
  241. <p style="margin-top: 30px;text-align: center;">
  242. <button class="btns banSure">确定</button>
  243. <button class="btns banReturn">取消</button>
  244. </p>
  245. </div>
  246. </div>
  247. </div>
  248. <!--启用弹出框-->
  249. <div class="model useModel">
  250. <div class="box">
  251. <div class="btop clearfix">
  252. <p class="btl"><span>提示</span></p>
  253. <p class="btr useBtr" title="关闭">X</p>
  254. </div>
  255. <div class="boxCon" style="height: 150px;">
  256. <p style="text-align: center;font-size: 16px;margin-top: 30px;">您确定要启用吗?</p>
  257. <p style="margin-top: 30px;text-align: center;">
  258. <button class="btns useSure">确定</button>
  259. <button class="btns useReturn">取消</button>
  260. </p>
  261. </div>
  262. </div>
  263. </div>
  264. <script src="../js/laydate/laydate.js"></script>
  265. <script src="../Script/Common/regexs.js"></script>
  266. <script src="../js/zTree/jquery.ztree.core.js"></script>
  267. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  268. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  269. <script src="./js/adminManage.js"></script>
  270. </body>
  271. </html>