agreementPrint.jsp 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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: 30px;font-weight: bold;}
  16. td{line-height: 38px;text-indent: 30px; font-size:20px;letter-spacing: 1px;}
  17. td input{border: 0 none;border-bottom: 1px solid #000;outline: none;font-size: 18px;}
  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:left;padding-right: 80px;margin: 0;}
  26. .setalign{
  27. text-align: center;
  28. }
  29. </style>
  30. </head>
  31. <script>
  32. $(function() {
  33. $.ajax({
  34. type: "post",//使用post方法访问后台
  35. dataType: "json",//返回json格式的数据
  36. async:false,
  37. url: "exchangeHouseAction_findById",//要访问的后台地址
  38. data:{"exchangeHouse.id":<%=exchangeHouseId%>},
  39. success: function(msg){//msg为返回的数据,在这里做数据绑定
  40. if(msg.success){
  41. $("#name1_agreement").val(msg.obj.name1);
  42. $("#name2_agreement").val(msg.obj.name2);
  43. $("#idCard1_agreement").val(msg.obj.idCard1);
  44. $("#idCard2_agreement").val(msg.obj.idCard2);
  45. $("#houseAddress1_agreement").val(msg.obj.houseAddress1);
  46. $("#houseAddress2_agreement").val(msg.obj.houseAddress2);
  47. $("#houseAddress1_new").val(msg.obj.houseAddress2);
  48. $("#houseAddress2_new").val(msg.obj.houseAddress1);
  49. $("#initialPlacementTime1_agreement").val(dealDate(msg.obj.initialPlacementTime1));
  50. $("#initialPlacementTime2_agreement").val(dealDate(msg.obj.initialPlacementTime2));
  51. $("#refundTime_agreement").val(dealDate(msg.obj.refundTime1));
  52. }
  53. }
  54. });
  55. //打印按钮
  56. $('#printBtn1').click(function() {
  57. window.print();
  58. })
  59. })
  60. </script>
  61. <body>
  62. <input type="button" value="打印文档" id="printBtn1">
  63. <div class="printDiv" style="padding: 0 10px;">
  64. <table>
  65. <caption style="padding-bottom:15px;">公租住房配租调换协议书</caption>
  66. <tr>
  67. <td>甲方: <input id="name1_agreement" type="text" style="width:125px;"> ,身份证号码:<input id=idCard1_agreement type="text" style="width:265px;"> </td>
  68. </tr>
  69. <tr>
  70. <td>乙方: <input id="name2_agreement" type="text" style="width:125px;"> ,身份证号码:<input id="idCard2_agreement" type="text" style="width:265px;"> </td>
  71. </tr>
  72. <tr>
  73. <td style="padding-top:10px;">甲、乙分别为<input id="initialPlacementTime1_agreement" type="text" style="width:130px;" class="setalign">、<input id="initialPlacementTime2_agreement" type="text" style="width:130px;" class="setalign">市区公租住房摇号分房申请户,通过电脑公开摇号,甲方配租<input id="houseAddress1_agreement" type="text" style="width:225px;" class="setalign"> 公租住房,乙方配租<input id="houseAddress2_agreement" type="text" style="width:225px;" class="setalign">公租住房。经双方自愿协商,<input id="refundTime_agreement" type="text" style="width:130px;" class="setalign">提出调换配租公租住房,并达成如下协议:</td>
  74. </tr>
  75. <tr>
  76. <td>1、为方便甲、乙双方日常生活,双方自愿互换配租的公租住房,并达成一致意见。双方调换后,甲方承租 <input id="houseAddress1_new" type="text" style="width:225px;" class="setalign">公租住房,乙方承租<input id="houseAddress2_new" type="text" style="width:225px;" class="setalign">公租住房。</td>
  77. </tr>
  78. <tr>
  79. <td>2、甲乙双方对配租房屋状态认可,并对水、电、气、物业管理费等交缴情况无异议,如有欠费由互换后现承租方承担,涉及互换后承租双方户籍变更的由双方自行解决。</td>
  80. </tr>
  81. <tr>
  82. <td>3、调换协议签订之日起,承诺12个月内不再调换。</td>
  83. </tr>
  84. <tr>
  85. <td>4、互换后的房屋租金及相关费用缴纳,按互换后实际居住的公租住房面积计收。</td>
  86. </tr>
  87. <tr>
  88. <td>5、互换后甲、乙双方因调换公租住房发生任何法律、经济纠纷,由双方自行解决。与市保障性住房建设管理中心无关。</td>
  89. </tr>
  90. <tr>
  91. <td>6、本协议一式叁份,甲、乙双方各持壹份,并报市保障性住房建设管理中心备案壹份。</td>
  92. </tr>
  93. <td>
  94. <div style="width:50%;float:left;text-align: left;margin-top: 40px;">
  95. <p>甲方:</p>
  96. <p>联系电话:</p>
  97. <p>&emsp;年&emsp;月&emsp;日</p>
  98. </div>
  99. <div style="width:50%;float:left;margin-top: 40px;">
  100. <p>乙方:</p>
  101. <p>联系电话:</p>
  102. <p>&emsp;年&emsp;月&emsp;日</p>
  103. </div>
  104. </td>
  105. </table>
  106. </div>
  107. </body>
  108. </html>