fanzherong
/
baozhangfang


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<%-- 退房申请表 --%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<jsp:include page="../../common/include.jsp" />
<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<%String houseId = request.getParameter("house.id");%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="<%=basePath%>/js/jquery.jqprint.js"></script>
<style type="text/css">
        table{width: 100%;border-collapse:collapse;}
        caption{font-size: 24px;padding: 10px;}
        table td{border: 1px solid #000;padding: 12px 10px;text-align: center;white-space: nowrap;}
        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;}
    </style>
<script type="text/javascript">
    window.onload=function(){
        document.getElementById('printBtn1').onclick=function(){
            window.print();
        }
    }
	$(function(){
		$.ajax({
	        type: "post",//使用post方法访问后台
	        dataType: "json",//返回json格式的数据
	        url: "houseAction_findById",//要访问的后台地址
	        data:{"house.id":<%=houseId%> },
	        success: function(msg){//msg为返回的数据，在这里做数据绑定
	            if(msg.success){
	               $("#lessee").text(msg.obj.lessee);
	               $("#lesseeId").text(msg.obj.lesseeId);
	               $("#lesseeTel").text(msg.obj.lesseeTel);
	               $("#address").text(msg.obj.address);
	               if(msg.obj.waterCardNum!=null){
	            	   $("#waterCardNum").text(msg.obj.waterCardNum);
	               }
	            }
	        }
	    });
	})
</script>
</head>
<body>
<input type="button" value="打印文档" id="printBtn1">
    <div style="width: 210mm;" class="printDiv">
        <table>
        <caption>保障性住房退出审批表</caption>
        <tr>
            <th width="90"></th>
            <th width="90"></th>
            <th width="100"></th>
            <th></th>
            <th></th>
            <th width="100"></th>
            <th></th>
        </tr>
        <tr>
            <td>姓  名</td>
            <td id="lessee"></td>
            <td>身份证号码</td>
            <td colspan="2" id="lesseeId"></td>
            <td>联系方式</td>
            <td id="lesseeTel"></td>
        </tr>
        <tr>
            <td>保障类型</td>
            <td>实物配租</td>
            <td>房屋坐落</td>
            <td colspan="4" id="address"></td>
        </tr>
        <tr>
            <td colspan="2">住房清退原因</td>
            <td colspan="5">自愿放弃</td>
        </tr>

        <tr>
            <td rowspan="7">房屋交接</td>
            <td rowspan="4">费用<br/>结清<br/>情况</td>
            <td colspan="5" class="alignleft">月租金：<input type="text" style="width: 80px;text-align: center;">元，已付租金：<input type="text" style="width: 100px;text-align: center;">元. </td>
        </tr>
        <tr>
            <td colspan="5" class="alignleft">租金结算至<input type="text">，结算退还费用</td>
        </tr>
        <tr>
            <td colspan="5" class="alignleft">水：卡号<input id="waterCardNum" type="text"  style="width: 80px;text-align: center;">，底数<input id="waterBase" type="text" style="width: 80px;text-align: center;"> ，结算至<input type="text" style="width: 80px;text-align: center;"> ，结算费用<input type="text" style="width: 80px;text-align: center;">元  </td>
        </tr>
        <tr>
            <td colspan="5" class="alignleft">上述费用结清情况：全部结清至退出时间</td>
        </tr>
        <tr>
            <td>附属物</td>
            <td colspan="5" class="setheight"></td>
        </tr>
        <tr>
            <td>钥匙</td>
            <td colspan="5" class="setheight"></td>
        </tr>
        <tr>
            <td>其他情况<br/>说明</td>
            <td colspan="5" class="setheight"></td>
        </tr>
        <tr>
            <td colspan="2">物业公司意见</td>
            <td colspan="2"  class="alignleft"><br/><input type="text" class="dateinput">经办人：<br/><input type="text" class="dateinput">联系电话：<br/><input type="text" class="dateinput">年<input type="text" class="dateinput">月<input type="text" class="dateinput">日</td>
            <td colspan="3" class="alignleft"><br/><br/><input type="text" class="dateinput">负责人：<br/><input type="text" class="dateinput">年<input type="text" class="dateinput">月<input type="text" class="dateinput">日</td>
        </tr>
        <tr>
            <td colspan="2">服务部意见</td>
            <td colspan="2" class="alignleft"><br/><input type="text" class="dateinput">经办人：<br/><input type="text" class="dateinput">年<input type="text" class="dateinput">月<input type="text" class="dateinput">日</td>
            <td colspan="3" class="alignleft"><br/><input type="text" class="dateinput">负责人：<br/><input type="text" class="dateinput">年<input type="text" class="dateinput">月<input type="text" class="dateinput">日</td>
        </tr>
        <tr>
            <td colspan="2">供应科意见</td>
            <td colspan="5" class="setheight2"></td>
        </tr>
        <tr>
            <td colspan="2">财务科意见</td>
            <td colspan="5" class="setheight"></td>
        </tr>
        <tr>
            <td colspan="2">分管领导意见</td>
            <td colspan="5" class="setheight"></td>
        </tr>
        <tr>
            <td colspan="2">中心领导意见</td>
            <td colspan="5" class="setheight"></td>
        </tr>
    </table>
    </div>
</body>
</html>