zuzhijigou.jsp 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370
  1. <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
  2. <%@page import="com.sooka.nsos.system.login.bean.Permissions"%>
  3. <%
  4. Permissions pemission = (Permissions) request.getSession().getAttribute("userinfo");
  5. String userName = pemission.getUserRealName();
  6. if(pemission.getUserRealName()==null){
  7. userName="系统管理员";
  8. }
  9. %>
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html >
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <title>辽源市信息报送系统</title>
  14. <link rel="stylesheet" href="<%=request.getContextPath()%>/jqcase/builds/merged/bsgrid.all.min.css"/>
  15. <link rel="stylesheet" href="<%=request.getContextPath()%>/jqcase/builds/css/skins/grid_jqgrid.min.css"/>
  16. <link rel="stylesheet" href="<%=request.getContextPath()%>/css/dialogWin_css.css"/>
  17. <link href="<%=request.getContextPath()%>/css/framework_main_style.css" rel="stylesheet" type="text/css" />
  18. <link href="<%=request.getContextPath()%>/css/dhtmlXTree.css" type="text/css" rel="stylesheet">
  19. <style type="text/css">
  20. /* row hover */
  21. .bsgrid tr:hover td {
  22. background-color: #ffe48d;
  23. }
  24. </style>
  25. <%
  26. String orgId = "1";
  27. String parentOrgId = "0";
  28. %>
  29. <link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/system/tabforjigou.css"/>
  30. <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/common/dialogWindow.js"></script>
  31. <script type="text/javascript" language=JavaScript src="<%=request.getContextPath()%>/js/common/jquery-1.8.3.min.js"></script>
  32. <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/common/validate.js"></script>
  33. <script type="text/javascript" src="<%=request.getContextPath()%>/jqcase/builds/js/lang/grid.zh-CN.min.js"></script>
  34. <script type="text/javascript" src="<%=request.getContextPath()%>/jqcase/builds/merged/bsgrid.all.min.js"></script>
  35. <script type="text/javascript" src="<%=request.getContextPath()%>/js/dhtmlXCommon.js"></script>
  36. <script type="text/javascript" src="<%=request.getContextPath()%>/js/dhtmlXTree.js"></script>
  37. <script type="text/javascript">var prjContextPath = '<%=request.getContextPath()%>';</script>
  38. <script>
  39. var thisPageSize = 15;
  40. $(function(){
  41. warpinit();
  42. });
  43. </script>
  44. <script type="text/javascript" src="<%=request.getContextPath()%>/system/organize/zuzhijigou.js"></script>
  45. <script type="text/JavaScript">
  46. function show_menu(num){
  47. for(i=0;i<100;i++){
  48. if($('li0'+i)){
  49. $('li0'+i).style.display='none';
  50. $('f0'+i).className='';
  51. }
  52. }
  53. $('li0'+num).style.display='block';//触发以后信息块
  54. $('f0'+num).className='left02down01_xia_li';//触发以后TAG样式
  55. }
  56. var temp=0;
  57. function show_menuC(){
  58. if (temp==0){
  59. document.getElementById('LeftBox').style.display='none';
  60. document.getElementById('RightBox').style.marginLeft='0';
  61. document.getElementById('Mobile').style.background='url(images/center.gif)';
  62. temp=1;
  63. }else{
  64. document.getElementById('RightBox').style.marginLeft='222px';
  65. document.getElementById('LeftBox').style.display='block';
  66. document.getElementById('Mobile').style.background='url(images/center0.gif)';
  67. temp=0;
  68. }
  69. }
  70. window.onresize = function () {warpinit();}
  71. //table_warp自适应
  72. function warpinit(){
  73. var wh = $(window).height();//浏览器高度
  74. var th = $("#title_header").height();//logo高度
  75. var bh = $("#button_div").height();//底部button高度
  76. var ch = $("#condition_div").height();//条件查询div高度
  77. var tableH = wh-th-bh-ch;//table_warp计算高度
  78. $("#treediv").css('height',wh-10);
  79. $("#dhtmlTree").css('height',wh-68);
  80. $("#table_warp").css('height',tableH);
  81. $("#LeftBox").css('height',tableH+19);
  82. $("#RightBox").css('height',tableH+19);
  83. thisPageSize=parseInt($("#table_warp").height()/28);//table显示行数
  84. }
  85. </script>
  86. <script language="JavaScript">
  87. function GaiBian(osel){
  88. var oo=$("#jiedianleixing option:selected");
  89. if(oo.val()==1){
  90. //此时为岗位
  91. $("#gangweixinxi").show();//显示
  92. }else if(oo.val()==0){
  93. //此时为级别
  94. $("#gangweixinxi").hide();//隐藏
  95. //清除岗位相关信息。
  96. $("#zhishu").val("");
  97. $("#nianxian").val("");
  98. //首先清空checkbox状态及存储checkbox值的文本框start
  99. $("input:checkbox").each(function () {
  100. $(this).attr("checked",false);
  101. });
  102. //首先清空checkbox状态end
  103. $("#bianzhiVal").val("");
  104. $("#levelVal").val("");
  105. }
  106. }
  107. </script>
  108. </head>
  109. <body >
  110. <!-- 页面左侧布局 start -->
  111. <div class="left_container" id="LeftBox">
  112. <div class="title_left_container">欢迎您登录:<%=userName %></div>
  113. <div class="tree_warp">
  114. <div id="treediv" style="position:absolute; width:100px;height:930px;">
  115. <!--表单样式开始 -->
  116. <table width="100%" align="center" cellpadding="1" cellspacing="3" class="titleTable" >
  117. <tr>
  118. <td class="font_style2">组织列表</td>
  119. </tr>
  120. <tr>
  121. <td class="tdContent" >
  122. <table width="100%" border='0' align="center" cellpadding="1" cellspacing="1" class="listTable">
  123. <tr>
  124. <td valign="top">
  125. <div id="dhtmlTree" style="width:205px;" class="titleTablenei"></div>
  126. </td>
  127. </tr>
  128. </table>
  129. </td>
  130. </tr>
  131. </table>
  132. </div>
  133. </div>
  134. </div>
  135. <!-- 页面左侧布局 end -->
  136. <!-- 页面右侧布局 start -->
  137. <div class="right_container" id="RightBox" >
  138. <div class="center_warp"><div class="center" id="Mobile"></div></div>
  139. <div class="right_warp">
  140. <div id="condition_div" class="condition_warp">
  141. <div class="title_condition title_font_14">组织机构管理</div>
  142. <div class="btn_warp">
  143. <a href="#" class="btn_bg radius4" onclick="save_data_sel()" style="float:right">保存</a>
  144. <a href="#" class="btn_bg radius4" onclick="delete_data()" style="float:right">删除</a>
  145. <a href="#" class="btn_bg radius4" onclick="add_zuzhijigou()" style="float:right">增加</a>
  146. </div>
  147. </div>
  148. <div id="table_warp" class="table_warp">
  149. <!-- style="border:solid red 1px;" -->
  150. <div id="jigouxinxi">
  151. <table border="0" cellspacing="0" cellpadding="0" class="tabforjigou">
  152. <tr>
  153. <th width="15%">节点类型:</th>
  154. <td >
  155. <select name="jiedianleixing" id="jiedianleixing" style="width:302px" class="inputtext">
  156. <script type="text/javascript">
  157. document.write(parent.dicContainer['zzjg105'].toString());
  158. </script>
  159. </select>
  160. </td>
  161. </tr>
  162. <tr>
  163. <th width="15%">所属类型:</th>
  164. <td >
  165. <select name="jigouleibie" id="jigouleibie" style="width:302px" class="inputtext">
  166. <script type="text/javascript">
  167. document.write(parent.dicContainer['113'].toString());
  168. </script>
  169. </select>
  170. </td>
  171. </tr>
  172. <tr>
  173. <th>名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称:</th>
  174. <td><input class="inputtext" type="text" id="jigoumingcheng" style="width:300px"/><span style="color:red">*</span></td>
  175. </tr>
  176. <!-- <tr> -->
  177. <!-- <th>编号</th> -->
  178. <!-- <td><input class="inputtext" type="text" id="jigoubianhao" style="width:300px"/><span style="color:red">*</span></td> -->
  179. <!-- </tr> -->
  180. <tr>
  181. <th>排&nbsp;&nbsp;序&nbsp;&nbsp;号:</th>
  182. <td><input class="inputtext" type="text" id="jigouno" style="width:300px"/><span style="color:red">*</span></td>
  183. <input type="hidden" id="jgid"/>
  184. </tr>
  185. </table>
  186. </div>
  187. <div id="gangweixinxi">
  188. <table border="0" cellspacing="0" cellpadding="0" class="tabforjigou" id="tabforjigou1">
  189. <tr>
  190. <th height="63" width="15%">职数</th>
  191. <td ><input class="inputtext" type="text" id="zhishu" style="width:300px"/><span style="color:red">*</span></td>
  192. </tr>
  193. <tr>
  194. <th>年限</th>
  195. <td><input class="inputtext" type="text" id="nianxian" style="width:300px"/><span style="color:red">*</span></td>
  196. </tr>
  197. <tr>
  198. <th height="73">级别</th>
  199. <td>
  200. <table border="0" cellspacing="0" cellpadding="0" class="table11">
  201. <tr>
  202. <td width="10"></td>
  203. <td width="20"><input type="checkbox" value="0" name="checkLevel" onClick="onclicklevel(this)"></td>
  204. <td width="50">科员</td>
  205. <td width="20"><input type="checkbox" value="1" name="checkLevel" onClick="onclicklevel(this)"></td>
  206. <td width="50">副科长</td>
  207. <td width="20"><input type="checkbox" value="2" name="checkLevel" onClick="onclicklevel(this)"></td>
  208. <td width="50">科长</td>
  209. <td width="20"><input type="checkbox" value="3" name="checkLevel" onClick="onclicklevel(this)"></td>
  210. <td width="50">副处</td>
  211. <td width="20"><input type="checkbox" value="4" name="checkLevel" onClick="onclicklevel(this)"></td>
  212. <td width="50">正处</td>
  213. <td width="20"><input type="checkbox" value="5" name="checkLevel" onClick="onclicklevel(this)"></td>
  214. <td width="50">副区</td>
  215. <td width="20"><input type="checkbox" value="6" name="checkLevel" onClick="onclicklevel(this)"></td>
  216. <td width="50">正区</td>
  217. <td><span style="color:red">*</span></td>
  218. <td width="20"><input type="hidden" value="" id="levelVal"></td>
  219. </tr>
  220. </table>
  221. </td>
  222. </tr>
  223. <tr>
  224. <th >编制</th>
  225. <div id="bianzhiCheck">
  226. <td>
  227. <table border="0" cellspacing="0" cellpadding="0" class="table11">
  228. <tr>
  229. <td width="10"></td>
  230. <td width="20"><input type="checkbox" value="0" name="checkBZ" onClick="onclickbianzhi(this)"></td>
  231. <td width="50">事业编</td>
  232. <td width="20"><input type="checkbox" value="1" name="checkBZ" onClick="onclickbianzhi(this)"></td>
  233. <td width="50">行政编</td>
  234. <td><span style="color:red">*</span></td>
  235. <td width="20"><input type="hidden" value="" id="bianzhiVal"></td>
  236. </tr>
  237. </table>
  238. </td>
  239. </div>
  240. </tr>
  241. </table>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. <!-- 页面右侧布局 end -->
  247. </body>
  248. </html>
  249. <script>
  250. var itemSelect = '<%=orgId%>';
  251. var itemText = '';
  252. var parentOrgId = '<%=parentOrgId%>';
  253. tree=new dhtmlXTreeObject("dhtmlTree","100%","100%",parentOrgId);
  254. tree.setImagePath("<%=request.getContextPath()%>/images/tree/");
  255. tree.setOnClickHandler(doOnClick);
  256. // tree.setXMLAutoLoading("<%=request.getContextPath()%>/orgNextTreeByLmxx_tree.action?id=<%=orgId%>");
  257. // tree.loadXML("<%=request.getContextPath()%>/orgTreeByLmxx_tree.action?id=<%=orgId%>&pid=<%=parentOrgId%>");
  258. tree.setXMLAutoLoading("<%=request.getContextPath()%>/orgNextTree_tree.action?id=<%=orgId%>");
  259. tree.loadXML("<%=request.getContextPath()%>/orgTree_tree.action?id=<%=orgId%>&pid=<%=parentOrgId%>");
  260. function selectItem(id){
  261. if(id!=null && id!='') {
  262. itemSelect =id;
  263. tree.selectItem(id,true);
  264. }
  265. }
  266. function refreshItem(id){
  267. if(id!=null && id!='') tree.refreshItem(id);
  268. }
  269. function saveOnClick(parentItemId){
  270. refreshItem(parentItemId);
  271. }
  272. function saveOnClickedit(id,label){
  273. if(id!=null && id!='') tree.setItemText(id,label);
  274. }
  275. function saveOnClickdel(parentItemId){
  276. refreshItem(parentItemId);
  277. selectItem(parentItemId);
  278. }
  279. function doOnClick(itemId){
  280. // alert(tree.getAllFatItems());
  281. // alert(tree.getItemText(itemId));//根据ID获取当前 节点的名称
  282. // alert(tree.getLevel(itemId));//获取当前属于哪个层级,最高层级为1
  283. // alert(tree.getSelectedItemId());//获取当前节点数据库的主键ID
  284. // alert(tree.getAllFatItems());//获取当前节点以上的所有父节点
  285. //alert(itemId+">>"+tree.getSelectedItemText());//获取当前节点内容
  286. // alert(tree.getItemText(itemId));
  287. // alert(tree.getUserData(itemId, itemId));获取xml中所有userdata中的数据
  288. //bsgrid刷新页面参数
  289. // tree.refreshItem(itemId);//刷新当前节点数据
  290. var jigouid=tree.getSelectedItemId();
  291. $("#jgid").val(jigouid);
  292. $.post(prjContextPath+"/organizationAction!queryOne.action", {jigouid:jigouid}, callBackFunByQuery);
  293. var orgid=itemId;
  294. }
  295. function checkForbox(name,type){
  296. $("input[name="+name+"]").each(function(){
  297. for(var i=0; i<type.split(",").length;i++){
  298. if($(this).val() == type[i]){
  299. $(this).attr("checked",true);
  300. break;
  301. }
  302. }
  303. });
  304. }
  305. function callBackFunByQuery(json){
  306. if(json!=null && json.data!=null){
  307. var editData=json.data[0];
  308. //首先清空checkbox状态及存储checkbox值的文本框start
  309. $("input:checkbox").each(function () {
  310. $(this).attr("checked",false);
  311. });
  312. //首先清空checkbox状态end
  313. //根据机构类型是否显示岗位相关信息及存储checkbox值的文本框start
  314. $("#levelVal").val(editData.jigoulevel);
  315. $("#bianzhiVal").val(editData.jigoubianzhi);
  316. var oo=$("#jiedianleixing option:selected");
  317. // if(editData.jigoutype==1){
  318. // $("#gangweixinxi").show();//显示
  319. // }else if(editData.jigoutype==0){
  320. // $("#gangweixinxi").hide();//隐藏
  321. // }
  322. //根据机构类型是否显示岗位相关信息end
  323. $("#jiedianleixing").val(editData.jigoutype);
  324. $("#jigouleibie").val(editData.jigouleibie);
  325. $("#jigoumingcheng").val(editData.jigouname);
  326. // $("#jigoubianhao").val(editData.jigounumber);
  327. //根据后台数据改变编制checkbox状态start
  328. var bianzhi=editData.jigoubianzhi;
  329. $("input[name=checkBZ]").each(function(){
  330. for(var i=0; i<bianzhi.length;i++){
  331. if($(this).val() == bianzhi.split(",")[i]){
  332. $(this).attr("checked",true);
  333. break;
  334. }
  335. }
  336. });
  337. //根据后台数据改变编制checkbox状态end
  338. $("#jigouno").val(editData.jigouno);
  339. $("#zhishu").val(editData.jigouzhishu);
  340. //根据后台数据改变级别checkbox状态start
  341. var jibie=editData.jigoulevel;
  342. $("input[name=checkLevel]").each(function(){
  343. for(var i=0; i<jibie.length;i++){
  344. if($(this).val() == jibie.split(",")[i]){
  345. $(this).attr("checked",true);
  346. break;
  347. }
  348. }
  349. });
  350. //根据后台数据改变级别checkbox状态end
  351. $("#nianxian").val(editData.jigoulife);
  352. }else{
  353. alert('数据查询失败,请刷新页面!');
  354. }
  355. }
  356. $("#gangweixinxi").hide();
  357. function closeSysMes(){
  358. winHandle.reset();
  359. }
  360. </script>