water-check-add2.jsp 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. [#ftl]
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>编辑项目信息</title>
  7. <!--框架必需start-->
  8. <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
  9. <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
  10. <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet" 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. <script type="text/javascript" src="${ctx}/qui/libs/js/nav/basicTab.js"></script>
  16. <!--基本选项卡end-->
  17. <link rel="stylesheet" href="${ctx}/qui/libs/js/form/validform/css/style.css" type="text/css" media="all" />
  18. <script src="${ctx}/qui/libs/js/form/validform/validform.js" type="text/javascript"></script>
  19. <!-- 树组件start -->
  20. <script type="text/javascript" src="${ctx}/qui/libs/js/tree/ztree/ztree.js"></script>
  21. <link type="text/css" rel="stylesheet" href="${ctx}/qui/libs/js/tree/ztree/ztree.css"></link>
  22. <!-- 树组件end -->
  23. <!-- 树形下拉框start -->
  24. <script type="text/javascript" src="${ctx}/qui/libs/js/form/selectTree.js"></script>
  25. <!-- 树形下拉框end -->
  26. <!-- 异步提交start -->
  27. <script type="text/javascript">
  28. function onSave(){
  29. $("#myFormId").submit();
  30. }
  31. function customHeightSet(contentHeight){
  32. $("#scrollContent").height(150);
  33. }
  34. function appButton(){
  35. var mid=$("#checkId").val();
  36. if(mid>0){
  37. //设置下一步的按钮可以操作
  38. $("#appButton").attr("disabled",false);
  39. }
  40. }
  41. /**提交审批*/
  42. function submitApproval(){
  43. var checkId = $("#checkId").val();
  44. jQuery.post("${ctx}/water/submitApproval.do",
  45. {"checkId":$("#checkId").val()},
  46. function(responseText){
  47. if(responseText.status=="y"){
  48. openComplete(responseText.taskId);
  49. }else{
  50. top.Dialog.alert(responseText.info);
  51. }
  52. },
  53. "json");
  54. // jQuery.post("${ctx}/water/submitApproval.do", { "checkId": 1 }, function (data) { alert("执行了"); });
  55. }
  56. //提交审批
  57. function openComplete(taskId){
  58. top.Dialog.open({
  59. URL : "${ctx}/task/complete.do?taskId="+taskId+"&voteAgree=1",
  60. Title : "审批",
  61. Width : 450,
  62. Height : 300
  63. });
  64. }
  65. //退回
  66. function onBackTask(taskId){
  67. top.Dialog.open({
  68. URL : "${ctx}/task/backProcessToStartUser.do?taskId="+taskId,
  69. Title : "退回发起人",
  70. Width : 450,
  71. Height : 300
  72. });
  73. }
  74. function initComplete(){
  75. //数据自定义属性
  76. // $("#selectTree-3").bind("change",function(){
  77. //
  78. // if(!$(this).attr("relValue")){
  79. // top.Dialog.alert("没有选择节点");
  80. // }else{
  81. // var nodes=$(this).data("selectedNodes");
  82. // //alert(nodes.length);
  83. // var values=[];
  84. // for(var i=0;i<nodes.length;i++){
  85. // values.push(nodes[i].myFlag);
  86. // }
  87. // top.Dialog.alert(values.join(","))
  88. // } })
  89. $("#myFormId").Validform({
  90. tiptype:3,//表示在右边显示
  91. ajaxPost:true,
  92. showAllError:true,
  93. callback:function(responseText){
  94. $.Hidemsg();
  95. if(responseText.status=="y"){
  96. top.Dialog.alert(responseText.info,function(){
  97. closeWin();
  98. });
  99. }else{
  100. top.Dialog.alert(responseText.info,function(){
  101. return false;
  102. });
  103. }
  104. }
  105. });
  106. }
  107. function getValue(){
  108. //top.Dialog.alert("选中节点文本:"+$("#selectTree-3").attr("relText")+"<br/>选中节点id:"+$("#selectTree-3").attr("relValue"));
  109. var selvalue = $("#selectTree-3").attr("relValue");
  110. //top.Dialog.alert($("#selectTree-3").attr("relValue"));
  111. var tb = document.getElementById('water');
  112. var rowNum=tb.rows.length;
  113. for (i=0;i<rowNum;i++)
  114. {
  115. tb.deleteRow(i);
  116. rowNum=rowNum-1;
  117. i=i-1;
  118. }
  119. jQuery.post("${ctx}/quota/getQuotaData.do",
  120. { "ids": $("#selectTree-3").attr("relValue") },
  121. function (json) {
  122. //top.Dialog.alert("执行了");
  123. //top.Dialog.alert(json);
  124. json = eval(json);
  125. for(var i=0; i<json.length; i++)
  126. {
  127. var val1="<label name='descName'>"+json[i].descName+":</label>";
  128. var val2="<input type='text' value='' id='txtAmount"+i+"' name='txtAmount' datatype='n' onblur='cacul()'>";
  129. var vl3="<label color='red'>"+json[i].unit0+"</label>×";
  130. var val4="<input type='text' value='"+json[i].unitValue+"' id='txtUnitValue"+i+"' name='txtUnitValue' readonly>";
  131. var val5="<label name='labUnit'>"+json[i].unit+"</label>×";
  132. var val6="";
  133. if(json[i].timing!=null&&json[i].timing!="")
  134. {
  135. if(json[i].timing=="M")
  136. {
  137. val6="<input type='text' value='1' id='txtNum"+i+"' name='txtNum' datatype='n' onblur='cacul()'>月=";
  138. }
  139. if(json[i].timing=="Y")
  140. {
  141. val6="<input type='text' value='1' id='txtNum"+i+"' name='txtNum' readonly>年=";
  142. }
  143. if(json[i].timing=="D")
  144. {
  145. val6="<input type='text' value='1' id='txtNum"+i+"' name='txtNum' datatype='n' onblur='cacul()'>天=";
  146. }
  147. }
  148. var val7="<input type='text' value='' id='txtTotal"+i+"' name='txtTotal' readonly>m³";
  149. var $tr=$("<tr><td>"+val1+"</td><td>"+val2+"</td><td>"+vl3+"</td><td>"+val4+"</td><td>"+val5+"</td><td>"+val6+"</td><td>"+val7+"</td></tr>");
  150. $("#water").append($tr);
  151. }
  152. $("#water").render();
  153. });
  154. }
  155. function cacul(){
  156. var tb = document.getElementById('water');
  157. var rowNum=tb.rows.length;
  158. for (i=0;i<rowNum;i++)
  159. {
  160. //parseInt
  161. document.getElementById('txtTotal'+i).value = document.getElementById('txtAmount'+i).value*document.getElementById('txtUnitValue'+i).value*document.getElementById('txtNum'+i).value;
  162. document.getElementById('txtTotal'+i).value = Math.round(document.getElementById('txtTotal'+i).value);
  163. }
  164. }
  165. </script>
  166. <!-- 异步提交end -->
  167. </head>
  168. <body>
  169. <div class="box2" panelTitle="编辑用水指标审批信息" statusText="返回列表" panelUrl="${ctx}/water/list.do">
  170. <div class="box_tool_mid padding_top5 padding_right5">
  171. <div class="center">
  172. <div class="left">
  173. <div class="right">
  174. <div class="padding_top8 padding_left10">
  175. <table>
  176. <tr>
  177. <td><button onclick="onSave()"><span class="icon_save">保存</span></button></td>
  178. <td><button id="appButton" onclick="submitApproval()"><span class="icon_ok">提交审批</span></button></td>
  179. </tr>
  180. </table>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. <div class="clear"></div>
  186. </div>
  187. <div class="box1" panelWidth="500">
  188. <form id="myFormId" action="${ctx}/water/editData.do" method="post">
  189. <input type="text" id="checkId" name="checkId" value='${watercheck.checkId!""}' />
  190. <input type="text" id="taskId" name="taskId" value='${taskId!""}' />
  191. <table class="tableStyle" formMode="line">
  192. <tr><th colspan="4">南宁市计划用水单位增加用水指标审批表</th></tr>
  193. <tr>
  194. <td></td><td>${busOrg.orgName!''}</td><td colspan="2">2016年3月4日</td>
  195. </tr>
  196. <tr>
  197. <td>水表号:</td><td colspan="3">${busOrg.busOrgMeterNumber!''}</td>
  198. </tr>
  199. <tr>
  200. <td>联系人:</td><td>${plan.contacts!""}</td><td>联系电话:</td><td>${plan.contactNo!""}</td>
  201. </tr>
  202. <tr>
  203. <td rowspan="3">申请用水内容摘要:</td>
  204. <td colspan="3"><textarea name="content" style="width:85%;"> 业主入住率较2015年提高,共810户。申请增加计划用水量如下:</textarea></td>
  205. </tr>
  206. <tr>
  207. <td rowspan="2">2016年全年</td>
  208. <td>原计划量(m3)</td>
  209. <td>申请增加至(m3)</td>
  210. </tr>
  211. <tr>
  212. <td><label name="plan">${plan.planOfWater?string("0")}</label></td>
  213. <td><input type="text" value="" name="increase"></td>
  214. </tr>
  215. <tr>
  216. <td id="tr-w-c" rowspan="3">用水量核定:</td>
  217. <td colspan=2><textarea name="checkInfo" > 根据广西壮族自治区地方标准《城镇生活用水定额》(DB45/T 679-2010),和《南宁市用水定额》,进行核算如下:</textarea>
  218. <td><div class="selectTree" name="selectTree-3" id="selectTree-3" data='${treeData}' multiMode="true" keepDefaultStyle="true"></div><input type="button" value="获取选择结果" onclick="getValue();"/></td>
  219. </td>
  220. </tr>
  221. <tr>
  222. <td colspan=3>
  223. <table id="water">
  224. <!-- tr>
  225. <td><label id="labDecName" name="labDecName">住户人数 :</label></td>
  226. <td><input type="text" value="" id="txtAmount" name="txtAmount"></td>
  227. <td><label>户</label>×</td>
  228. <td><input type="text" value="" id="txtUnitValue" name="txtUnitValue" readonly></td>
  229. <td><label id="labUnit" name="labUnit">m³/户•月</label>×</td>
  230. <td><input type="text" value="" id="txtNum" name="txtNum">月=</td>
  231. <td><input type="text" value="" id="txtTotal" name="txtTotal" readonly>m³</td>
  232. </tr -->
  233. </table>
  234. <!-- --div>
  235. <br>
  236. <label id="labDecName" name="labDecName">住户人数</label>:<input type="text" value="" id="txtAmount" name="txtAmount"><label>户</label>×<input type="text" value="" id="txtUnitValue" name="txtUnitValue" readonly><label id="labUnit" name="labUnit">m³/户•月</label>×<input type="text" value="" id="txtNum" name="txtNum">月=<input type="text" value="" id="txtTotal" name="txtTotal" readonly>m³
  237. </div -->
  238. </td>
  239. </tr>
  240. <tr>
  241. <td colspan=3>年度最大指标合计:<input type="text" value="" name="total"></>m³</td>
  242. </tr>
  243. <tr>
  244. <td>经办人意见</td><td colspan=3><textarea style="width:85%;"></textarea></td>
  245. </tr>
  246. <tr>
  247. <td>审核人意见</td><td colspan=3><textarea style="width:85%;"></textarea></td>
  248. </tr>
  249. <tr>
  250. <td>负责人意见</td><td colspan=3><textarea style="width:85%;"></textarea></td>
  251. </tr>
  252. <tr>
  253. <td><span class="star">*</span>orgId:</td><td colspan="3"><input type="text" name="orgId" datatype="*" value='${watercheck.orgId!""}'/></td>
  254. </tr>
  255. <tr>
  256. <td><span class="star">*</span>processInstanceId:</td><td colspan="3"><input type="text" name="processInstanceId" value='${watercheck.processInstanceId!""}'/></td>
  257. </tr>
  258. <tr>
  259. <td><span class="star">*</span>status:</td><td colspan="3"><input type="text" name="status"value='${watercheck.status!""}'/></td>
  260. </tr>
  261. </table>
  262. </form>
  263. </div>
  264. </div>
  265. </body>
  266. </html>