applicationPrint.jsp 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  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 exchangeHouseId = request.getParameter("exchangeHouseId");%>
  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. table{width: 100%;border-collapse:collapse;}
  15. caption{font-size: 26px;padding: 10px;font-weight: bold;}
  16. table td{border: 1px solid #000;padding: 12px 10px;text-align: center;}
  17. td input{border: 0 none;border-bottom: 1px solid #000;outline: none;}
  18. .alignleft{text-align: left;}
  19. .setheight{padding: 20px 10px;}
  20. .setheight2{padding: 30px 10px;}
  21. @media print {
  22. #printBtn1 { display: none }
  23. }
  24. .dateinput{width: 30px;border:0 none;}
  25. td p{text-align:right;padding-right: 80px;margin-bottom: 0;}
  26. </style>
  27. </head>
  28. <script>
  29. $(function() {
  30. $.ajax({
  31. type: "post",//使用post方法访问后台
  32. dataType: "json",//返回json格式的数据
  33. async:false,
  34. url: "exchangeHouseAction_findById",//要访问的后台地址
  35. data:{"exchangeHouse.id":<%=exchangeHouseId%>},
  36. success: function(msg){//msg为返回的数据,在这里做数据绑定
  37. if(msg.success){
  38. console.log(msg);
  39. $("#name1").text(msg.obj.name1);
  40. $("#name2").text(msg.obj.name2);
  41. $("#idCard1").text(msg.obj.idCard1);
  42. $("#idCard2").text(msg.obj.idCard2);
  43. $("#phone1").text(msg.obj.phone1);
  44. $("#phone2").text(msg.obj.phone2);
  45. $("#residence1").text(msg.obj.residence1);
  46. $("#residence2").text(msg.obj.residence2);
  47. $("#houseAddress1").text(msg.obj.houseAddress1);
  48. $("#houseAddress2").text(msg.obj.houseAddress2);
  49. $("#rentTime1").text(dealDate(msg.obj.rentTime1));
  50. $("#rentTime2").text(dealDate(msg.obj.rentTime2));
  51. }
  52. }
  53. });
  54. //打印按钮
  55. $('#printBtn1').click(function() {
  56. window.print();
  57. })
  58. })
  59. </script>
  60. <body>
  61. <input type="button" value="打印文档" id="printBtn1">
  62. <div class="printDiv" style="padding: 0 10px;">
  63. <table>
  64. <caption>公租住房互换申请审批表</caption>
  65. <tr>
  66. <th width="150"></th>
  67. <th></th>
  68. <th width="150"></th>
  69. <th></th>
  70. </tr>
  71. <tr>
  72. <td>甲方(姓名)</td>
  73. <td><span id="name1"></span></td>
  74. <td>乙方(姓名)</td>
  75. <td><span id="name2"></span></td>
  76. </tr>
  77. <tr>
  78. <td>身份证号</td>
  79. <td><span id="idCard1"></span></td>
  80. <td>身份证号</td>
  81. <td><span id="idCard2"></span></td>
  82. </tr>
  83. <tr>
  84. <td>联系电话</td>
  85. <td><span id="phone1"></span></td>
  86. <td>联系电话</td>
  87. <td><span id="phone2"></span></td>
  88. </tr>
  89. <tr>
  90. <td>配租房屋<br/>所属街道</td>
  91. <td><span id="residence1"></span></td>
  92. <td>配租房屋<br/>所属街道</td>
  93. <td><span id="residence2"></span></td>
  94. </tr>
  95. <tr>
  96. <td>配租房源</td>
  97. <td><span id="houseAddress1"></span></td>
  98. <td>配租房源</td>
  99. <td><span id="houseAddress2"></span></td>
  100. </tr>
  101. <tr>
  102. <td>合同结束时间</td>
  103. <td><span id="rentTime1"></span></td>
  104. <td>合同结束时间</td>
  105. <td><span id="rentTime2"></span></td>
  106. </tr>
  107. <tr>
  108. <td colspan="4" style="text-align:left;line-height: 30px;">
  109. 经甲乙双方自愿协调,对以上配租的公租住房提出互换申请。现甲乙双方声明对配租房屋状态认可,并对水、电、气、物业管理费等交缴情况无异议,如有欠费由互换后现承租方承担,涉及互换后承租双方户籍变更的需双方自行解决,与市住房保障中心无关。
  110. <br/>
  111. <br/>
  112. <p style="padding-right:100px;">申请人(签字):</p>
  113. <p>&emsp;年&emsp;&emsp;月&emsp;&emsp;日</p>
  114. </td>
  115. </tr>
  116. <tr>
  117. <td colspan="4" style="text-align:left;">
  118. 甲乙双方所属街道办意见(盖章)
  119. <br/>
  120. <br/>
  121. <br/>
  122. <br/>
  123. <br/>
  124. <p>&emsp;年&emsp;&emsp;月&emsp;&emsp;日</p>
  125. </td>
  126. </tr>
  127. <tr>
  128. <td colspan="4" style="text-align:left;">
  129. 甲乙双方所属区住建局意见(盖章)
  130. <br/>
  131. <br/>
  132. <br/>
  133. <br/>
  134. <br/>
  135. <p>&emsp;年&emsp;&emsp;月&emsp;&emsp;日</p>
  136. </td>
  137. </tr>
  138. </table>
  139. </div>
  140. </body>
  141. </html>