puti
/
snd-escloud


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323
							<!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>
<style>
    .col-sm-2 {
        width: 13.666667%
    }

    .width-180 {
        width: 180px
    }
</style>
<body layout:fragment="content">

<article class="page-container">
    <form class="form form-horizontal" id="form-content-edit">
        <input type="hidden" th:id="contract_id" th:name="contract_id" th:value="${contract.id}"/>
        <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-4">
                [[${contract.contract_no}]]
            </div>

            <label class="form-label col-xs-4 col-sm-2"> 企业名称：</label>
            <div class="formControls col-xs-8 col-sm-4">
                [[${contract.company_name}]]
            </div>
        </div>

        <div class="row cl" th:each="companyContact,iterStat:${contract.companyContacts}" th:object="${companyContact}">
            <label class="form-label col-xs-4 col-sm-2"> <span th:if="${iterStat.first}">联系人：</span></label>
            <div class="formControls col-xs-8 col-sm-4">
                [[*{contact}]]
            </div>

            <label class="form-label col-xs-4 col-sm-2"><span th:if="${iterStat.first}"> 联系电话：</span></label>
            <div class="formControls col-xs-8 col-sm-4">
                [[*{phone}]]
            </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">
                [[${contract.contract_start_date}]]
            </div>

            <label class="form-label col-xs-4 col-sm-2"> 合同到期日：</label>
            <div class="formControls col-xs-8 col-sm-4">
                [[${contract.contract_end_date}]]
            </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">
                [[${contract.location}]]
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span>合同上传：</span></label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="uploader-thum-container">
                    <div id="fileListPre" class="uploader-list">
                        <th:block th:unless="${contract.fileDown.file_url} == null">
                            <a th:href="${fileUrl} + ${contract.fileDown.file_url}" target="_blank">[[${contract.fileDown.file_name}]]</a>
                        </th:block>
                    </div><!--
                    <div id="filePicker">选择合同</div>
                    <input type="hidden" name="file_url" id="img" th:value="${contract.fileDown.file_url}"/> -->
                </div>
            </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-9">
                [[${contract.remark}]]
            </div>
        </div>
        <div th:if="${contract.is_tenancy}">
            <div class="line">房屋租赁</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>
                            <th>备注</th>
                        </tr>
                        </thead>
                        <tbody class="add_floor_line">
                        <tr class="text-c " th:each="buildLive,iterStat : ${buildLives}" th:object="${buildLive}">
                            <td>[[*{build_number}]]</td>
                            <td>[[*{floor}]]</td>
                            <td>[[*{use_area}]]</td>
                            <td>[[*{pay}]]</td>
                            <td>[[*{remarks}]]</td>
                        </tr>

                        </tbody>
                    </table>
                </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">
                    <div class="col-sm-4 nopadding">
                        <span id="paid_tenancy_month">[[${contract.paid_tenancy_month}]]</span>
                        <span>个月</span>
                    </div>
                    <div class="col-sm-8 nopadding">
                        <span>共 </span>
                        <span id="paid_tenancy">[[${contract.paid_tenancy}]]</span>
                        <span style="margin-left:3px">元</span>
                    </div>
                </div>
                <label class="form-label col-xs-4 col-sm-2">总面积(m²)：</label>
                <div class="formControls col-xs-8 col-sm-4">
                    <input type="hidden" th:name="area" id="area"/>
                    <span id="total_area">[[${contract.area}]]</span>
                </div>

                <label class="form-label col-xs-4 col-sm-2"> 收款周期：</label>
                <div class="formControls col-xs-8 col-sm-4">
                    <span> [[${contract.tenancy_payment_cycle}]] </span><span>月一次</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">
                    [[${contract.deposit_fee}]]
                </div>

                <label th:if="${contract.status}=='1'" class="form-label col-xs-4 col-sm-2">已退押金：</label>
                <div th:if="${contract.status}=='1'" class="formControls col-xs-8 col-sm-4">
                    [[${contract.returned_deposit_fee}]]
                </div>
            </div>
        </div>
        <div th:if="${contract.is_water}">
            <div class="line">水费</div>
            <div class="row cl">

                <div class="formControls col-xs-8 col-sm-6">
                    <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 class="add_water_line">
                        <tr class="text-c " th:each="water,iterStat : ${waters}" th:object="${water}">
                            <td>[[*{water_name}]]</td>
                            <td>[[*{start_water_meter_count}]]</td>
                            <td>[[*{start_date}]]</td>
                            <td>[[*{end_date}]]</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div th:if="${contract.is_electric}">
            <div class="line">电费</div>
            <div class="row cl">

                <div class="formControls col-xs-8 col-sm-6">

                    <table 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>
                        </tr>
                        </thead>
                        <tbody class="add_electric_line">
                        <tr class="text-c " th:each="electric,iterStat : ${electrics}" th:object="${electric}">
                            <td>[[*{electric_name}]]</td>
                            <td>[[*{start_electric_meter_count}]]</td>
                            <td>[[*{start_electric_peak_count}]]</td>
                            <td>[[*{start_electric_flat_count}]]</td>
                            <td>[[*{start_electric_valley_count}]]</td>
                             <td>[[*{start_date}]]</td>
                             <td>[[*{end_date}]]</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div th:if="${contract.is_property}">
            <div class="line">物业费用</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>
                            <th width="100">说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="text-c " th:if="${property!=null}">
                            <td>物业费</td>
                            <td>[[${property.price}]] 元/月/平方米</td>
                            <td>[[${property.number}]] /平方米</td>
                            <td> [[${property.payment_cycle}]]<span>月一次</span></td>
                            <td> [[${property.remarks}]]</td>
                        </tr>
                        <tr th:if="${property==null}">
                            <td style=" text-align: center;" colspan="5">无数据</td>
                        </tr>
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
        <div th:if="${contract.is_parking}">
            <div class="line">停车费用</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>
                            <th width="100">说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="text-c" th:if="${parking!=null}">
                            <td>停车费</td>
                            <td>[[${parking.price}]] 元/月/个</td>
                            <td>[[${parking.number}]]个</td>
                            <td> [[${parking.payment_cycle}]]<span>月一次</span></td>
                            <td> [[${parking.remarks}]]</td>
                        </tr>
                        <tr th:if="${parking==null}">
                            <td style=" text-align: center;" colspan="5">无数据</td>
                        </tr>
                        </tbody>
                    </table>
                </div>

            </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> [[${contract.remind_day}]] </span><span>天提醒</span>
            </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 onClick="printContract();" class="btn btn-primary radius" type="button">&nbsp;&nbsp;打印&nbsp;&nbsp;</button>
                <!--<button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>-->
            </div>
        </div>
    </form>
</article>
<script th:inline="javascript">

    /**
     * 取消
     */
    function removeIframe() {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }

    function printContract() {
        $("#manageRow").hide();
        print();
        $("#manageRow").show();
    }

</script>

</body>
</html>