staff_list.jsp 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme() + "://"
  8. + request.getServerName() + ":" + request.getServerPort()
  9. + path + "/";
  10. %>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14. <base href="<%=basePath%>">
  15. <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
  16. <!-- jsp文件头和头部 -->
  17. <%@ include file="../../system/index/top.jsp"%>
  18. <!-- 树形下拉框start -->
  19. <script type="text/javascript" src="plugins/selectZtree/selectTree.js"></script>
  20. <script type="text/javascript" src="plugins/selectZtree/framework.js"></script>
  21. <link rel="stylesheet" type="text/css" href="plugins/selectZtree/import_fh.css"/>
  22. <script type="text/javascript" src="plugins/selectZtree/ztree/ztree.js"></script>
  23. <link type="text/css" rel="stylesheet" href="plugins/selectZtree/ztree/ztree.css"></link>
  24. <!-- 树形下拉框end -->
  25. </head>
  26. <body class="no-skin">
  27. <!-- /section:basics/navbar.layout -->
  28. <div class="main-container" id="main-container">
  29. <!-- /section:basics/sidebar -->
  30. <div class="main-content">
  31. <div class="main-content-inner">
  32. <div class="page-content">
  33. <div class="row">
  34. <div class="col-xs-12">
  35. <!-- 检索 -->
  36. <form action="staff/list.do" method="post" name="Form" id="Form">
  37. <input name="ZDEPARTMENT_ID" id="ZDEPARTMENT_ID" type="hidden" value="${pd.ZDEPARTMENT_ID }" />
  38. <input name="DEPARTMENT_ID" id="DEPARTMENT_ID" type="hidden" value="${pd.DEPARTMENT_ID }" />
  39. <table style="margin-top:5px;">
  40. <tr>
  41. <td>
  42. <div class="nav-search">
  43. <span class="input-icon">
  44. <input type="text" placeholder="这里输入关键词" class="nav-search-input" id="nav-search-input" autocomplete="off" name="keywords" value="${pd.keywords }" placeholder="这里输入关键词"/>
  45. <i class="ace-icon fa fa-search nav-search-icon"></i>
  46. </span>
  47. </div>
  48. </td>
  49. <td style="padding-left:5px">
  50. <div class="selectTree" id="selectTree"></div>
  51. </td>
  52. <c:if test="${QX.cha == 1 }">
  53. <td style="vertical-align:top;padding-left:5px"><a class="btn btn-light btn-xs" onclick="tosearch();" title="检索"><i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i></a></td>
  54. </c:if>
  55. <c:if test="${QX.toExcel == 1 }"><td style="vertical-align:top;padding-left:2px;"><a class="btn btn-light btn-xs" onclick="toExcel();" title="导出到EXCEL"><i id="nav-search-icon" class="ace-icon fa fa-download bigger-110 nav-search-icon blue"></i></a></td></c:if>
  56. </tr>
  57. </table>
  58. <!-- 检索 -->
  59. <table id="simple-table" class="table table-striped table-bordered table-hover" style="margin-top:5px;">
  60. <thead>
  61. <tr>
  62. <th class="center" style="width:35px;">
  63. <label class="pos-rel"><input type="checkbox" class="ace" id="zcheckbox" /><span class="lbl"></span></label>
  64. </th>
  65. <th class="center" style="width:50px;">序号</th>
  66. <th class="center">姓名</th>
  67. <th class="center">编码</th>
  68. <th class="center">部门</th>
  69. <th class="center">电话</th>
  70. <th class="center">性别</th>
  71. <th class="center">绑定登录户用</th>
  72. <th class="center" style="width:130px;" id="fhadmincz">操作</th>
  73. </tr>
  74. </thead>
  75. <tbody>
  76. <!-- 开始循环 -->
  77. <c:choose>
  78. <c:when test="${not empty varList}">
  79. <c:if test="${QX.cha == 1 }">
  80. <c:forEach items="${varList}" var="var" varStatus="vs">
  81. <tr>
  82. <td class='center'>
  83. <label class="pos-rel"><input type='checkbox' name='ids' value="${var.STAFF_ID}" class="ace" /><span class="lbl"></span></label>
  84. </td>
  85. <td class='center' style="width: 30px;">${page.showCount*(page.currentPage-1)+vs.index+1}</td>
  86. <td class='center'>${var.NAME}</td>
  87. <td class='center'>${var.BIANMA}</td>
  88. <td class='center'>${var.DNAME}</td>
  89. <td class='center'>${var.TEL}</td>
  90. <td class='center'>${var.SEX}</td>
  91. <td class='center'>
  92. <c:if test="${var.USER_ID != '' }">
  93. <a onclick="viewUser('${var.USER_ID}')" style="cursor:pointer;"><i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i>${var.USER_ID}</a>
  94. </c:if>
  95. <c:if test="${var.USER_ID == '' }">
  96. 未绑定
  97. </c:if>
  98. </td>
  99. <td class="center">
  100. <c:if test="${QX.edit != 1 && QX.del != 1 }">
  101. <span class="label label-large label-grey arrowed-in-right arrowed-in"><i class="ace-icon fa fa-lock" title="无权限"></i></span>
  102. </c:if>
  103. <div class="hidden-sm hidden-xs btn-group">
  104. <c:if test="${QX.userBinding == 1 }">
  105. <a class="btn btn-xs btn-info" title="绑定用户" onclick="userBinding('${var.STAFF_ID}');">
  106. <i class="ace-icon glyphicon glyphicon-user"></i>
  107. </a>
  108. </c:if>
  109. <c:if test="${QX.Datajur == 1 }">
  110. <a class="btn btn-warning btn-xs" title="授权" onclick="setDatajur('${var.STAFF_ID}');">
  111. <i class="ace-icon fa fa-wrench bigger-120 icon-only"></i>
  112. </a>
  113. </c:if>
  114. <c:if test="${QX.edit == 1 }">
  115. <a class="btn btn-xs btn-success" title="编辑" onclick="edit('${var.STAFF_ID}');">
  116. <i class="ace-icon fa fa-pencil-square-o bigger-120" title="编辑"></i>
  117. </a>
  118. </c:if>
  119. <c:if test="${QX.del == 1 }">
  120. <a class="btn btn-xs btn-danger" onclick="del('${var.STAFF_ID}');">
  121. <i class="ace-icon fa fa-trash-o bigger-120" title="删除"></i>
  122. </a>
  123. </c:if>
  124. </div>
  125. <div class="hidden-md hidden-lg">
  126. <div class="inline pos-rel">
  127. <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
  128. <i class="ace-icon fa fa-wrench bigger-120 icon-only"></i>
  129. </button>
  130. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
  131. <c:if test="${QX.userBinding == 1 }">
  132. <li>
  133. <a style="cursor:pointer;" onclick="userBinding('${var.STAFF_ID}');" class="tooltip-warning" data-rel="tooltip" title="绑定用户">
  134. <span class="blue">
  135. <i class="ace-icon glyphicon glyphicon-user"></i>
  136. </span>
  137. </a>
  138. </li>
  139. </c:if>
  140. <c:if test="${QX.Datajur == 1 }">
  141. <li>
  142. <a style="cursor:pointer;" onclick="setDatajur('${var.STAFF_ID}');" class="tooltip-warning" data-rel="tooltip" title="授权">
  143. <span class="orange">
  144. <i class="ace-icon fa fa-wrench bigger-120 icon-only"></i>
  145. </span>
  146. </a>
  147. </li>
  148. </c:if>
  149. <c:if test="${QX.edit == 1 }">
  150. <li>
  151. <a style="cursor:pointer;" onclick="edit('${var.STAFF_ID}');" class="tooltip-success" data-rel="tooltip" title="修改">
  152. <span class="green">
  153. <i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
  154. </span>
  155. </a>
  156. </li>
  157. </c:if>
  158. <c:if test="${QX.del == 1 }">
  159. <li>
  160. <a style="cursor:pointer;" onclick="del('${var.STAFF_ID}');" class="tooltip-error" data-rel="tooltip" title="删除">
  161. <span class="red">
  162. <i class="ace-icon fa fa-trash-o bigger-120"></i>
  163. </span>
  164. </a>
  165. </li>
  166. </c:if>
  167. </ul>
  168. </div>
  169. </div>
  170. </td>
  171. </tr>
  172. </c:forEach>
  173. </c:if>
  174. <c:if test="${QX.cha == 0 }">
  175. <tr>
  176. <td colspan="100" class="center">您无权查看</td>
  177. </tr>
  178. </c:if>
  179. </c:when>
  180. <c:otherwise>
  181. <tr class="main_info">
  182. <td colspan="100" class="center" >没有相关数据</td>
  183. </tr>
  184. </c:otherwise>
  185. </c:choose>
  186. </tbody>
  187. </table>
  188. <div class="page-header position-relative">
  189. <table style="width:100%;">
  190. <tr>
  191. <td style="vertical-align:top;">
  192. <c:if test="${QX.add == 1 }">
  193. <a class="btn btn-mini btn-success" onclick="add();">新增</a>
  194. </c:if>
  195. <c:if test="${QX.del == 1 }">
  196. <a class="btn btn-mini btn-danger" onclick="makeAll('确定要删除选中的数据吗?');" title="批量删除" ><i class='ace-icon fa fa-trash-o bigger-120'></i></a>
  197. </c:if>
  198. </td>
  199. <td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
  200. </tr>
  201. </table>
  202. </div>
  203. </form>
  204. </div>
  205. <!-- /.col -->
  206. </div>
  207. <!-- /.row -->
  208. </div>
  209. <!-- /.page-content -->
  210. </div>
  211. </div>
  212. <!-- /.main-content -->
  213. <!-- 返回顶部 -->
  214. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  215. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  216. </a>
  217. </div>
  218. <!-- /.main-container -->
  219. <!-- basic scripts -->
  220. <!-- 页面底部js¨ -->
  221. <%@ include file="../../system/index/foot.jsp"%>
  222. <!-- 删除时确认窗口 -->
  223. <script src="static/ace/js/bootbox.js"></script>
  224. <!-- ace scripts -->
  225. <script src="static/ace/js/ace/ace.js"></script>
  226. <!--提示框-->
  227. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  228. <script type="text/javascript">
  229. $(top.hangge());//关闭加载状态
  230. //检索
  231. function tosearch(){
  232. top.jzts();
  233. $("#Form").submit();
  234. }
  235. $(function() {
  236. //复选框全选控制
  237. var active_class = 'active';
  238. $('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
  239. var th_checked = this.checked;//checkbox inside "TH" table header
  240. $(this).closest('table').find('tbody > tr').each(function(){
  241. var row = this;
  242. if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
  243. else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
  244. });
  245. });
  246. });
  247. //新增
  248. function add(){
  249. top.jzts();
  250. var diag = new top.Dialog();
  251. diag.Drag=true;
  252. diag.Title ="新增";
  253. diag.URL = '<%=basePath%>staff/goAdd.do';
  254. diag.Width = 800;
  255. diag.Height = 500;
  256. diag.Modal = false; //有无遮罩窗口
  257. diag. ShowMaxButton = true; //最大化按钮
  258. diag.ShowMinButton = true; //最小化按钮
  259. diag.CancelEvent = function(){ //关闭事件
  260. if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
  261. if('${page.currentPage}' == '0'){
  262. top.jzts();
  263. setTimeout("self.location=self.location",100);
  264. }else{
  265. nextPage(${page.currentPage});
  266. }
  267. }
  268. diag.close();
  269. };
  270. diag.show();
  271. }
  272. //删除
  273. function del(Id){
  274. bootbox.confirm("确定要删除吗?", function(result) {
  275. if(result) {
  276. top.jzts();
  277. var url = "<%=basePath%>staff/delete.do?STAFF_ID="+Id+"&tm="+new Date().getTime();
  278. $.get(url,function(data){
  279. nextPage(${page.currentPage});
  280. });
  281. }
  282. });
  283. }
  284. //修改
  285. function edit(Id){
  286. top.jzts();
  287. var diag = new top.Dialog();
  288. diag.Drag=true;
  289. diag.Title ="编辑";
  290. diag.URL = '<%=basePath%>staff/goEdit.do?STAFF_ID='+Id;
  291. diag.Width = 800;
  292. diag.Height = 500;
  293. diag.Modal = false; //有无遮罩窗口
  294. diag. ShowMaxButton = true; //最大化按钮
  295. diag.ShowMinButton = true; //最小化按钮
  296. diag.CancelEvent = function(){ //关闭事件
  297. if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
  298. nextPage(${page.currentPage});
  299. }
  300. diag.close();
  301. };
  302. diag.show();
  303. }
  304. //批量操作
  305. function makeAll(msg){
  306. bootbox.confirm(msg, function(result) {
  307. if(result) {
  308. var str = '';
  309. for(var i=0;i < document.getElementsByName('ids').length;i++){
  310. if(document.getElementsByName('ids')[i].checked){
  311. if(str=='') str += document.getElementsByName('ids')[i].value;
  312. else str += ',' + document.getElementsByName('ids')[i].value;
  313. }
  314. }
  315. if(str==''){
  316. bootbox.dialog({
  317. message: "<span class='bigger-110'>您没有选择任何内容!</span>",
  318. buttons:
  319. { "button":{ "label":"确定", "className":"btn-sm btn-success"}}
  320. });
  321. $("#zcheckbox").tips({
  322. side:1,
  323. msg:'点这里全选',
  324. bg:'#AE81FF',
  325. time:8
  326. });
  327. return;
  328. }else{
  329. if(msg == '确定要删除选中的数据吗?'){
  330. top.jzts();
  331. $.ajax({
  332. type: "POST",
  333. url: '<%=basePath%>staff/deleteAll.do?tm='+new Date().getTime(),
  334. data: {DATA_IDS:str},
  335. dataType:'json',
  336. //beforeSend: validateData,
  337. cache: false,
  338. success: function(data){
  339. $.each(data.list, function(i, list){
  340. nextPage(${page.currentPage});
  341. });
  342. }
  343. });
  344. }
  345. }
  346. }
  347. });
  348. };
  349. function initComplete(){
  350. //下拉树
  351. var defaultNodes = {"treeNodes":${zTreeNodes}};
  352. //绑定change事件
  353. $("#selectTree").bind("change",function(){
  354. if(!$(this).attr("relValue")){
  355. // top.Dialog.alert("没有选择节点");
  356. }else{
  357. //alert("选中节点文本:"+$(this).attr("relText")+"<br/>选中节点值:"+$(this).attr("relValue"));
  358. $("#DEPARTMENT_ID").val($(this).attr("relValue"));
  359. }
  360. });
  361. //赋给data属性
  362. $("#selectTree").data("data",defaultNodes);
  363. $("#selectTree").render();
  364. $("#selectTree2_input").val("${'0'==depname?'请选择':depname}");
  365. }
  366. //授权(组织机构数据权限)
  367. function setDatajur(Id){
  368. top.jzts();
  369. var diag = new top.Dialog();
  370. diag.Drag=true;
  371. diag.Title ="授予组织机构数据权限";
  372. diag.URL = '<%=basePath%>datajur/goEdit.do?DATAJUR_ID='+Id;
  373. diag.Width = 450;
  374. diag.Height = 355;
  375. diag.Modal = true; //有无遮罩窗口
  376. diag. ShowMaxButton = true; //最大化按钮
  377. diag.ShowMinButton = true; //最小化按钮
  378. diag.CancelEvent = function(){ //关闭事件
  379. if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
  380. nextPage(${page.currentPage});
  381. }
  382. diag.close();
  383. };
  384. diag.show();
  385. }
  386. //打开绑定用户窗口
  387. function userBinding(STAFF_ID){
  388. top.jzts();
  389. var diag = new top.Dialog();
  390. diag.Drag=true;
  391. diag.Title ="绑定登录用户";
  392. diag.URL = '<%=basePath%>user/listUsersForWindow.do?STAFF_ID='+STAFF_ID;
  393. diag.Width = 700;
  394. diag.Height = 545;
  395. diag.Modal = true; //有无遮罩窗口
  396. diag. ShowMaxButton = true; //最大化按钮
  397. diag.ShowMinButton = true; //最小化按钮
  398. diag.CancelEvent = function(){ //关闭事件
  399. var USERNAME = diag.innerFrame.contentWindow.document.getElementById('USERNAME').value;
  400. if("" != USERNAME){
  401. var url = "<%=basePath%>staff/userBinding.do?STAFF_ID="+STAFF_ID+"&USER_ID="+USERNAME+"&tm="+new Date().getTime();
  402. $.get(url,function(data){
  403. $("#fhadmincz").tips({
  404. side:1,
  405. msg:'绑定成功',
  406. bg:'#009933',
  407. time:3
  408. });
  409. tosearch();
  410. });
  411. }
  412. diag.close();
  413. };
  414. diag.show();
  415. }
  416. //查看用户
  417. function viewUser(USERNAME){
  418. if('admin' == USERNAME){
  419. bootbox.dialog({
  420. message: "<span class='bigger-110'>不能查看admin用户!</span>",
  421. buttons:
  422. { "button":{ "label":"确定", "className":"btn-sm btn-success"}}
  423. });
  424. return;
  425. }
  426. top.jzts();
  427. var diag = new top.Dialog();
  428. diag.Modal = false; //有无遮罩窗口
  429. diag.Drag=true;
  430. diag.Title ="资料";
  431. diag.URL = '<%=basePath%>user/view.do?USERNAME='+USERNAME;
  432. diag.Width = 469;
  433. diag.Height = 380;
  434. diag.CancelEvent = function(){ //关闭事件
  435. diag.close();
  436. };
  437. diag.show();
  438. }
  439. </script>
  440. </body>
  441. </html>