mashangyoujiu/Application/Agent/View/Index/home.html

<!--[1.5.22]-->
<link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<style>
    html, body {
        box-sizing: border-box;
        background: rgb(246, 248, 249);
    }

    .newtable {
        border: none;
        text-align: center;
        background-color: white;
    }

    .newtable tr {
        border: none;
    }

    .newtable td {
        border: none;
        text-align: center;
    }

    .newtable th {
        border: none;
        text-align: center;
    }

    .newtable tbody > tr > th {
        border: none;
    }

    .newtable tbody > tr > td {
        border: none;
    }

    .newtable tbody + tbody {
        border: none;
    }

    .btn {
        background-color: #099688;
        color: white;
    }

    .btn {
        margin-top: 5px;
    }

    td > div {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    .set {
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        padding: 5px 10px;
        background-color: rgba(241, 241, 241, 0.5);
    }

    .set:hover {
        border-color: #099688;
        background-color: white;
        color: #099688;
    }

    .sel {
        width: 100px;
        border-color: #999999;
        border-radius: 5px;
        margin-left: 27px;
        margin-bottom: 15px;
        background-color: transparent;
        outline: none;
        color: #333333;
    }

    .Business {
        width: 100%;
        border-radius: 10px;
        background-color: white;
        box-sizing: border-box;
        padding: 20px;
    }

    .table {
        border: 1px solid #ebecee;
    }

    .table-bordered {
        border: none;
    }

    .Business_tb1 {
        width: 100%;
    }

    .Business_tb1 tr:nth-child(2n+0) {
        background: #f9fafc;
    }

    .Business_tb1 tr td {
        border-right: 1px solid #ebecee !important;
        border-bottom: 1px solid #ebecee !important;
        line-height: 20px;
        padding-top: 20px!important;
        padding-bottom: 20px!important;
        white-space: nowrap;
        text-align: center;
    }

    .Business_tb1 tr th {
        border-color: #ebecee !important;
        width: 3%;
        border: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }

    .companyInfo-wrap {
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 0 0 20px;
        display: flex;
        align-items: center;
    }

    .company-box {
        flex: 1;
        /*width: 30%;*/
        vertical-align: middle;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .logoImg {
        width: 125px;
        vertical-align: middle;
        display: inline-block;
        background: red;
    }

    .Info-box {
        flex: 2;
        display: flex;
        flex-wrap: wrap;
        /*width: 70%;*/
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .Info-box li {
        flex-grow: 1;
        margin-bottom: 10px;
        width: 30%;
    }
</style>
<div style="width: 100%">
    <div class="companyInfo-wrap">
        <div class="company-box">
            <img class="logoImg" src="{$userinfo['image']}" alt=""><br>
            <span>{$userinfo['name']}</span>
        </div>
        <ul class="Info-box">
            <li>手机号码:{$userinfo['phone']}</li>
            <li>折扣等级:{$userinfo['discountname']}</li>
            <li>余额:{$userinfo['money']}</li>
            <li>添加时间:{$userinfo['addtime']}</li>
            <li>启用时间:{$userinfo['begin_time']}</li>
            <li>过期时间:{$userinfo['end_time']}</li>
            <li>地址信息:{$userinfo['address']}</li>
            <li>开户银行:{$userinfo['bank_name']}</li>
            <li>银行卡号:{$userinfo['bank_card']}</li>
        </ul>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" class="table newtable">
        <tr>
            <th class="col-sm-2">总商户</th>
            <th class="col-sm-2">正常商户</th>
            <th class="col-sm-2">到期商户</th>
        </tr>
        <tbody>
        <tr>
            <td class="col-sm-2">{$allMerchant}</td>
            <td class="col-sm-2">{$normalMerchant}</td>
            <td class="col-sm-2">{$overdueMerchant}</td>
        </tr>
        </tbody>
    </table>

    <div class="Business_tb1">
        <table border="0" cellspacing="0" cellpadding="0" class="table table-bordered">
            <tr style="background-color: #f9fafc;">
                <th>序号</th>
                <th>姓名</th>
                <th>手机号码</th>
                <th>开户时间</th>
                <th>启用时间</th>
                <th>到期时间</th>
                <th>详细地址</th>
                <th>商户状态</th>
            </tr>
            <tbody class="tbody" style="border: none;">
            <volist name="list" id="li">
                <tr>
                    <td>{$key+1+$p*$c}</td>
                    <td>{$li['name']}</td>
                    <td>{$li['mobile']}</td>
                    <td>{:date("Y-m-d H:i", $li['addtime'])}</td>
                    <td>{:date("Y-m-d", $li['begin_time'])}</td>
                    <td>{$li['end_time']}</td>
                    <td>{$li['address']?$li['address']:'<span style="color: red;">待完善</span>'}</td>
                    <td>
                        <if condition="$li['status'] eq 1">
                            <if condition="$li['overdue'] eq 1">
                                <span style="color: #666666;">已到期</span>
                                <else/>
                                <span style="color: green;">正常</span>
                            </if>
                            <else/>
                            <span style="color: red;">已禁用</span>
                        </if>
                    </td>
                </tr>
            </volist>
            <empty name="list">
                <tr>
                    <td colspan="11">暂无商户</td>
                </tr>
            </empty>
            </tbody>
        </table>
    </div>
    <div style="text-align: center;:margin-top 10px">
        <!--        <div id="callBackPager">{$page}</div>-->
    </div>
</div>