sysJobDialog.jsp 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <%@page pageEncoding="UTF-8" %>
  2. <%@include file="/commons/include/html_doctype.html"%>
  3. <html>
  4. <head>
  5. <title>选择职务</title>
  6. <%@include file="/commons/include/form.jsp" %>
  7. <f:link href="tree/zTreeStyle.css"></f:link>
  8. <script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.js"></script>
  9. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerLayout.js" ></script>
  10. <script type="text/javascript">
  11. var systemTree=null, isSingle="${param.isSingle}",findStr = '';
  12. $(function(){
  13. $("#defLayout").ligerLayout({ leftWidth: 0,rightWidth: 170,allowRightResize:false,allowLeftResize:false,allowTopResize:false,allowBottomResize:false,height: '90%',minLeftWidth:170});
  14. initData();
  15. $("#jobFrame").attr("src","${ctx}/platform/system/job/selector.ht?isSingle=${param.isSingle}");
  16. });
  17. //初始化父级窗口传进来的数据
  18. function initData(){
  19. var obj = window.dialogArguments;
  20. if(obj&&obj.length>0){
  21. for(var i=0,c;c=obj[i++];){
  22. var data = c.id+'#'+c.name;
  23. if(c.name!=undefined&&c.name!="undefined"&&c.name!=null&&c.name!=""){
  24. add(data);
  25. }
  26. }
  27. }
  28. };
  29. function selectJob(){
  30. var pleaseSelect= "请选择角色!";
  31. //单选
  32. if(isSingle==true){
  33. var chIds = $('#jobFrame').contents().find("input[name='jobid']:checked");
  34. if(chIds.length==0){
  35. alert("请选择");
  36. return;
  37. }
  38. var data=chIds.val();
  39. var aryJob=data.split("#");
  40. var obj={};
  41. obj.jobId=aryJob[0];
  42. obj.jobName=aryJob[1];
  43. window.returnValue=obj;
  44. }
  45. //复选
  46. else{
  47. var aryJobs =$("input[name='job']", $("#jobList"));
  48. if(aryJobs.length==0){
  49. alert(pleaseSelect);
  50. return;
  51. }
  52. var aryId=[];
  53. var aryName=[];
  54. var json = [];
  55. aryJobs.each(function(){
  56. var data=$(this).val();
  57. var aryJob=data.split("#");
  58. aryId.push(aryJob[0]);
  59. aryName.push(aryJob[1]);
  60. json.push({id:aryJob[0],name:aryJob[1]});
  61. });
  62. var jobIds=aryId.join(",");
  63. var jobNames=aryName.join(",");
  64. var obj={};
  65. obj.jobId=jobIds;
  66. obj.jobName=jobNames;
  67. obj.jobJson = json;
  68. window.returnValue=obj;
  69. }
  70. window.close();
  71. };
  72. function add(data) {
  73. var aryTmp=data.split("#");
  74. var jobId=aryTmp[0];
  75. var len= $("#job_" + jobId).length;
  76. if(len>0) return;
  77. var jobTemplate= $("#jobTemplate").val();
  78. var html=jobTemplate.replace("#jobid",jobId)
  79. .replace("#data",data)
  80. .replace("#name",aryTmp[1]);
  81. $("#jobList").append(html);
  82. };
  83. function selectMulti(obj) {
  84. if ($(obj).attr("checked") == "checked"){
  85. var data = $(obj).val();
  86. add(data);
  87. }
  88. };
  89. function dellAll() {
  90. $("#jobList").empty();
  91. };
  92. function del(obj) {
  93. var tr = $(obj).closest("tr");
  94. $(tr).remove();
  95. };
  96. //清空角色
  97. function clearJob(){
  98. window.returnValue={jobId:'',jobName:''};
  99. window.close();
  100. }
  101. </script>
  102. <style type="text/css">
  103. .ztree {
  104. overflow: auto;
  105. }
  106. .label {
  107. color: #6F8DC6;
  108. text-align: right;
  109. padding-right: 6px;
  110. padding-left: 0px;
  111. font-weight: bold;
  112. }
  113. html { overflow-x: hidden;height:100%; }
  114. </style>
  115. </head>
  116. <body >
  117. <div id="defLayout" >
  118. <div position="center">
  119. <iframe id="jobFrame" name="jobFrame" height="100%" width="100%" frameborder="0" src="${ctx}/platform/system/job/selector.ht?isSingle=${param.isSingle}"></iframe>
  120. </div>
  121. <div position="right" title="<span><a onclick='javascript:dellAll();' class='link del'>清空</a><input type='text' class='quick-find' title='查找'/></span>" style="overflow: auto;height:95%;width:170px;">
  122. <table width="145" class="table-grid table-list" cellpadding="1" cellspacing="1">
  123. <tbody id="jobList">
  124. <tr class="hidden"></tr>
  125. </tbody>
  126. </table>
  127. </div>
  128. <%--
  129. <div position="left" title="子系统" style="height:95%;">
  130. <div class="tree-toolbar">
  131. </div>
  132. <ul id="systemTree" class="ztree" style="overflow:auto;height:93%;" ></ul>
  133. </div>
  134. --%>
  135. </div>
  136. <div position="bottom" class="bottom" style="margin-top:10px;" >
  137. <a href="javascript:;" class="button" onclick="selectJob()" style="margin-right:10px;" ><span class="icon ok"></span><span class="chosen">选择</span></a>
  138. <a href="javascript:;" class="button" onclick="clearJob()"><span class="icon cancel" ></span><span class="chosen" >清空</span></a>
  139. <a href="javascript:;" class="button" onclick="window.close()" style="margin-left:10px;" ><span class="icon cancel" ></span><span class="chosen" >取消</span></a>
  140. </div>
  141. <textarea id="jobTemplate" style="display: none;">
  142. <tr id="job_#jobid">
  143. <td>
  144. <input type="hidden" name="job" value="#data"><span>#name</span>
  145. </td>
  146. <td style="width: 30px;" nowrap="nowrap"><a onclick="javascript:del(this);" class="link del" title="删除" >&nbsp;</a></td>
  147. </tr>
  148. </textarea>
  149. </body>
  150. </html>