split-org.jsp 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>编辑待处理单位基本信息</title>
  6. <!--框架必需start-->
  7. <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
  9. <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet"
  10. type="text/css" />
  11. <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/" />
  12. <link rel="stylesheet" type="text/css" id="customSkin" />
  13. <!--框架必需end-->
  14. <!-- 表单验证start -->
  15. <link rel="stylesheet"
  16. href="${ctx}/qui/libs/js/form/validform/css/style.css" type="text/css"
  17. media="all" />
  18. <script src="${ctx}/qui/libs/js/form/validform/validform.js"
  19. type="text/javascript"></script>
  20. <!-- 表单验证end -->
  21. <!--数据表格start-->
  22. <script src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
  23. <!--数据表格end-->
  24. <!--箭头分页start-->
  25. <script type="text/javascript" src="${ctx}/qui/libs/js/nav/pageArrow.js"></script>
  26. <!--箭头分页end-->
  27. <!--表单异步提交start-->
  28. <script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
  29. <!--表单异步提交end-->
  30. <!-- 日期选择框start -->
  31. <script type="text/javascript"
  32. src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
  33. <!-- 日期选择框end -->
  34. <script type="text/javascript">
  35. var g_pageNo = 1;
  36. var g_pageSize = 10;
  37. var total_rows=0;
  38. //刷新记忆
  39. var checkedArray = [];
  40. // function show(){
  41. // alert("走到刷新页面");
  42. // }
  43. //数据表格使用
  44. var g;
  45. var gridData;
  46. function initComplete(){
  47. g = $("#maingrid").quiGrid({
  48. columns: [
  49. { display: '单位编号', name: 'showOrgNumber', align: 'center', width: "10%"},
  50. { display: '单位名称', name: 'showOrgName', align: 'center', width: "10%",
  51. render:function(rowdata, rowindex, value, column){
  52. return '<label ondblclick="setOrgName(this);">'+value+'</label>';
  53. }
  54. },
  55. { display: '水表编号', name: 'meterNumber', align: 'center', width: "10%",
  56. render:function(rowdata, rowindex, value, column){
  57. return createMeterNumberCol(rowdata, rowindex, value, column);
  58. }
  59. },
  60. { display: '单位地址', name: 'showOrgAddress', align: 'center', width: "15%",
  61. render:function(rowdata, rowindex, value, column){
  62. return '<label ondblclick="setAddress(this);">'+value+'</label>';
  63. }
  64. },
  65. { display: '邮寄地址', name: 'showPostalAddress', align: 'center', width: "15%",
  66. render:function(rowdata, rowindex, value, column){
  67. return '<label ondblclick="setPostalAddress(this);">'+value+'</label>';
  68. }
  69. },
  70. { display: '年度', name: 'year', align: 'center', width: "4%"},
  71. { display: '客户号', name: 'customerNumber', align: 'center', width: "10%",
  72. render:function(rowdata, rowindex, value, column){
  73. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  74. }
  75. }
  76. // { display: '用水地址', name: 'address', align: 'center', width: "25%"},
  77. ],
  78. data:[], sortName: 'orgId',rownumbers:true,checkbox:false,usePager: false,height: '100%', width:"100%",heightDiff:-40,pageSize:g_pageSize,
  79. onChangeSort : function(){
  80. getData(g.options.sortName,g.options.sortOrder,g_pageNo,g_pageSize);
  81. return false;
  82. }
  83. });
  84. //点击分页触发
  85. }
  86. $(function(){
  87. getData(g_pageNo,g_pageSize);
  88. })
  89. function setOrgName(obj){
  90. $('#orgName').attr("value",obj.innerHTML);
  91. }
  92. function setAddress(obj){
  93. $('#address').attr("value",obj.innerHTML);
  94. }
  95. function setPostalAddress(obj){
  96. $('#postalAddress').attr("value",obj.innerHTML);
  97. }
  98. function createMeterNumberCol(rowdata, rowindex, value, column){
  99. // alert(rowdata.meterNumber);
  100. return '<label ondblclick="setMeterNumber('+rowdata.meterNumber+','+rowdata.customerNumber+');" style="color:red;">'+value+'</label>';
  101. }
  102. function setMeterNumber(meterNumber,customerNumber){
  103. var text1 = $('#meters').val();
  104. var text2 = $('#customers').val();
  105. if(text1==""||text1==null){
  106. text1 = meterNumber;
  107. }else{
  108. text1 +=","+meterNumber;
  109. }
  110. $('#meters').attr("value",text1);
  111. if(text2==""||text2==null){
  112. text2 = customerNumber;
  113. }else{
  114. text2 +=","+customerNumber;
  115. }
  116. $('#customers').attr("value",text2);
  117. }
  118. /**初始时通过向后台传递排序id、排序顺序、初始页码、每页条数**/
  119. function getData(pageNo,pageSize){
  120. jQuery.post("${ctx}/customerMeter/meterListPage.do",
  121. getFormParams(pageNo,pageSize),
  122. function(result){
  123. gridData = result;
  124. //刷新表格
  125. g.loadData(gridData);
  126. total_rows=gridData["pager.totalRows"];
  127. //设置左边内容页
  128. var content ="共有" + gridData["pager.totalRows"] + "条记录";
  129. $("#letfContent").html("");
  130. $("#letfContent").html(content);
  131. //取得分页组件
  132. var pager=$("#pager");
  133. //设置总页页数
  134. pager.attr("total",gridData["pager.totalRows"]);
  135. pager.render();
  136. //绑定翻页事件
  137. pager.unbind("pageChange");
  138. pager.bind("pageChange",function(e,index){
  139. g_pageNo = index + 1;
  140. getData(g_pageNo,g_pageSize);
  141. });
  142. //绑定选择每页显示记录数事件
  143. pager.bind("sizeChange",function(e,num){
  144. g_pageSize = num;
  145. getData(g_pageNo,g_pageSize);
  146. });
  147. },"json");
  148. }
  149. //查询
  150. function searchHandler(){
  151. //重新加载数据,设置当前页面为1
  152. getData(1,g_pageSize);
  153. }
  154. /**获得查询表单的提交查询的值**/
  155. function getFormParams(pageNo,pageSize){
  156. $("#pageNo").val(pageNo);
  157. $("#pageSize").val(pageSize);
  158. return $("#searchForm").formToArray();
  159. }
  160. /**重置于查询表单,然后重新加载表格数据**/
  161. function resetSearch(){
  162. $("#searchForm")[0].reset();
  163. //重新加载数据,设置当前页面为1
  164. getData(1,g_pageSize);
  165. }
  166. //单条记录删除
  167. function onDelete(rowid){
  168. top.Dialog.confirm("确定要删除该记录吗?",function(){
  169. //删除记录
  170. jQuery.post("${ctx}/customerMeter/delete.do",
  171. {"ids":rowid},
  172. function(responseText){
  173. if(responseText.status=="y"){
  174. top.Dialog.alert(responseText.info);
  175. resetSearch();
  176. }else{
  177. top.Dialog.alert(responseText.info);
  178. }
  179. },
  180. "json");
  181. });
  182. }
  183. //新增拆分
  184. function addSplit(){
  185. $("#split").show();
  186. $("#addSplitBtn").hide();
  187. // $("#myFormId")[0].reset();
  188. $(":text").each(function(i){
  189. if($(this).attr('id')!='2_input' && $(this).attr('id')!='3_input' && $(this).attr('id')!='4_input' && $(this).attr('id')!='year' && $(this).attr('id')!='userInitValue' && $(this).attr('id')!='planInitValue'){
  190. $(this).attr('value','');
  191. }
  192. });
  193. $("#remark").attr("value","");
  194. $("#meters").attr("value","");
  195. }
  196. function hideSplit(){
  197. $("#split").hide();
  198. $("#addSplitBtn").show();
  199. }
  200. //生成随机单位编号
  201. function createOrgNumber(){
  202. var orgId=$('#orgId').val();
  203. var Num="";
  204. for(var i=0;i<7;i++){
  205. Num+=Math.floor(Math.random()*10);
  206. }
  207. $('#orgNumber').attr("value",Num);
  208. var newNum=$('#orgNumber').val();
  209. $.post("${ctx}/org/validateOrgNumber.do?oldOrgId="+orgId, { orgNumber: newNum},
  210. function(responseText){
  211. if(responseText.status=="y"){
  212. $("#remind").html("<font color='#71B83D'>编号可以使用</font>");
  213. }else{
  214. $("#remind").html("<font color='red'>编号已经存在</font>");
  215. }
  216. },"json");
  217. }
  218. function addResult(){
  219. var table = $("#result");
  220. var tr = $("<tr></tr>");
  221. tr.appendTo(table);
  222. var td=$(
  223. "<td style='text-align:center'>"+$("#orgNumber").val()+"</td>"+
  224. "<td style='text-align:center'>"+$("#orgName").val()+"</td>"+
  225. "<td style='text-align:center'>"+$("#year").val()+"</td>"+
  226. "<td style='text-align:center'>"+$("#address").val()+"</td>"+
  227. "<td style='text-align:center'>"+$("#postalAddress").val()+"</td>"+
  228. "<td style='text-align:center'>"+$("#baseUserType").attr("relText")+"</td>"+
  229. "<td style='text-align:center'>"+$("#orgTypeStr").attr("relText")+"</td>"+
  230. "<td style='text-align:center'>"+$("#isPlanUser").attr("relText")+"</td>"+
  231. "<td style='text-align:center'>"+$("#customers").val()+"</td>"+
  232. "<td style='text-align:center'>"+$("#meters").val()+"</td>"
  233. );
  234. td.appendTo(tr);
  235. hideSplit();
  236. }
  237. function changeOrgId(orgId){
  238. // alert("走到刷新页面");
  239. $("#paramOrgId").attr("value",orgId);
  240. $("#orgId").attr("value",orgId);
  241. searchHandler();
  242. top.frmright.resetSearch();
  243. }
  244. function clearMeter(){
  245. $('#meters').attr("value","");
  246. $('#customers').attr("value","");
  247. }
  248. function checkSubmit(){
  249. // alert($("#baseUserType").attr("value"));
  250. // alert($("#isPlanUser").attr("value"));
  251. if($("#orgNumber").val()==''){
  252. alert("请填写单位编号!");
  253. return false;
  254. }
  255. if($("#orgName").val()==''){
  256. alert("请填写单位名称!");
  257. return false;
  258. }
  259. if($("#address").val()==''){
  260. alert("请填写单位地址!");
  261. return false;
  262. }
  263. if($("#postalAddress").val()==''){
  264. alert("请填写邮寄地址!");
  265. return false;
  266. }
  267. if($("#meters").val()==''){
  268. alert("请选择至少一个水表!");
  269. return false;
  270. }
  271. if($("#baseUserType").attr("value")==''){
  272. alert("请选择用户类型!");
  273. return false;
  274. }
  275. if($("#isPlanUser").attr("value")==''){
  276. alert("请选择是否计划户!");
  277. return false;
  278. }
  279. if($("#userStartTime").val()=='' || $("#userEndTime").val()==''){
  280. alert("用户初始化参数为必填!");
  281. return false;
  282. }
  283. if($("#planStartTime").val()=='' || $("#planEndTime").val()==''){
  284. alert("用户初始化参数为必填!");
  285. return false;
  286. }
  287. }
  288. </script>
  289. </head>
  290. <body>
  291. <table width="100%">
  292. <tr>
  293. <td colspan="2">
  294. <fieldset>
  295. <legend>拆分结果:<font color="red">(注意,注意,注意:请做完年初始化后,再拆分单位)</font></legend>
  296. <table id="result" border="1" cellspacing="0" bordercolor="black"
  297. width="1200" text-align="center">
  298. <tr>
  299. <td style="text-align: center">单位编号</td>
  300. <td style="text-align: center">单位名称</td>
  301. <td style="text-align: center">年度</td>
  302. <td style="text-align: center">单位地址</td>
  303. <td style="text-align: center">邮寄地址</td>
  304. <td style="text-align: center">用户类型</td>
  305. <td style="text-align: center">单位类别</td>
  306. <td style="text-align: center">是否计划户</td>
  307. <td style="text-align: center">客户号</td>
  308. <td style="text-align: center; width: 200px;">户号</td>
  309. </tr>
  310. </table>
  311. </fieldset>
  312. </td>
  313. </tr>
  314. <tr>
  315. <td width="200" class="ver01">
  316. <div class="box4" panelWidth="700" panelTitle="单位拆分">
  317. <iframe width=0 height=0 frameborder=0 name="back" boder="0"></iframe>
  318. <fieldset>
  319. <legend>新增拆分:</legend>
  320. <form id="myFormId" action="${ctx}/org/splitOrgData.do"
  321. method="post" target="back" onsubmit="return checkSubmit();">
  322. <input type="hidden" id="paramOrgId" name="paramOrgId"
  323. value="${busOrg.orgId!''}" /> <input type="hidden"
  324. id="importStatus" name="importStatus" value="normal" />
  325. <div id="split" style="display: none;">
  326. <div class="box1" id="formContent" whiteBg="true">
  327. <fieldset>
  328. <legend>新增单位基本信息:</legend>
  329. <table class="tableStyle" formMode="transparent">
  330. <tr>
  331. <td width="15%"><span class="star">*</span>单位名称:</td>
  332. <td colspan="3" width="85%"><input type="text"
  333. id="orgName" name="orgName" value='' datatype="*"
  334. style="width: 60%" /></td>
  335. </tr>
  336. <tr>
  337. <td width="15%"><span class="star">*</span>单位编号:</td>
  338. <td colspan="3" width="85%"><input id="orgNumber"
  339. type="text" name="orgNumber" value='' style="width: 60%"
  340. readonly="readonly" /> &nbsp;<input type="button"
  341. value="随机" onclick="createOrgNumber()" /> <span
  342. id="remind"></span></td>
  343. </tr>
  344. <tr>
  345. <td><span class="star">*</span>单位地址:</td>
  346. <td colspan="3"><input type="text" id="address"
  347. name="address" value='' datatype="*" style="width: 60%" /></td>
  348. </tr>
  349. <tr>
  350. <td><span class="star">*</span>邮寄地址:</td>
  351. <td colspan="3"><input type="text" id="postalAddress"
  352. name="postalAddress" value='' datatype="*"
  353. style="width: 60%" /></td>
  354. </tr>
  355. <tr>
  356. <td>客户号:</td>
  357. <td><input id="customers" type="text" value=''
  358. readonly="readonly" style="width: 60%" /></td>
  359. <td>水表编号:</td>
  360. <td><textarea id="meters" name="meters"
  361. style="height: 55px" readonly="readonly"></textarea><label
  362. onclick="clearMeter();" style="color: blue;">清空重选</label></td>
  363. </tr>
  364. <tr>
  365. <td width="15%"><span class="star">*</span>用户类型:</td>
  366. <td width="35%"><select id="baseUserType"
  367. name="baseUserType" data='{"list":${userTypeData}}'
  368. selectedValue='${(busOrg.baseUserType)!""}'></select></td>
  369. <td width="15%"><span class="star">*</span>是否为计划户:</td>
  370. <td width="35%"><select id="isPlanUser"
  371. name="isPlanUser"
  372. data='{"list":[{"value":"yes","key":"是"},{"value":"no","key":"否"}]}'></select>
  373. </td>
  374. </tr>
  375. <tr>
  376. <td>单位分类:</td>
  377. <td><select id="orgTypeStr" name="orgTypeStr"
  378. data='${orgTypes!""}'
  379. selectedValue='${(orgType.orgTypeId)!""}'></select></td>
  380. <td><span class="star">*</span>年度:</td>
  381. <td><input type="text" id="year" name="year"
  382. value='${busOrg.year!""}' readonly="readonly" /></td>
  383. </tr>
  384. <tr>
  385. <td>邮政编码:</td>
  386. <td><input type="text" name="code" value=''
  387. style="width: 60%" /></td>
  388. <td>单位Email:</td>
  389. <td><input type="text" name="email" value=''
  390. style="width: 60%" /></td>
  391. </tr>
  392. <tr>
  393. <td>开户银行:</td>
  394. <td><input type="text" name="bank" value=''
  395. style="width: 60%" /></td>
  396. <td>银行账号:</td>
  397. <td><input type="text" name="bankAccount" value=''
  398. style="width: 60%" /></td>
  399. </tr>
  400. <tr>
  401. <td>联系人:</td>
  402. <td><input type="text" name="linkman" value=''
  403. style="width: 60%" /></td>
  404. <td>联系电话:</td>
  405. <td><input type="text" name="phone" value=''
  406. style="width: 60%" /></td>
  407. </tr>
  408. <tr>
  409. <td>备注:</td>
  410. <td colspan="3"><textarea id="remark" name="remark"></textarea></td>
  411. </tr>
  412. <tr>
  413. <td colspan="4"><input id="save" type="submit"
  414. value="保存拆分" /> <input type="button" value="取消"
  415. onclick="hideSplit();" /></td>
  416. </tr>
  417. </table>
  418. </fieldset>
  419. <fieldset>
  420. <legend>用户初始化参数:</legend>
  421. <table class="formTable">
  422. <tr>
  423. <td><span class="star">*</span>月份区间:</td>
  424. <td><input type="text" class="date" readonly="readonly"
  425. dateFmt="yyyy-MM" datatype="*" id="userStartTime"
  426. name="userStartTime" />至 <input type="text" class="date"
  427. readonly="readonly" dateFmt="yyyy-MM" datatype="*"
  428. id="userEndTime" name="userEndTime" /></td>
  429. <td><span class="star">*</span>初值化值:</td>
  430. <td><input type="text" id="userInitValue"
  431. name="userInitValue" value="12000" datatype="n" /></td>
  432. </tr>
  433. </table>
  434. </fieldset>
  435. <fieldset>
  436. <legend>年度初始化参数:</legend>
  437. <table class="formTable">
  438. <tr>
  439. <td><span class="star">*</span>月份区间:</td>
  440. <td><input type="text" class="date" readonly="readonly"
  441. dateFmt="yyyy-MM" datatype="*" id="planStartTime"
  442. name="planStartTime" />至 <input type="text" class="date"
  443. readonly="readonly" dateFmt="yyyy-MM" datatype="*"
  444. id="planEndTime" name="planEndTime" /></td>
  445. <td><span class="star">*</span>初值化值:</td>
  446. <td><input type="text" id="planInitValue"
  447. name="planInitValue" value="5" datatype="n" /></td>
  448. </tr>
  449. </table>
  450. </fieldset>
  451. </div>
  452. </div>
  453. </form>
  454. <div id="addSplitBtn">
  455. <a href="#" onclick="addSplit();"><span class="icon_add">新增拆分</span></a>
  456. </div>
  457. </fieldset>
  458. </div>
  459. </td>
  460. <td class="ver01">
  461. <div class="box2" showStatus="false" panelTitle="查询">
  462. <fieldset>
  463. <legend>被拆分单位水表:</legend>
  464. <form action="" id="searchForm" method="post">
  465. <input type="hidden" id="orgId" name="orgId"
  466. value="${busOrg.orgId!''}" /> <input type="hidden" id="year"
  467. name="year" value="${busOrg.year!''}" /> <input type="hidden"
  468. id="pageNo" name="pageNo" value="1" /> <input type="hidden"
  469. id="pageSize" name="pageSize" value="10" />
  470. </form>
  471. <div>
  472. <div class="padding_right5">
  473. <div id="maingrid"></div>
  474. </div>
  475. <!-- 分页组件 -->
  476. <div style="height: 35px;">
  477. <div id="letfContent" class="float_left padding5"></div>
  478. <div class="float_right padding5">
  479. <div id="pager" total="0" class="pageArrow" showSelect="true"
  480. inputPosition="right"></div>
  481. </div>
  482. <div class="clear"></div>
  483. </div>
  484. </div>
  485. </fieldset>
  486. </div>
  487. </td>
  488. </tr>
  489. </table>
  490. </body>
  491. </html>