{extend name="common/common2" /}
{block name="main"}

<style>
    .custom-table.table{
        width: 100%;
    }
    .custom-table th,.custom-table td{
        padding: 10px;
    }
    .custom-table th{
        width: 120px;
        text-align: right;
    }
    .text {
        width: 200px;
        display: inline-block;
    }
    .num {
        margin-left: 20px;
    }
</style>


<div class="col-sm-12">
    <div class="panel panel-default">
        <div class="panel-heading clearfix">
            详情
            <div class="btn-group pull-right">
                <a href="javascript:history.go(-1);">返回</a>
            </div>
        </div>
        <div class="panel-body">
            <div style="margin-bottom: 20px">
                上次到期时间：{$data['data']['start']};
                交款结束时间：{$data['data']['end']};
                备注：{$data['data']['remark']} <br>
                状态：
                {if $data['data']['status'] == 0}待审核{/if}
                {if $data['data']['status'] == 1}已同意{/if}
                {if $data['data']['status'] == 2}已拒绝{/if}
                {if $data['data']['status'] == 3}已取消{/if}
                <p></p>
                <!--                <a href="javascript:;" onclick="onagree(this)" class="btn btn-primary btn-sm">同意</a>-->
                <!--                <a href="javascript:;" onclick="ondisagree(this)" class="btn btn-warinig btn-sm">拒绝</a>-->
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <!-- nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">基本汇总</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">基本明细</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">科目明细</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">
                <table class="table table-bordered">
                    <tr>
                        <th>总金额</th>
                        <th>总预付款</th>
                        <th>总实收</th>
                        <th>现金</th>
                        <th>支付宝</th>
                        <th>银行托收</th>
                        <th>微信</th>
                    </tr>
                    <tr>
                        <td>{$data['data']['money']}</td>
                        <td>{$data['data']['pre_money']}</td>
                        <td>{$data['data']['true_money']}</td>
                        <td>{$data['data']['pay_money1']}</td>
                        <td>{$data['data']['pay_money3']}</td>
                        <td>{$data['data']['pay_money4']}</td>
                        <td>{$data['data']['pay_money5']}</td>
                    </tr>
                </table>
                <table class="table table-bordered">
                    <tr>
                        <th>收费科目</th>
                        <th>金额</th>
                    </tr>
                    {foreach $data['fees'] as $k=>$v}
                    <tr>
                        <td>{$v['fee_title']}</td>
                        <td>{$v['money']}</td>
                    </tr>
                    {/foreach}
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="profile">
                <table class="table table-bordered">
                    <tr>
                        <th>单据号</th>
                        <th>业主</th>
                        <th>应收</th>
                        <th>实收</th>
                        <th>预付款</th>
                        <th>支付方式</th>
                        <th>收款日期</th>
                        <th>收款人</th>
                    </tr>
                    {foreach $data['list'] as $k=>$v}
                    <tr>
                        <td>{$v['sn']}</td>
                        <td>{$v['name']}</td>
                        <td>{$v['money']}</td>
                        <td>{$v['true_money']}</td>
                        <td>{$v['pre_money']}</td>
                        <td>
                            {if $v['pay_type'] == 1}现金{/if}
                            {if $v['pay_type'] == 3}支付宝{/if}
                            {if $v['pay_type'] == 4}银行托收{/if}
                            {if $v['pay_type'] == 5}微信{/if}
                            {if $v['pay_type'] == 6}组合付款{/if}
                        </td>
                        <td>{$v['pay_time']}</td>
                        <td>{$v['payee']}</td>
                    </tr>
                    {/foreach}
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
                <table class="table table-bordered">
                    <tr>
                        <th>单据号</th>
                        <th>业主</th>
                        <th>小区</th>
                        <th>资源名称</th>
                        <th>资源属性</th>
                        <th>类型</th>
                        <th>收费科目</th>
                        <th>金额</th>
                        <th>起止日期</th>
                        <th>收款日期</th>
                        <th>收款人</th>
                    </tr>
                    {foreach $data['logs'] as $k=>$v}
                    <tr>
                        <td>{$v['sn']}</td>
                        <td>{$v['name']}</td>
                        <td>{$v['area_title']}</td>
                        <td>{$v['title']}</td>
                        <td>
                            {if $v['cate'] == 1}住房{/if}
                            {if $v['cate'] == 2}商铺{/if}
                            {if $v['cate'] == 3}营业房{/if}
                            {if $v['cate'] == 4}储藏室{/if}
                            {if $v['cate'] == 5}停车位{/if}
                        </td>
                        <td>{$v['c_type_name']}</td>
                        <td>{$v['fee_title']}</td>
                        <td>{$v['money']}</td>
                        <td>
                            {if $v['start']}
                            {$v['start']} ~ {$v['end']}
                            {/if}
                        </td>
                        <td>{$v['pay_time']}</td>
                        <td>{$v['payee']}</td>
                    </tr>
                    {/foreach}
                </table>
            </div>
        </div>
    </div>
</div>


{/block}
{block name="script"}

{/block}