48f9459806c0b3042fe368463d7f3e1117ea96c1.svn-base 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>tab</title>
  6. <!--框架必需start-->
  7. <link rel="stylesheet" type="text/css"
  8. href="/nwyj/scripts/qui/libs/css/import_basic.css" />
  9. <link rel="stylesheet" type="text/css" id="skin"
  10. prePath="/nwyj/scripts/qui/" scrollerY="false" />
  11. <link rel="stylesheet" type="text/css" id="customSkin" />
  12. <link href="/nwyj/scripts/qui/libs/skins/flatBlue/style.css"
  13. rel="stylesheet" type="text/css" id="theme" themeColor="flatBlue"
  14. positionTarget="positionContent" />
  15. <link href="/nwyj/scripts/qui/system/layout/skin/style.css"
  16. rel="stylesheet" type="text/css" id="skin"
  17. skinPath="/scripts/qui/system/layout/skin/" />
  18. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
  19. <script type="text/javascript"
  20. src="/nwyj/scripts/qui/libs/js/language/cn.js"></script>
  21. <script type="text/javascript"
  22. src="/nwyj/scripts/qui/libs/js/framework.js"></script>
  23. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/main.js"></script>
  24. <!--框架必需end-->
  25. <!--布局组件start-->
  26. <script type="text/javascript"
  27. src="/nwyj/scripts/qui/libs/js/nav/layout.js"></script>
  28. <!--布局组件start-->
  29. <!--基本选项卡start-->
  30. <script type="text/javascript"
  31. src="/nwyj/scripts/qui/libs/js/nav/basicTab.js"></script>
  32. <script type="text/javascript"
  33. src="/nwyj/scripts/qui/libs/js/nav/basicTabModern.js"></script>
  34. <!--基本选项卡end-->
  35. <!--表单提交start-->
  36. <script type="text/javascript"
  37. src="/nwyj/scripts/qui/libs/js/form/form.js"></script>
  38. <!--表单提交end-->
  39. <!--树组件start-->
  40. <link rel="stylesheet" type="text/css"
  41. href="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.css" />
  42. <script type="text/javascript"
  43. src="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.js"></script>
  44. <script type="text/javascript"
  45. src="/nwyj/scripts/qui/libs/js/form/selectTree.js"></script>
  46. <script type="text/javascript"
  47. src="/nwyj/scripts/qui/libs/js/form/listerTree.js"></script>
  48. <!--树组件end-->
  49. <!--数据表格start-->
  50. <script type="text/javascript"
  51. src="/nwyj/scripts/qui/libs/js/table/quiGrid.js"></script>
  52. <!--数据表格end-->
  53. <!--弹窗组件start-->
  54. <script type="text/javascript"
  55. src="/nwyj/scripts/qui/libs/js/popup/messager.js"></script>
  56. <script type="text/javascript"
  57. src="/nwyj/scripts/qui/libs/js/popup/drag.js"></script>
  58. <script type="text/javascript"
  59. src="/nwyj/scripts/qui/libs/js/popup/dialog.js"></script>
  60. <!--弹窗组件end-->
  61. <!--上传附件start-->
  62. <script type="text/javascript"
  63. src="/nwyj/scripts/qui/libs/js/form/upload/fileUpload.js"></script>
  64. <script type="text/javascript"
  65. src="/nwyj/scripts/qui/libs/js/form/upload/handlers.js"></script>
  66. <!-- 上传附件end -->
  67. <!--分隔条start-->
  68. <script type="text/javascript"
  69. src="/nwyj/scripts/qui/libs/js/nav/spliter.js"></script>
  70. <!--分隔条end-->
  71. <!-- 扩展工具js -->
  72. <script type="text/javascript"
  73. src="/nwyj/scripts/jquery/plugins/jquery.extension.util.js"></script>
  74. <script type="text/javascript"
  75. src="/nwyj/scripts/freamwork/com/sinosoft/common/utils/Request.js"></script>
  76. <script type="text/javascript"
  77. src="/nwyj/scripts/freamwork/com/sinosoft/common/common.js"></script>
  78. <script type="text/javascript"
  79. src="/nwyj/scripts/freamwork/com/sinosoft/common/DateUtil.js"></script>
  80. <script type="text/javascript"
  81. src="/nwyj/scripts/commom/common/common.js"></script>
  82. <!--浮动面板start-->
  83. <script type="text/javascript"
  84. src="/nwyj/scripts/qui/libs/js/popup/floatPanel.js"></script>
  85. <!--浮动面板end-->
  86. <script type="text/javascript"
  87. src="/nwyj/scripts/qui/libs/js/nav/basicTab.js"></script>
  88. <script type="text/javascript"
  89. src="/nwyj/scripts/setiframeheight.js"></script>
  90. <script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/system/sms/usedTo.js"></script>
  91. <script type="text/javascript" src="/nwyj/page/business/am/org/maintenance/orgSel_addComm.js"></script>
  92. <style type="text/css">
  93. .divBtn_class{
  94. width:50px;
  95. height:16px;
  96. border:1px solid gray;
  97. /* background-color:gray; */
  98. background-image:url('/nwyj/scripts/qui/sample/tree/layers.gif');
  99. background-positon:right;
  100. background-repeat:no-repeat;
  101. test-align:left;
  102. }
  103. .inner_linkclass{g
  104. min-height:490px;
  105. backgroud-color:#F2F7F9;
  106. max-height:490px;
  107. overflow:auto;
  108. }
  109. #queryContent1 {
  110. position: absolute;
  111. min-height: 0px;
  112. max-height: 273px;
  113. max-width: 55%;
  114. background-color: #B2E0FF;
  115. z-index: 12;
  116. text-overflow: -o-ellipsis-lastline;
  117. overflow: hidden;
  118. text-overflow: ellipsis;
  119. display: -webkit-box;
  120. -webkit-line-clamp: 2;
  121. -webkit-box-orient: vertical;
  122. }
  123. #queryContent1 ul li:hover {
  124. cursor: pointer;
  125. }
  126. #main_content{
  127. display: inline-block;
  128. width: 100%;
  129. height: 100%;
  130. }
  131. ._display{
  132. display: inline-block;
  133. }
  134. ._first{
  135. width: 45%;
  136. height: 100%;
  137. }
  138. ._second{
  139. width: 10%;
  140. height: 100%;
  141. }
  142. ._third{
  143. width: 45%;
  144. height: 100%;
  145. }
  146. </style>
  147. <!-- <script type="text/javascript">
  148. var setting1, setting2,setting3;
  149. //判定是选择外部还是内部单位
  150. var orgSel;
  151. //记录选中的组织id
  152. var selectedOrgId=[];
  153. //记录要添加的常用组id
  154. var groupId="";
  155. var targetOrg;
  156. var addTreeNodes=[
  157. ];
  158. function initTree1() {
  159. $.fn.zTree.init($("#myTree1"), setting1);
  160. }
  161. function initTree2() {
  162. $.fn.zTree.init($("#myTree2"), setting2);
  163. }
  164. function initTree3(){
  165. $.fn.zTree.init($("#myTree3"),setting3,addTreeNodes);
  166. }
  167. var inOrgId,outOrgId;
  168. $(function() {
  169. var iframeUrl = window.location.href;
  170. if (iframeUrl.indexOf('?') > -1) {
  171. orgSel = (iframeUrl).split('?')[1];
  172. groupId=(iframeUrl).split('?')[2];
  173. inOrgId=(iframeUrl).split('?')[3];
  174. outOrgId=(iframeUrl).split('?')[4];
  175. }
  176. $("#hiddenSelGroup").val(groupId);
  177. setting1 = {
  178. view : {
  179. addHoverDom: addHoverDom,
  180. removeHoverDom: removeHoverDom,
  181. selectedMulti: false
  182. },
  183. async : {
  184. enable : true,
  185. dataType : 'JSON',
  186. dataName : 'treeNodes',
  187. aysnc : false,
  188. url :getAsyncUrl,
  189. autoParam : [ "id", "name", "orgLevel" ],
  190. otherParam : [ "deptId", inOrgId ]
  191. },
  192. check:{
  193. enable: true,
  194. chkboxType:{ "Y": "", "N": "" }
  195. }
  196. };
  197. setting2 = {
  198. view : {
  199. selectedMulti : false
  200. },
  201. async : {
  202. enable : true,
  203. dataType : 'JSON',
  204. dataName : 'treeNodes',
  205. url : getAsyncUrl,
  206. autoParam : [ "id", "name" ],
  207. otherParam : [ "deptId", outOrgId ]
  208. },
  209. check:{
  210. enable: true,
  211. chkboxType:{ "Y": "", "N": "" }
  212. }
  213. };
  214. setting3={
  215. /* edit: {
  216. enable: true,
  217. removeTitle:"删除"
  218. },
  219. callback: {
  220. //删除前确认
  221. beforeRemove: beforeRemove1
  222. }*/
  223. };
  224. initTree3();
  225. //判定是外部机构还是内部机构然后进行页面加载
  226. if(orgSel=="INNER"){
  227. initTree1();
  228. $("#org_outer2").hide();
  229. $("#queryInput2").hide();
  230. $("#showTitle").html("中国南方电网");
  231. }
  232. if(orgSel=="OUTER"){
  233. initTree2();
  234. $("#org_inner1").hide();
  235. $("#queryInput1").hide();
  236. $("#showTitle").html("外部单位");
  237. }
  238. //绑定查询框事件
  239. $("#queryInput1").on("keyup", function(event) {
  240. getValue = $("#queryInput1").val().trim();
  241. if(getValue!=""){
  242. inputTips(getValue,orgSel);
  243. }
  244. });
  245. $("#queryInput2").on("keyup", function(event) {
  246. getValue = $("#queryInput2").val().trim();
  247. if(getValue!=""){
  248. inputTips(getValue,orgSel);
  249. }
  250. });
  251. //绑定添加到常用组事件
  252. $("#chooseOne").bind(
  253. "click",
  254. function() {
  255. getCheckedIds();
  256. });
  257. //绑定添加子节点
  258. $("#chooseChildren").bind(
  259. "click",
  260. function() {
  261. getSelectedChildIds();
  262. })
  263. //绑定清除事件
  264. $("#clearChosen").bind("click",function(){
  265. backToEver();
  266. });
  267. //绑定确定事件
  268. $("#confirmChosen").bind("click", function() {
  269. var zTree = $.fn.zTree.getZTreeObj("myTree3");
  270. var n = zTree.getNodes();
  271. $.post($.pathname()+ "/ws/OrganizationsService/OrganizationsService/addCommonOrgInfoById",
  272. {
  273. 'id' : selectedOrgId.join(""),
  274. 'group_id' : groupId
  275. },
  276. function(data) {
  277. if (data > 0) {
  278. }
  279. }, "json");
  280. });
  281. //绑定点击查询显示框的其他位置隐藏div方法
  282. $("body:eq(0)").bind("click" ,function (event){
  283. var e = event || window.event;
  284. var elem = e.srcElement || e.target;
  285. while(elem)
  286. {
  287. if(elem.id == "queryContent1")
  288. {
  289. return;
  290. }
  291. elem = elem.parentNode;
  292. }
  293. //隐藏div的方法
  294. $("#queryContent1").hide();
  295. });
  296. });
  297. function confirmChosen(){
  298. /* var zTree = $.fn.zTree.getZTreeObj("myTree3");
  299. var n = zTree.getNodes(); */
  300. $.post($.pathname()+ "/ws/OrganizationsService/OrganizationsService/addCommonOrgInfoById",
  301. {
  302. 'id' : selectedOrgId.join(""),
  303. 'group_id' : groupId
  304. },
  305. function(data) {
  306. if (data > 0) {
  307. alert("添加成功");
  308. }
  309. }, "json");
  310. /* $.ajax({
  311. url:$.pathname()+ "/ws/OrganizationsService/OrganizationsService/addCommonOrgInfoById",
  312. data:{
  313. 'id' : selectedOrgId.toString(),
  314. 'group_id' : groupId
  315. },
  316. dataType:"json",
  317. type:"post",
  318. success:function(data){
  319. alert(data);
  320. },
  321. error:function(){
  322. alert("1");
  323. }
  324. }); */
  325. /* $.post($.pathname()+ "/ws/OrganizationsService/OrganizationsService/addCommonOrgInfoById",
  326. {
  327. 'id' : selectedOrgId.toString(),
  328. 'group_id' : groupId
  329. },
  330. function(data) {
  331. if (data > 0) {
  332. alert("添加成功");
  333. }
  334. }, "json"); */
  335. };
  336. function doSome(data, mid) {
  337. var parentIds = data.parentIds;
  338. var childOrg = data.childOrg;
  339. var isOuter = $("#queryInput1").is(":hidden");
  340. //var orgType= isOuter ? "OUTER":"INNER";
  341. var zTree = isOuter ? $.fn.zTree.getZTreeObj("myTree2") : $.fn.zTree
  342. .getZTreeObj("myTree1");
  343. if (canFind(mid)) {
  344. zTree.selectNode(zTree.getNodesByParam("id", mid, null)[0]);
  345. return;
  346. }
  347. isAdd = true;
  348. for (var i = 0; i < parentIds.length; i++) {
  349. var treeNodes = zTree.getNodesByParam("id", parentIds[i], null)[0];
  350. var p = i - 1;
  351. if (treeNodes == null) {
  352. //找不到那么久找他的父节点 然后加载
  353. var pnode = zTree.getNodesByParam("id", parentIds[p], null)[0];
  354. targetOrg = mid;
  355. zTree.reAsyncChildNodes(pnode, "refresh", true);
  356. break;
  357. }
  358. }
  359. isAdd = false;
  360. setTimeout(function() {
  361. zTree.selectNode(zTree.getNodesByParam("id", mid, null)[0]);
  362. }, 200);
  363. }
  364. function canFind(mid) {
  365. var treeObj = orgSel=="INNER" ? $.fn.zTree.getZTreeObj("myTree1"):$.fn.zTree.getZTreeObj("myTree2");
  366. var treeNodes = treeObj.getNodesByParam("id", mid, null)[0];
  367. return treeNodes != null;
  368. }
  369. var getValue;
  370. var moreresult;
  371. function inputTips(getValue,orgType) {
  372. var params = {
  373. 'name' : getValue,
  374. 'type' : orgType,
  375. 'role' : inOrgId
  376. };
  377. //清空ul
  378. $("#queryContent1").find("ul").empty();
  379. //查询字段
  380. $
  381. .ajax({
  382. url : $.pathname()
  383. + '/ws/OrganizationsService/OrganizationsService/queryOrgByName',
  384. data : params,
  385. dataType : 'json',
  386. type : 'post',
  387. success : function(result) {
  388. moreresult = result;
  389. if (result.length > 0) {
  390. $("#queryContent1").show();
  391. }
  392. ;
  393. for (var i = 0; i < result.length; i++) {
  394. item = result[i];
  395. if (i < 3) {
  396. //遍历加载字段
  397. $("#queryContent1")
  398. .find("ul")
  399. .append(
  400. "<li><div class='tips'>"
  401. + item.name
  402. + "</div><div style='text-align:right;' title='"+item.path+"'>"
  403. + item.spath
  404. + "<hr class='hr3'/></div></li>");
  405. $("#queryContent1").find("ul").find("li")
  406. .last().data("id", item.id)
  407. .on("click", function() {
  408. findById($(this).data("id"));
  409. });
  410. }
  411. if (i == 3) {
  412. if ($("#queryContent1").find("#gengduo").size() == 0) {
  413. $("#queryContent1")
  414. .find("ul")
  415. /* .find("li")
  416. .last() */
  417. .append(
  418. "<div id='gengduo'>查看更多</div>");
  419. }
  420. //设置控件节点高度
  421. $("#gengduo").css({
  422. "font-size" : "12px",
  423. "line-height" : "1.4em",
  424. "text-align" : "center"
  425. });
  426. //绑定点击事件,
  427. $("#gengduo").on("click", function() {
  428. $("#gengduo").hide();
  429. moreOptions(moreresult);
  430. });
  431. }
  432. }
  433. }
  434. });
  435. }
  436. var isAdd = false;
  437. function getAsyncUrl(treeId, treeNode) {
  438. return isAdd ? $.pathname()
  439. + "/ws/OrganizationsService/OrganizationsService/addOrgInfoById?targetOrg="
  440. + targetOrg
  441. : $.pathname()
  442. + "/ws/OrganizationsService/OrganizationsService/getOrgInfoById";
  443. };
  444. function moreOptions(moreresult) {
  445. for (var i = 3; i < moreresult.length; i++) {
  446. item = moreresult[i];
  447. $("#queryContent1").find("ul").append(
  448. "<li><div>" + item.name
  449. + "</div><div style='text-align:right;' title='"+item.path+"'>"
  450. + item.spath
  451. + "<hr class='hr3'/></div></li>");
  452. $("#queryContent1").find("ul").find("li").last()
  453. .data("id", item.id).on("click", function() {
  454. findById($(this).data("id"));
  455. });
  456. //$("#queryContent1").find("ul").find("li:gt").addClass("tips");
  457. }
  458. }
  459. function findById(id) {
  460. $
  461. .ajax({
  462. url : $.pathname()
  463. + '/ws/OrganizationsService/OrganizationsService/queryOrgInfo',
  464. data : {
  465. 'id' : id
  466. },
  467. type : 'post',
  468. dataType : 'json',
  469. success : function(data) {
  470. doSome(data, id);
  471. }
  472. })
  473. $("#queryContent1").hide();
  474. }
  475. //获取勾选的组织id
  476. function getCheckedIds(){
  477. var treeObj = orgSel =="INNER" ? $.fn.zTree.getZTreeObj("myTree1") : $.fn.zTree.getZTreeObj("myTree2");
  478. var nodes = treeObj.getCheckedNodes(true);
  479. var zTree = $.fn.zTree.getZTreeObj("myTree3");
  480. for(var i in nodes){
  481. //如果不包含那么添加进去
  482. if(selectedOrgId.indexOf(nodes[i].id)==-1){
  483. selectedOrgId.push(nodes[i].id);
  484. zTree.addNodes(null,gernerateSimpleNode(nodes[i]));
  485. //treeObj.removeNode(nodes[i]);
  486. }
  487. treeObj.checkNode(nodes[i],false);
  488. }
  489. //selectedOrgId.unique3();
  490. //treeObj.checkAllNodes(false);
  491. $("#hiddenSelIds").val(selectedOrgId);
  492. getSelectedNum(selectedOrgId);
  493. }
  494. //将选中的组织的子节点添加进去
  495. function getSelectedChildIds(){
  496. var treeObj = orgSel =="INNER" ? $.fn.zTree.getZTreeObj("myTree1"):$.fn.zTree.getZTreeObj("myTree2");
  497. var selNode = treeObj.getSelectedNodes()[0];
  498. var childNodes = treeObj.getNodesByParam("parentId",selNode.id,null);
  499. var zTree = $.fn.zTree.getZTreeObj("myTree3");
  500. for(var i in childNodes){
  501. if(selectedOrgId.indexOf(childNodes[i].id)==-1){
  502. selectedOrgId.push(childNodes[i].id);
  503. zTree.addNodes(null,gernerateSimpleNode(childNodes[i]));
  504. //treeObj.removeNode(childNodes[i]);
  505. }
  506. }
  507. $("#hiddenSelIds").val(selectedOrgId);
  508. getSelectedNum(selectedOrgId);
  509. }
  510. //清除所有选择的组织
  511. function backToEver(){
  512. initTree3();
  513. selectedOrgId=[];
  514. $("#hiddenSelIds").val("");
  515. getSelectedNum(selectedOrgId);
  516. }
  517. //手动生成简易的节点
  518. function gernerateSimpleNode(treeNode){
  519. var sNode ={id:"",name:"",parentId:"1",icon:'/nwyj/scripts/qui/libs/icons/user_group.gif'}
  520. sNode.id=treeNode.id;
  521. sNode.name=treeNode.name;
  522. return sNode;
  523. }
  524. //更新已选择的数目
  525. function getSelectedNum(selectedOrgId){
  526. $("#selectedNum").html("已选择的组织 ("+selectedOrgId.length+")")
  527. }
  528. //确认是否删除+删除处理
  529. function beforeRemove1(treeId, treeNode) {
  530. var zTree = $.fn.zTree.getZTreeObj("myTree3");
  531. //选中该节点
  532. zTree.selectNode(treeNode);
  533. zTree.removeNode(treeNode);
  534. var index;
  535. for(var i in selectedOrgId){
  536. if(treeNode.id==selectedOrgId){
  537. var index =i;
  538. break;
  539. }
  540. }
  541. selectedOrgId.splice( 0, index);
  542. getSelectedNum(selectedOrgId);
  543. return false;
  544. }
  545. function addHoverDom(treeId, treeNode) {
  546. if (treeNode.editNameFlag || $("#addBtn_" + treeNode.id).length > 0) return;
  547. var sObj = $("#" + treeNode.tId + "_span");
  548. var addStr = "<span class='zbutton add' id='addBtn_" + treeNode.id
  549. + "' title='选择到常用联系组' onfocus='this.blur();'></span>";
  550. sObj.append(addStr);
  551. var btn = $("#addBtn_" + treeNode.id);
  552. if (btn){
  553. btn.bind("click", function(){
  554. getCheckedIds();
  555. });
  556. }
  557. };
  558. function removeHoverDom(treeId, treeNode) {
  559. $("#addBtn_" + treeNode.id).unbind().remove();
  560. };
  561. </script> -->
  562. </head>
  563. <body style="height:500px;width:810px">
  564. <!-- <div id="main_content">
  565. <div class="_first _display">
  566. <fieldset style="background-color:#EDEDED;">
  567. <div><span>组织结构:</span><span id="showTitle"></span></div>
  568. <input type="text" id="queryInput1"
  569. maxlength="15" placeholder="请输入名称、全拼、简拼查询"
  570. style="width:99%;margin:4px 0px 0px 0px;display:'';"> <input
  571. type="text" id="queryInput2" maxlength="15"
  572. placeholder="请输入名称、全拼、简拼查询"
  573. style="width:99%;margin:4px 0px 0px 0px;display:none;">
  574. <div id="queryContent1" style="width:360px;overflow-y:auto;display:none;">
  575. <ul></ul>
  576. </div>
  577. </fieldset>
  578. <div style="overflow:auto;background-color:#F2F7F9;height:100%;">
  579. <div id='org_inner1'>
  580. <ul id="myTree1" class="ztree"></ul>
  581. </div>
  582. <div id='org_outer2'>
  583. <ul id="myTree2" class="ztree"></ul>
  584. </div>
  585. </div>
  586. </div>
  587. <div class="_second _display">
  588. <input type="button" id="chooseOne" value="选择" title="选择"></input></br>
  589. <input type="button" id="chooseChildren" value="添加子节点" title="添加子节点"></input></br>
  590. <input type="button" id="clearChosen" value="清除" title="清除"></input></br>
  591. </div>
  592. <div class="_third _display">
  593. <fieldset style="overflow:auto;height:450;">
  594. <div class="inner_linkclass" >
  595. <div id="selectedNum">已选择的组织:</div>
  596. <ul id="myTree3" class="ztree"></ul>
  597. </div>
  598. </div>
  599. </div> -->
  600. <input type="hidden" id="hiddenSelIds" value=""/>
  601. <input type="hidden" id="hiddenSelGroup" value=""/>
  602. <table width="100%">
  603. <tr>
  604. <td width="45%" height="500px" valign="top">
  605. <fieldset style="background-color:#EDEDED;">
  606. <table width="100%">
  607. <tr>
  608. <td><span>组织结构:</span><span id ="showTitle"></span></td>
  609. </tr>
  610. <tr>
  611. <td ><div style="width:75%;"><input type="text" id="queryInput1"
  612. maxlength="15" placeholder="请输入名称、全拼、简拼查询"
  613. style="margin:4px 0px 0px 0px;display:'';"> <input
  614. type="text" id="queryInput2" maxlength="15"
  615. placeholder="请输入名称、全拼、简拼查询"
  616. style="margin:4px 0px 0px 0px;display:none;">
  617. <div id="queryContent1"
  618. style="overflow-y:auto;display:none;">
  619. <ul></ul>
  620. </div></div></td>
  621. </tr>
  622. </table>
  623. </fieldset>
  624. <div style="overflow:auto;background-color:#F2F7F9;height:80%;">
  625. <div id='org_inner1'>
  626. <ul id="myTree1" class="ztree"></ul>
  627. </div>
  628. <div id='org_outer2'>
  629. <ul id="myTree2" class="ztree"></ul>
  630. </div>
  631. </div>
  632. </td>
  633. <td width="10%" style="height:500px ;" >
  634. <input type="button" id="chooseOne" title="选择" value="选择"></input></br>
  635. <input type="button" id="chooseChildren" value="添加子节点" title="添加子节点"></input></br>
  636. <input type="button" id="clearChosen" value="清除" title="清除"></input></br>
  637. <!-- <input type="button" id="confirmChosen" value="确定" title="确定"></input></br> -->
  638. </td>
  639. <td width="45%" height="500px" valign="top"style="overflow:auto;">
  640. <fieldset style="overflow:auto;height:450;">
  641. <div class="inner_linkclass" >
  642. <img src="/nwyj/scripts/qui/sample/tree/layers.gif"/><span id="selectedNum"></span>
  643. <ul id="myTree3" class="ztree"></ul>
  644. </div>
  645. </fieldset>
  646. </td>
  647. </tr>
  648. </table>
  649. </body>
  650. </html>