123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142 |
- <%-- 审批表打印 --%>
- <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
- <jsp:include page="../../common/include.jsp" />
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
- %>
- <%String exchangeHouseId = request.getParameter("exchangeHouseId");%>
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <script type="text/javascript" src="<%=basePath%>/js/jquery.jqprint.js"></script>
- <style>
- table{width: 100%;border-collapse:collapse;}
- caption{font-size: 26px;padding: 10px;font-weight: bold;}
- table td{border: 1px solid #000;padding: 12px 10px;text-align: center;}
- td input{border: 0 none;border-bottom: 1px solid #000;outline: none;}
- .alignleft{text-align: left;}
- .setheight{padding: 20px 10px;}
- .setheight2{padding: 30px 10px;}
- @media print {
- #printBtn1 { display: none }
- }
- .dateinput{width: 30px;border:0 none;}
- td p{text-align:right;padding-right: 80px;margin-bottom: 0;}
- </style>
- </head>
-
- <script>
- $(function() {
- $.ajax({
- type: "post",//使用post方法访问后台
- dataType: "json",//返回json格式的数据
- async:false,
- url: "exchangeHouseAction_findById",//要访问的后台地址
- data:{"exchangeHouse.id":<%=exchangeHouseId%>},
- success: function(msg){//msg为返回的数据,在这里做数据绑定
- if(msg.success){
- console.log(msg);
- $("#name1").text(msg.obj.name1);
- $("#name2").text(msg.obj.name2);
- $("#idCard1").text(msg.obj.idCard1);
- $("#idCard2").text(msg.obj.idCard2);
- $("#phone1").text(msg.obj.phone1);
- $("#phone2").text(msg.obj.phone2);
- $("#residence1").text(msg.obj.residence1);
- $("#residence2").text(msg.obj.residence2);
- $("#houseAddress1").text(msg.obj.houseAddress1);
- $("#houseAddress2").text(msg.obj.houseAddress2);
- $("#rentTime1").text(dealDate(msg.obj.rentTime1));
- $("#rentTime2").text(dealDate(msg.obj.rentTime2));
- }
- }
- });
- //打印按钮
- $('#printBtn1').click(function() {
- window.print();
- })
- })
- </script>
- <body>
- <input type="button" value="打印文档" id="printBtn1">
- <div class="printDiv" style="padding: 0 10px;">
- <table>
- <caption>公租住房互换申请审批表</caption>
- <tr>
- <th width="150"></th>
- <th></th>
- <th width="150"></th>
- <th></th>
- </tr>
- <tr>
- <td>甲方(姓名)</td>
- <td><span id="name1"></span></td>
- <td>乙方(姓名)</td>
- <td><span id="name2"></span></td>
- </tr>
- <tr>
- <td>身份证号</td>
- <td><span id="idCard1"></span></td>
- <td>身份证号</td>
- <td><span id="idCard2"></span></td>
- </tr>
- <tr>
- <td>联系电话</td>
- <td><span id="phone1"></span></td>
- <td>联系电话</td>
- <td><span id="phone2"></span></td>
- </tr>
- <tr>
- <td>配租房屋<br/>所属街道</td>
- <td><span id="residence1"></span></td>
- <td>配租房屋<br/>所属街道</td>
- <td><span id="residence2"></span></td>
- </tr>
- <tr>
- <td>配租房源</td>
- <td><span id="houseAddress1"></span></td>
- <td>配租房源</td>
- <td><span id="houseAddress2"></span></td>
- </tr>
- <tr>
- <td>合同结束时间</td>
- <td><span id="rentTime1"></span></td>
- <td>合同结束时间</td>
- <td><span id="rentTime2"></span></td>
- </tr>
- <tr>
- <td colspan="4" style="text-align:left;line-height: 30px;">
- 经甲乙双方自愿协调,对以上配租的公租住房提出互换申请。现甲乙双方声明对配租房屋状态认可,并对水、电、气、物业管理费等交缴情况无异议,如有欠费由互换后现承租方承担,涉及互换后承租双方户籍变更的需双方自行解决,与市住房保障中心无关。
- <br/>
- <br/>
- <p style="padding-right:100px;">申请人(签字):</p>
- <p> 年  月  日</p>
- </td>
- </tr>
- <tr>
- <td colspan="4" style="text-align:left;">
- 甲乙双方所属街道办意见(盖章)
- <br/>
- <br/>
- <br/>
- <br/>
- <br/>
- <p> 年  月  日</p>
- </td>
- </tr>
- <tr>
- <td colspan="4" style="text-align:left;">
- 甲乙双方所属区住建局意见(盖章)
- <br/>
- <br/>
- <br/>
- <br/>
- <br/>
- <p> 年  月  日</p>
- </td>
- </tr>
- </table>
- </div>
- </body>
- </html>
|