maintenanceConfirmationPrint.jsp 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. <%-- 维修审批表打印 --%>
  2. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  3. <jsp:include page="../../common/include.jsp" />
  4. <%
  5. String path = request.getContextPath();
  6. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  7. %>
  8. <%String houseRepairId = request.getParameter("houseRepairId");%>
  9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  10. <html>
  11. <head>
  12. <script type="text/javascript" src="<%=basePath%>/js/jquery.jqprint.js"></script>
  13. <style>
  14. * {
  15. padding: 0;
  16. margin: 0;
  17. }
  18. .table1 table td {
  19. text-align: center;
  20. }
  21. .table1 table:last-child tr td{
  22. border-bottom: 0 none;
  23. }
  24. .table1 td {
  25. padding: 5px;
  26. font-size: 14px;
  27. }
  28. body {
  29. font-size: 15px!important;
  30. }
  31. .table1 td {
  32. border: 1px solid #000;
  33. height: 35px;
  34. }
  35. @media print {
  36. #printBtn1 {
  37. display: none
  38. }
  39. }
  40. </style>
  41. </head>
  42. <script>
  43. //故障类别
  44. var repairCategoryObj = null;
  45. var auditOpinionObj = null;
  46. var opinionObj = null;
  47. $(function() {
  48. //故障类别
  49. $.ajax({
  50. type: "post",//使用post方法访问后台
  51. dataType: "json",//返回json格式的数据
  52. async:false,
  53. url: "aa10Action_listAa10All",//要访问的后台地址
  54. data:{"aa10.letter":"repairCategory" ,"aa10.name":"故障类别" },
  55. complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
  56. success: function(msg){//msg为返回的数据,在这里做数据绑定
  57. if(msg.success){
  58. repairCategoryObj = msg.obj.rows;
  59. }
  60. }
  61. });
  62. //审核意见
  63. $.ajax({
  64. type: "post",//使用post方法访问后台
  65. dataType: "json",//返回json格式的数据
  66. async:false,
  67. url: "aa10Action_listAa10All",//要访问的后台地址
  68. data:{"aa10.letter":"auditOpinion" ,"aa10.name":"申请意见" },
  69. complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
  70. success: function(msg){//msg为返回的数据,在这里做数据绑定
  71. if(msg.success){
  72. auditOpinionObj = msg.obj.rows;
  73. }
  74. }
  75. });
  76. $.ajax({
  77. type: "post",//使用post方法访问后台
  78. dataType: "json",//返回json格式的数据
  79. async:false,
  80. url: "aa10Action_listAa10All",//要访问的后台地址
  81. data:{"aa10.letter":"opinion" ,"aa10.name":"审核意见" },
  82. complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
  83. success: function(msg){//msg为返回的数据,在这里做数据绑定
  84. if(msg.success){
  85. opinionObj = msg.obj.rows;
  86. console.log(opinionObj)
  87. }
  88. }
  89. });
  90. $.ajax({
  91. type: "post",//使用post方法访问后台
  92. dataType: "json",//返回json格式的数据
  93. async:false,
  94. url: "houseRepairAction_findById",//要访问的后台地址
  95. data:{"houseRepair.id":<%=houseRepairId%>},
  96. success: function(msg){//msg为返回的数据,在这里做数据绑定
  97. if(msg.success){
  98. $("#houseRepairNo").text(msg.obj.houseRepairNo);
  99. $("#address").text(msg.obj.address);
  100. $("#name").text(msg.obj.name);
  101. $("#idCard").text(msg.obj.idCard);
  102. $("#phone").text(msg.obj.phone);
  103. $("#developerDeadline").text(dealDate(msg.obj.developerDeadline));
  104. $("#repairPeople").text(msg.obj.repairPeople);
  105. $("#repairPeoplePhone").text(msg.obj.repairPeoplePhone);
  106. $("#reportDate").text(dealDate(msg.obj.reportDate));
  107. //故障类别
  108. var repairCategory = "";
  109. for(var nItem = 0; nItem < repairCategoryObj.length; nItem++ ){
  110. if(repairCategoryObj[nItem].code == msg.obj.repairCategory){
  111. repairCategory = repairCategoryObj[nItem].value;
  112. }
  113. }
  114. $("#repairCategory").text(repairCategory);
  115. $("#problem").text(msg.obj.problem);
  116. $("#budget").text(msg.obj.budget);
  117. $("#estimateDay").text(msg.obj.estimateDay);
  118. $("#maintenanceProgram").text(msg.obj.maintenanceProgram)
  119. $("#repairStartDate").text(dealDate(msg.obj.repairStartDate));
  120. $("#repairEndDate").text(dealDate(msg.obj.repairEndDate));
  121. if(msg.obj.verify1UserId!=null){
  122. var verify1Opinion;
  123. for(var nItem = 0; nItem < auditOpinionObj.length; nItem++ ){
  124. if(auditOpinionObj[nItem].code == msg.obj.verify1Opinion){
  125. verify1Opinion = auditOpinionObj[nItem].value;
  126. }
  127. }
  128. var verify1Remark = msg.obj.verify1Remark == undefined?"":msg.obj.verify1Remark;
  129. $("#verify1User_info").text(msg.obj.verify1UserName);
  130. $("#verify1_info").text(dealDate(msg.obj.verify1Date)+" 维修中标单位:"+msg.obj.repairCompany+" 审核意见:"+verify1Opinion+" 备注:"+verify1Remark);
  131. }
  132. if(msg.obj.verify2UserId!=null){
  133. var verify2Opinion;
  134. for(var nItem = 0; nItem < opinionObj.length; nItem++ ){
  135. if(opinionObj[nItem].code == msg.obj.verify2Opinion){
  136. verify2Opinion = opinionObj[nItem].value;
  137. }
  138. }
  139. var verify2Remark = msg.obj.verify2Remark == undefined?"":msg.obj.verify2Remark;
  140. $("#verify2User_info").text(msg.obj.verify2UserName);
  141. $("#verify2_info").text(dealDate(msg.obj.verify2Date)+" 审核意见:"+verify2Opinion+" 备注:"+verify2Remark);
  142. }
  143. if(msg.obj.verify3UserId!=null){
  144. $("#verify3User_info").text(msg.obj.verify3UserName);
  145. $("#verify3_info").text(dealDate(msg.obj.verify2Date));
  146. }
  147. if(msg.obj.verify4UserId!=null){
  148. var verify4Opinion;
  149. for(var nItem = 0; nItem < opinionObj.length; nItem++ ){
  150. if(opinionObj[nItem].code == msg.obj.verify4Opinion){
  151. verify4Opinion = opinionObj[nItem].value;
  152. }
  153. }
  154. var verify4Remark = msg.obj.verify4Remark == undefined?"":msg.obj.verify4Remark;
  155. $("#verify4User_info").text(msg.obj.verify4UserName);
  156. $("#verify4_info").text(dealDate(msg.obj.verify4Date)+" 造价审计单位:"+msg.obj.costCompany+" 审核意见:"+verify4Opinion+" 备注:"+verify4Remark);
  157. }
  158. if(msg.obj.verify5UserId!=null){
  159. $("#verify5User_info").text(msg.obj.verify5UserName);
  160. $("#verify5_info").text(dealDate(msg.obj.verify5Date));
  161. }
  162. if(msg.obj.verify6UserId!=null){
  163. var verify6Remark = msg.obj.verify6Remark == undefined?"":msg.obj.verify6Remark;
  164. $("#verify6User_info").text(msg.obj.verify6UserName);
  165. $("#verify6_info").text(dealDate(msg.obj.verify6Date)+" 备注:"+verify6Remark);
  166. }
  167. if(msg.obj.verify7UserId!=null){
  168. $("#verify7User_info").text(msg.obj.verify7UserName);
  169. $("#verify7_info").text(dealDate(msg.obj.verify7Date));
  170. }
  171. //维修前照片
  172. for(var i=0;i< msg.obj.materialFile.length;i++){
  173. var $image = $("<a target='_blank' href='../" + msg.obj.materialFile[i].filePath + "'><img src='../" + msg.obj.materialFile[i].filePath + "' width='120' height='80'/></a>");
  174. $("#materialFile").append ($image);
  175. }
  176. //维修后照片
  177. for(var i=0;i< msg.obj.confirmFile.length;i++){
  178. var $image = $("<a target='_blank' href='../" + msg.obj.confirmFile[i].filePath + "'><img src='../" + msg.obj.confirmFile[i].filePath + "' width='120' height='80'/></a>");
  179. $("#confirmFile").append ($image);
  180. }
  181. }
  182. }
  183. });
  184. //打印按钮
  185. $('#printBtn1').click(function() {
  186. window.print();
  187. })
  188. })
  189. </script>
  190. <body>
  191. <input type="button" value="打印申请表" id="printBtn1" style="width: 100px;position: absolute;left: 10;top: 10;">
  192. <div id="content">
  193. <table class="table1" border="1px" style="width: 780px;border-collapse: collapse;margin: 0 auto;text-align: center;table-layout: fixed;">
  194. <caption style="font-size: 26px;font-weight: bold!important;padding:8px 0;font-family: '黑体';">淮安市市区公租房维修审批表</caption>
  195. <tr class="nopadding_td">
  196. <td width="5%" style="height: 0;border: 0;padding: 0;"></td>
  197. <td width="20%" style="height: 0;border: 0;padding: 0;"></td>
  198. <td width="30%" style="height: 0;border: 0;padding: 0;"></td>
  199. <td width="20%" style="height: 0;border: 0;padding: 0;"></td>
  200. <td style="height: 0;border: 0;padding: 0;"></td>
  201. </tr>
  202. <tr>
  203. <td rowspan="6">报修详情</td>
  204. <td>工单编号</td>
  205. <td><span id="houseRepairNo"></span></td>
  206. <td>报修房源地址</td>
  207. <td><span id="address"></span></td>
  208. </tr>
  209. <tr>
  210. <td>保障人员姓名</td>
  211. <td><span id="name"></span></td>
  212. <td>身份证号码</td>
  213. <td><span id="idCard"></span></td>
  214. </tr>
  215. <tr>
  216. <td>联系电话</td>
  217. <td><span id="phone"></span></td>
  218. <td>保修期至</td>
  219. <td><span id="developerDeadline"></span></td>
  220. </tr>
  221. <tr>
  222. <td>报修人</td>
  223. <td><span id="repairPeople"></span></td>
  224. <td>报修人联系电话</td>
  225. <td><span id="repairPeoplePhone"></span></td>
  226. </tr>
  227. <tr>
  228. <td>报修时间</td>
  229. <td><span id="reportDate"></span></td>
  230. <td>故障类别</td>
  231. <td><span id="repairCategory"></span></td>
  232. </tr>
  233. <tr>
  234. <td>故障说明</td>
  235. <td colspan="3"><span id="problem"></span></td>
  236. </tr>
  237. <tr>
  238. <td rowspan="2">维修方案</td>
  239. <td>维修预算(元)</td>
  240. <td><span id="budget"></span></td>
  241. <td>预计工期</td>
  242. <td><span id="estimateDay"></span></td>
  243. </tr>
  244. <tr>
  245. <td>维修方案</td>
  246. <td colspan="3"><span id="maintenanceProgram"></span></td>
  247. </tr>
  248. <tr>
  249. <td rowspan="2">维修确认</td>
  250. <td>维修开始时间</td>
  251. <td><span id="repairStartDate"></span></td>
  252. <td>维修结束时间</td>
  253. <td><span id="repairEndDate"></span></td>
  254. </tr>
  255. <tr>
  256. <td>结算价(元)</td>
  257. <td colspan="3"><span id="repairStartDate"></span></td>
  258. </tr>
  259. <tr>
  260. <td rowspan="7">审核意见</td>
  261. <td>维修单位勘察结果</td>
  262. <td colspan="3" style="text-align: left;">
  263. <span id="verify1User_info" style="width:80px;display:inline-block;"></span>
  264. <span id="verify1_info"></span>
  265. </td>
  266. </tr>
  267. <tr>
  268. <td>工程科审核</td>
  269. <td colspan="3" style="text-align: left;">
  270. <span id="verify2User_info" style="width:80px;display:inline-block;"></span>
  271. <span id="verify2_info"></span>
  272. </td>
  273. </tr>
  274. <tr>
  275. <td>维修单位维修方案</td>
  276. <td colspan="3" style="text-align: left;">
  277. <span id="verify3User_info" style="width:80px;display:inline-block;"></span>
  278. <span id="verify3_info"></span>
  279. </td>
  280. </tr>
  281. <tr>
  282. <td>审计部门审核</td>
  283. <td colspan="3" style="text-align: left;">
  284. <span id="verify4User_info" style="width:80px;display:inline-block;"></span>
  285. <span id="verify4_info"></span>
  286. </td>
  287. </tr>
  288. <tr>
  289. <td>维修完成确认</td>
  290. <td colspan="3" style="text-align: left;">
  291. <span id="verify5User_info" style="width:80px;display:inline-block;"></span>
  292. <span id="verify5_info"></span>
  293. </td>
  294. </tr>
  295. <tr>
  296. <td>回访记录</td>
  297. <td colspan="3" style="text-align: left;">
  298. <span id="verify6User_info" style="width:80px;display:inline-block;"></span>
  299. <span id="verify6_info"></span>
  300. </td>
  301. </tr>
  302. <tr>
  303. <td>存档</td>
  304. <td colspan="3" style="text-align: left;">
  305. <span id="verify7User_info" style="width:80px;display:inline-block;"></span>
  306. <span id="verify7_info"></span>
  307. </td>
  308. </tr>
  309. <tr>
  310. <td rowspan="2">附件</td>
  311. <td>维修前</td>
  312. <td colspan="3" style="text-align: left;"><span id="materialFile"></span></td>
  313. </tr>
  314. <tr>
  315. <td>维修后</td>
  316. <td colspan="3" style="text-align: left;"><span id="confirmFile"></span></td>
  317. </tr>
  318. </table>
  319. </div>
  320. </body>
  321. </html>