puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
							<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{admin/common/common}">
<head>
    <title>费用编辑</title>
    <style>
        .line{display: block;
            text-align: left;
            background-color: #fff;
            color: #333;
            border-bottom: 1px solid #0a6999;
            border-color: #fff;
            border-bottom: 1px solid #0a6999;
            margin-top: 10px;
            vertical-align: middle;
            padding: 4px 12px;
            height: 31px;
            line-height: 31px;
            font-size: 14px;
            font-weight: bold;
        }
    </style>
</head>

<body layout:fragment="content">

<article class="page-container">
    <form class="form form-horizontal" id="form-electricWater-edit">
		
        <div class="line">基本信息</div>
        	<div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">客户名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                 <span th:text="${contract.company_name}"></span>
            </div>
        </div>
        <div class="row cl">
        	<label class="form-label col-xs-4 col-sm-2">合同编号：</label>
            <div class="formControls col-xs-8 col-sm-4">
            	<span th:text="${contract.contract_no}"></span>
            </div>
            <label class="form-label col-xs-4 col-sm-2">收款周期：</label>
            <div class="formControls col-xs-8 col-sm-4">
                <span th:text="${contract.tenancy_payment_cycle}"></span><span> 个月</span>
                <input type="hidden" id="tenancy_payment_cycle" th:value="${contract.tenancy_payment_cycle}"/>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">合同生效日：</label>
            <div class="formControls col-xs-8 col-sm-4">
            	<span th:text="${contract.contract_start_date}"></span>
            </div>

            <label class="form-label col-xs-4 col-sm-2">合同到期日：</label>
            <div class="formControls col-xs-8 col-sm-4">
            	<span th:text="${contract.contract_end_date}"></span>
            </div>
        </div>
        <div class="row cl">
            <div class="formControls col-xs-8 col-sm-12">
                <table class="table table-border table-bordered table-bg table-hover">
                    <thead>
                    <tr class="text-c">
                        <th>楼栋</th>
                        <th>层数</th>
                        <th>面积(平方米)</th>
                        <th>单价(元/月/平方米)</th>
                    </tr>
                    </thead>
                    <tbody >
                    <tr class="text-c " th:each="buildLive,iterStat : ${buildLives}" th:object="${buildLive}">
                        <td th:text="*{build_number}"></td>
                        <td th:text="*{floor}"></td>
                        <td th:text="*{use_area}"></td>
                        <td th:text="*{pay}"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="row cl">
         <div class="formControls col-xs-8 col-sm-12">
        <div class="line">缴费信息</div>
        	<div>
        		<!-- <div ><i class="Hui-iconfont" onclick="addTenancyLine()">&#xe600;</i></div> -->
        		<table id="tenancyTb" style="margin-top: 15px" class="table table-border table-bordered table-bg table-hover">
           		<thead>
          		 <tr class="text-c">
					<th>缴费期数</th>
					<th>开始日期</th>
					<th>结束日期</th>
					<th>应缴房租（元）</th>
					<th>已缴房租（元）</th>
					<th>应缴费日期</th>
					<th>缴费状态</th>
					<th>备注</th>
					<th>操作</th>
           		</tr>
           		</thead>
            		<tbody class="pre_tenancy_line" id="pre_tenancy_line">
            			<tr th:each="tenancy:${tenancyList}" th:object="${tenancy}">
		           			<td>
		           				<span th:if="*{period}=='-1'">末 期</span>
                				<span th:unless="*{period}=='-1'">第 <span  th:text="*{period}"></span> 期</span>
		           				<input type="hidden"/>
		           			</td>
		           			<td th:text="*{period_start_date}"></td>
                			<td th:text="*{period_end_date}"></td>
                			<td th:text="*{house_fee}"></td>
                			<td th:text="*{paid_house_fee}"></td>
                			<td class="pay_time" th:text="*{pay_time}"></td>
                			<td class="td-status">
                    			<span class="label radius" th:if="*{status}==0">未缴款</span>
                    			<span class="label radius label-success" th:if="*{status}==2">已缴款</span>
                    			<span class="label radius" th:if="*{status}==1">部分缴款</span>
                			</td>
                			<td th:text="*{remark}" style="max-width: 200px;"></td>
    						<td>
    							<a title="" href="javascript:;" th:onclick="'javascript:tenancy_dialog( \'费用编辑\',\'/build/tenancy/edit_detail/'+*{id}+'\',\'800\',\'450\');'" class="ml-5" style="text-decoration:none;color:#06c;">编辑</a>
                			</td>
    					</tr>
    					</tbody>
    					<!-- <tbody class="add_tenancy_line" style="display:none;">
    					<tr>
    						<td>第 <input type="text" class="input-text period" required maxlength="20" number="true" min="0" readonly="readonly" th:name="tenancysAdd[0].period" onchange=""/> 期</td>
                        	<td><input type="text" class="input-text period_start_date" required maxlength="20" readonly="readonly" th:name="tenancysAdd[0].period_start_date"/></td>
                        	<td><input type="text" class="input-text period_end_date" required maxlength="20" readonly="readonly" th:name="tenancysAdd[0].period_end_date"/></td>
                        	<td><input type="text" class="input-text house_fee" required maxlength="20" number="true" min="0" readonly="readonly" th:name="tenancysAdd[0].paid_house_fee" th:value="${tenancy.period_pay}"/></td>
                        	<td><input type="text" class="input-text paid_house_fee" required maxlength="20" number="true" min="0" th:name="tenancysAdd[0].paid_house_fee"/></td>
                        	<td><input type="text" class="input-text pay_time" required maxlength="20" readonly="readonly" th:name="tenancysAdd[0].pay_time"/></td>
                        	<td>
                        		<select  class="select status" th:name="tenancysAdd[0].status" >
                    				<option value="0" >未缴费</option>
                    				<option value="1" >已缴费</option>
                    				<option value="2" >部分缴费</option>
                				</select>
                        	</td>
                        	<td><input type="text" class="input-text remark" required maxlength="20" number="true" min="0" th:name="tenancysAdd[0].remark"/></td>
                        	
                        	<td class="icon_font"></td>
    					</tr>
    					
            		</tbody> -->
        		</table>
        	</div>
        	</div>
        </div>
        <div class="row cl" id="manageRow">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <!-- <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i>保存</button>
                <button onClick="article_save();" class="btn btn-secondary radius" type="button"><i class="Hui-iconfont">&#xe632;</i> 保存草稿</button>
                 -->
                <!--<button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>-->
            </div>
        </div>
    </form>
</article>
<script type="text/javascript" th:src="@{/js/build/tenancy/tenancy_edit.js}"></script>
<script type="text/javascript" th:src="@{/h-ui/lib/webuploader/0.1.5/webuploader.min.js}"></script> 
<script th:inline="javascript">
    /**
     * 取消
     */
    function removeIframe() {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }
    
    function removeLine(obj) {
        $(obj).parent().parent().remove();
    }

    
</script>
</body>
</html>