tosendappeal.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css">
  10. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/default.css">
  11. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/fileinput.css">
  12. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-spinner/bootstrap-spinner.css">
  13. <link rel="stylesheet" href="${ctx}/assets/lib/font-awesome-4.7.0/css/font-awesome.css">
  14. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" >
  15. <script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script>
  16. <script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
  17. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  18. <script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>
  19. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script>
  20. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script>
  21. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
  22. <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  23. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-spinner/jquery.spinner.js"></script>
  24. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  25. <script src="${ctx}/assets/js/validate.js" ></script>
  26. <script type="text/javascript">
  27. function doSubmit(){
  28. if(doValidate(form1))
  29. {
  30. $('#form1').attr('action','${ctx}/myconsole/complaint/rule/saveToSend');
  31. $('#form1').ajaxSubmit(resultHandle);
  32. $("#SubmitButton").attr("disabled",'disabled');
  33. }
  34. }
  35. function resultHandle(data){
  36. var res=eval('(' + data + ')');
  37. if(res.flag){
  38. layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1},
  39. function(){
  40. layer.closeAll('dialog');
  41. window.close();
  42. });
  43. }else{
  44. if(res.flag == false)
  45. {
  46. layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
  47. }
  48. }
  49. }
  50. function resultHandleClose(data)
  51. {
  52. window.parent.close();
  53. }
  54. function setCollapseIcon(collapseIcon)
  55. {
  56. var curCollapseIconClass=$("#"+collapseIcon).attr("class");
  57. if(curCollapseIconClass=="glyphicon glyphicon-menu-up")
  58. {
  59. $("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-down");
  60. }
  61. else
  62. {
  63. $("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-up");
  64. }
  65. }
  66. //查看 2017-07-19
  67. function seeData(appealid){
  68. fullOpen("${ctx}/myconsole/complaint/register/seeData?appealid="+appealid);
  69. }
  70. function setRule(data)
  71. {
  72. var ruleJson = JSON.parse(data);
  73. var flag=ruleJson.flag;
  74. if(flag)
  75. {
  76. var jobName=$('#ToJobName').val();
  77. $('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_Name);
  78. $('#ToOrgID').val(ruleJson.Job_OrgID);
  79. $('#ToOrgName').val(ruleJson.Job_OrgName);
  80. $('#ToJobID').val(ruleJson.Job_ID);
  81. $('#ToJobName').val(ruleJson.Job_Name);
  82. if(ruleJson.Job_OrgParentOrgType=="中支公司")
  83. {
  84. $('#ToCentreOrgID').val(ruleJson.Job_OrgParentID);
  85. $('#ToCentreOrgName').val(ruleJson.Job_OrgParentName);
  86. }
  87. if(ruleJson.Job_OrgParentOrgType=="分公司")
  88. {
  89. $('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
  90. $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
  91. }
  92. }
  93. $("#ToOrgInfo").show();
  94. $("#ButtonToOrgInfo").attr("disabled",'disabled');
  95. $("#ToOrgAndJob").attr("vmode","not null");
  96. }
  97. function setKnottyRule(data)
  98. {
  99. var ruleJson = JSON.parse(data);
  100. var flag=ruleJson.flag;
  101. if(flag)
  102. {
  103. var jobName=$('#ToJobName').val();
  104. $('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_Name);
  105. $('#ToOrgID').val(ruleJson.Job_OrgID);
  106. $('#ToOrgName').val(ruleJson.Job_OrgName);
  107. $('#ToJobID').val(ruleJson.Job_ID);
  108. $('#ToJobName').val(ruleJson.Job_Name);
  109. $('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
  110. $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
  111. }
  112. $("#ToOrgInfo").show();
  113. $("#ButtonToOrgInfo").attr("disabled",'disabled');
  114. $("#ToOrgAndJob").attr("vmode","not null");
  115. }
  116. function setReturnedRule(data)
  117. {
  118. var ruleJson = JSON.parse(data);
  119. var flag=ruleJson.flag;
  120. if(flag)
  121. {
  122. var jobName=$('#ToJobName').val();
  123. $('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_UserName);
  124. $('#ToOrgID').val(ruleJson.Job_OrgID);
  125. $('#ToOrgName').val(ruleJson.Job_OrgName);
  126. $('#ToJobID').val('');
  127. $('#ToJobName').val('');
  128. $('#ToUserID').val(ruleJson.Job_UserID);
  129. $('#ToUserName').val(ruleJson.Job_UserName);
  130. $('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
  131. $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
  132. }
  133. $("#ToOrgInfo").show();
  134. $("#ButtonToOrgInfo").attr("disabled",'disabled');
  135. $("#ToOrgAndJob").attr("vmode","not null");
  136. }
  137. function setOrgAndJob(jobid,jobname,orgid)
  138. {
  139. $('#ToJobID').val(jobid);
  140. $('#ToJobName').val(jobname);
  141. $('#orgModal').modal('hide');
  142. $('#form1').attr('action','${ctx}/myconsole/complaint/register/getOrgAndJob?Job_OrgID='+orgid+'&Job_ID='+jobid+'&Job_Name='+jobname);
  143. $('#form1').ajaxSubmit(setOrgAndJobData);
  144. }
  145. function setOrgAndJobData(data)
  146. {
  147. var ruleJson = JSON.parse(data);
  148. var flag=ruleJson.flag;
  149. if(flag)
  150. {
  151. var jobName=$('#ToJobName').val();
  152. $('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+jobName);
  153. $('#ToOrgID').val(ruleJson.Job_OrgID);
  154. $('#ToOrgName').val(ruleJson.Job_OrgName);
  155. $('#ToJobID').val(ruleJson.Job_ID);
  156. $('#ToJobName').val(jobName);
  157. if(ruleJson.Job_OrgParentOrgType=="中支公司")
  158. {
  159. $('#ToCentreOrgID').val(ruleJson.Job_OrgParentID);
  160. $('#ToCentreOrgName').val(ruleJson.Job_OrgParentName);
  161. }
  162. if(ruleJson.Job_OrgParentOrgType=="分公司")
  163. {
  164. $('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
  165. $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
  166. }
  167. }
  168. }
  169. function setOrg()
  170. {
  171. var zTreeObj;
  172. var zNodes;
  173. function zTreeChecked(event, treeId, treeNode) {
  174. setOrgAndJob(treeNode.id,treeNode.name,treeNode.pId);
  175. };
  176. //异步获取数据
  177. function ajaxDataFilter(treeId, parentNode, data) {
  178. if(data == "") return;
  179. var zNodes = [];
  180. var orgN = data.Org;
  181. orgN.forEach(function(item,index){
  182. zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
  183. })
  184. var jobN = data.Job;
  185. jobN.forEach(function(item,index){
  186. zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
  187. })
  188. return zNodes;
  189. }
  190. var setting = { //初始化树
  191. check: {
  192. enable: true,
  193. chkboxType: { "Y" : "", "N" : "" },
  194. autoCheckTrigger: true
  195. },
  196. data: {
  197. simpleData: {
  198. idKey:"id",
  199. pIdKey:"pId",
  200. enable:true,
  201. rootPId:"0"
  202. }
  203. },
  204. callback: {
  205. onCheck: zTreeChecked
  206. },
  207. async:{
  208. enable:true,
  209. url:"${ctx}/myconsole/complaint/register/getOrgAndJobTree",
  210. autoParam:["id", "name"] ,
  211. dataFilter: ajaxDataFilter
  212. }
  213. };
  214. //初始化获取数据
  215. $.ajax({
  216. url : "${ctx}/myconsole/complaint/register/getOrgAndJobTree?name=init",
  217. type : "post",
  218. dataType : "json",
  219. success : function(data) {
  220. if(data == "") return;
  221. var zNodes = [];
  222. var orgN = data.Org;
  223. if(orgN!=null)
  224. {
  225. orgN.forEach(function(item,index){
  226. zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
  227. })
  228. }
  229. var jobN = data.Job;
  230. if(jobN!=null)
  231. {
  232. jobN.forEach(function(item,index){
  233. zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
  234. })
  235. }
  236. zTreeObj = $.fn.zTree.init($("#UserTree"), setting, zNodes);//初始化树节点时,添加同步获取的数据
  237. }
  238. });
  239. $('#orgModal').modal({
  240.  backdrop: 'static',
  241.  keyboard: false
  242. })
  243. }
  244. function setSignOrgAndJob(jobidArr)
  245. {
  246. $('#ToJobID').val(jobidArr);
  247. }
  248. function getSignOrgAndJob()
  249. {
  250. var jobid=$('#ToJobID').val();
  251. $('#signOrgModal').modal('hide');
  252. $('#form1').attr('action','${ctx}/myconsole/complaint/register/getSignOrgAndJob?SignAllJob_ID='+jobid);
  253. $('#form1').ajaxSubmit(setSignOrgAndJobData);
  254. }
  255. function setSignOrgAndJobData(data)
  256. {
  257. var strAlreadySignInfo=$("#AlreadySignInfo").val();
  258. var strShowInfo="";
  259. var orgAndJobJson = JSON.parse(data);
  260. var flag=orgAndJobJson.flag;
  261. if(flag)
  262. {
  263. if(strAlreadySignInfo!="")
  264. {
  265. var strSelectedOrgAndJob =orgAndJobJson.Job_ToOrgAndJob;
  266. var arrJob=strSelectedOrgAndJob.split(",");
  267. for(var i=0;i<arrJob.length;i++)
  268. {
  269. var strCurJob=arrJob[i];
  270. if(strAlreadySignInfo.indexOf(strCurJob)!=-1)
  271. {
  272. strShowInfo=strShowInfo+strCurJob +" ";
  273. }
  274. }
  275. if(strShowInfo!="")
  276. {
  277. layer.alert("该客诉件如下人员:"+strShowInfo+"您已经发起过会签,请勿重复发起会签!", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
  278. return;
  279. }
  280. }
  281. $('#ToOrgAndJob').val(orgAndJobJson.Job_ToOrgAndJob);
  282. $('#ToOrgID').val(orgAndJobJson.Job_OrgID);
  283. $('#ToOrgName').val(orgAndJobJson.Job_OrgName);
  284. $('#ToJobID').val(orgAndJobJson.Job_ID);
  285. $('#ToJobName').val(orgAndJobJson.Job_Name);
  286. }
  287. }
  288. //选择会签人员
  289. function setSignOrg()
  290. {
  291. var zTreeObj;
  292. var zNodes;
  293. function zTreeChecked(event, treeId, treeNode) {
  294. var checkUser = [];
  295. var userArr = zTreeObj.getCheckedNodes(); //获取选中数组集合
  296. if(userArr.length>0)
  297. {
  298. userArr.forEach(function(item,index){
  299. if(item.istype)
  300. {
  301. checkUser.push(item.id);
  302. }
  303. })
  304. }
  305. setSignOrgAndJob(checkUser);
  306. };
  307. //异步获取数据
  308. function ajaxDataFilter(treeId, parentNode, data) {
  309. if(data == "") return;
  310. var zNodes = [];
  311. var orgN = data.Org;
  312. orgN.forEach(function(item,index){
  313. zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
  314. })
  315. var jobN = data.Job;
  316. jobN.forEach(function(item,index){
  317. zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
  318. })
  319. return zNodes;
  320. }
  321. var setting = { //初始化树
  322. check: {
  323. enable: true,
  324. chkboxType: { "Y" : "", "N" : "" },
  325. autoCheckTrigger: true
  326. },
  327. data: {
  328. simpleData: {
  329. idKey:"id",
  330. pIdKey:"pId",
  331. enable:true,
  332. rootPId:"0"
  333. }
  334. },
  335. callback: {
  336. onCheck: zTreeChecked
  337. },
  338. async:{
  339. enable:true,
  340. url:"${ctx}/myconsole/complaint/register/getOrgAndJobTree2",
  341. autoParam:["id", "name"] ,
  342. dataFilter: ajaxDataFilter
  343. }
  344. };
  345. //初始化获取数据
  346. $.ajax({
  347. url : "${ctx}/myconsole/complaint/register/getOrgAndJobTree?name=init",
  348. type : "post",
  349. dataType : "json",
  350. success : function(data) {
  351. if(data == "") return;
  352. var zNodes = [];
  353. var orgN = data.Org;
  354. if(orgN!=null)
  355. {
  356. orgN.forEach(function(item,index){
  357. zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
  358. })
  359. }
  360. var jobN = data.Job;
  361. if(jobN!=null)
  362. {
  363. jobN.forEach(function(item,index){
  364. zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
  365. })
  366. }
  367. zTreeObj = $.fn.zTree.init($("#SignUserTree"), setting, zNodes);//初始化树节点时,添加同步获取的数据
  368. }
  369. });
  370. $('#signOrgModal').modal({
  371.  backdrop: 'static',
  372.  keyboard: false
  373. })
  374. }
  375. function setOrgJob()
  376. {
  377. var transactType=$("#TransactType").val();
  378. if(transactType=='会签')
  379. {
  380. setSignOrg();
  381. }
  382. else
  383. {
  384. setOrg();
  385. }
  386. }
  387. //转办选人
  388. function setZBOrgUser()
  389. {
  390. var strTransactType=$("#TransactType").val();
  391. var zTreeObj;
  392. var zNodes;
  393. function zTreeChecked(event, treeId, treeNode) {
  394. setZBOrgAndUser(treeNode.id,treeNode.name,treeNode.pId);
  395. };
  396. //异步获取数据
  397. function ajaxDataFilter(treeId, parentNode, data) {
  398. if(data == "") return;
  399. var zNodes = [];
  400. var orgN = data.Org;
  401. orgN.forEach(function(item,index){
  402. zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
  403. })
  404. var userN = data.User;
  405. if(userN!=null)
  406. {
  407. userN.forEach(function(item,index){
  408. zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false});
  409. })
  410. }
  411. return zNodes;
  412. }
  413. var setting = { //初始化树
  414. check: {
  415. enable: true,
  416. chkboxType: { "Y" : "", "N" : "" },
  417. autoCheckTrigger: true
  418. },
  419. data: {
  420. simpleData: {
  421. idKey:"id",
  422. pIdKey:"pId",
  423. enable:true,
  424. rootPId:"0"
  425. }
  426. },
  427. callback: {
  428. onCheck: zTreeChecked
  429. },
  430. async:{
  431. enable:true,
  432. url:"${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree?TransactType="+strTransactType,
  433. autoParam:["id", "name"] ,
  434. dataFilter: ajaxDataFilter
  435. }
  436. };
  437. //初始化获取数据
  438. $.ajax({
  439. url : "${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree?name=init",
  440. type : "post",
  441. dataType : "json",
  442. success : function(data) {
  443. if(data == "") return;
  444. var zNodes = [];
  445. var orgN = data.Org;
  446. if(orgN!=null)
  447. {
  448. orgN.forEach(function(item,index){
  449. zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
  450. })
  451. }
  452. var userN = data.User;
  453. if(userN!=null)
  454. {
  455. userN.forEach(function(item,index){
  456. zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false});
  457. })
  458. }
  459. zTreeObj = $.fn.zTree.init($("#UserTree"), setting, zNodes);//初始化树节点时,添加同步获取的数据
  460. }
  461. });
  462. $('#orgModal').modal({
  463.  backdrop: 'static',
  464.  keyboard: false
  465. })
  466. }
  467. function setZBOrgAndUser(userid,username,orgid)
  468. {
  469. $('#ToUserID').val(userid);
  470. $('#ToUserName').val(username);
  471. $('#orgModal').modal('hide');
  472. $.post('${ctx}/myconsole/complaint/preinflow/getOrgTwoStageData',{"OrgID":orgid},function(data){
  473. var res=eval('(' + data + ')');
  474. $('#ToOrgAndJob').val(res.OrgParentName+"-"+res.OrgName+"-"+username);
  475. $('#ToOrgID').val(res.OrgID);
  476. $('#ToOrgName').val(res.OrgName);
  477. $('#ToFilialeOrgID').val(res.OrgParentID);
  478. $('#ToFilialeOrgName').val(res.OrgParentName);
  479. });
  480. }
  481. </script>
  482. <title>客诉件办理</title>
  483. <meta name="keywords" content="">
  484. <meta name="description" content="">
  485. </head>
  486. <body >
  487. <form id="form1" method="post" class="form-horizontal" role="form">
  488. <div style="display: none">
  489. <input type="hidden" id="KeyID" name="transact.KeyID" value="${KeyID!''}"/>
  490. <input type="hidden" id="AppealID" name="transact.AppealID" value="${appealID!''}"/>
  491. <input type="hidden" id="ToFilialeOrgID" name="transact.ToFilialeOrgID" value=""/>
  492. <input type="hidden" id="ToFilialeOrgName" name="transact.ToFilialeOrgName" value=""/>
  493. <input type="hidden" id="ToCentreOrgID" name="transact.ToCentreOrgID" value=""/>
  494. <input type="hidden" id="ToCentreOrgName" name="transact.ToCentreOrgName" value=""/>
  495. <input type="hidden" id="ToOrgID" name="transact.ToOrgID" value=""/>
  496. <input type="hidden" id="ToOrgName" name="transact.ToOrgName" value=""/>
  497. <input type="hidden" id="ToJobID" name="transact.ToJobID" value=""/>
  498. <input type="hidden" id="ToJobName" name="transact.ToJobName" value=""/>
  499. <input type="hidden" id="ToUserID" name="transact.ToUserID" value=""/>
  500. <input type="hidden" id="ToUserName" name="transact.ToUserName" value=""/>
  501. </div>
  502. <div class="container-fluid" style="margin-top:15px;">
  503. <div class="panel panel-primary">
  504. <div class="panel-heading">
  505. <div style="display:inline;" >案件改派办理&nbsp;&nbsp;</div>
  506. <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseDoFlow"><span id="DoFlowCollapseIcon" onClick="setCollapseIcon('DoFlowCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  507. </div>
  508. <div id="collapseDoFlow" class="panel-collapse collapse in">
  509. <div class="panel-body" style="font-size:14px">
  510. <div class="row" style="padding:5px;">
  511. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
  512. <label class="control-label" for="TransactIdea" style="text-align:left;width:100%;padding-top:24px;" >改派意见</label>
  513. </div>
  514. <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
  515. <textarea class="form-control" rows="3" maxlength="1000" id="TransactIdea" name="transact.TransactIdea" vmode="not null" vdisp="改派意见" vtype="string"></textarea>
  516. </div>
  517. </div>
  518. <div class="row" style="padding:5px" >
  519. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
  520. <label class="control-label" >原承办人员</label>
  521. </div>
  522. <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
  523. <input type="text" class="form-control" value="${OldToOrgAndJob!''}" id="OldToOrgAndJob" readonly>
  524. </div>
  525. </div>
  526. <div class="row" style="padding:5px" >
  527. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
  528. <label class="control-label" for="ToOrgAndJob">新承办人员</label>
  529. </div>
  530. <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
  531. <div class="input-group">
  532. <input type="text" class="form-control" value="" placeholder="" id="ToOrgAndJob" name="transact.ToOrgAndJob" maxlength="200" vmode="not null" vdisp="承办人员" vtype="string" readonly>
  533. <div class="input-group-btn">
  534. <button type="button" class="btn btn-default" aria-label="Left Align" onclick="setZBOrgUser()" id="ButtonToOrgInfo" title="选择承办人">
  535. <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
  536. </button>
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543. </div>
  544. </form>
  545. <div class="row" style="padding:5px">
  546. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center>
  547. <button type="button" class="btn btn-warning" id="SubmitButton" onclick=doSubmit() ><span class="glyphicon glyphicon-save"></span>&nbsp;&nbsp;提&nbsp;&nbsp;&nbsp;&nbsp;交</button>
  548. </div>
  549. </div>
  550. </div>
  551. <!-- 选择单位弹出页面,模态框(Modal) -->
  552. <div class="modal fade" id="orgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  553. <div class="modal-dialog"  role="document" style="width:600px;height:500px;">  >  
  554. <div class="modal-content">
  555. <div class="modal-header">
  556. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
  557. &times;
  558. </button>
  559. </div>
  560. <div class="modal-body">
  561. <div class="row" style="padding:1px" >
  562. <ul id="UserTree" class="ztree"></ul>
  563. </div>
  564. </div>
  565. <div class="modal-footer">
  566. </div>
  567. </div><!-- /.modal-content -->
  568. </div><!-- /.modal -->
  569. </div> 
  570. <!-- 选择会签人员弹出页面,模态框(Modal) -->
  571. <div class="modal fade" id="signOrgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  572. <div class="modal-dialog"  role="document" style="width:600px;height:500px;">  >  
  573. <div class="modal-content">
  574. <div class="modal-header">
  575. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
  576. &times;
  577. </button>
  578. </div>
  579. <div class="modal-body">
  580. <div class="row" style="padding:1px" >
  581. <ul id="SignUserTree" class="ztree"></ul>
  582. </div>
  583. </div>
  584. <div class="modal-footer">
  585. <button type="button" class="btn btn-success" onClick="getSignOrgAndJob()"><span class="glyphicon glyphicon-user"> 确定</span></button>
  586. </div>
  587. </div><!-- /.modal-content -->
  588. </div><!-- /.modal -->
  589. </div> 
  590. </body>
  591. </html>