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

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>后台管理系统</title>
    <script src="__PUBLIC__/jquery/js/jquery-2.0.3.min.js"></script>
    <script src="__PUBLIC__/jquery/js/jquery.form.js"></script>
    <link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="__PUBLIC__/bootstrap/js/bootstrap.min.js"></script>
    <style>
        html,body{
            box-sizing: border-box;
            padding: 20px;
            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: #009688;
            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: #009688;
            background-color: white;
            color: #009688;
        }
        .sel{
            width: 100px;
            border-color: #999999;
            border-radius: 5px;
            margin-left: 27px;
            margin-bottom: 15px;
            background-color: transparent;
            outline: none;
            color: #333333;
        }
        .Business{
            border-radius: 10px;
            background-color: white;
            box-sizing: border-box;
            padding: 20px;
            margin-bottom: 10px;
        }
        .table{
            border: 1px solid #ebecee;
        }
        .table-bordered {
            border: none;
        }
        .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;
            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;
        }
    </style>
</head>

<body>
<div class="Business" style="margin-top: 20px;">
    <div class="container">
        <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">{$alladmin}</td>
                <td class="col-sm-2">{$normaladmin}</td>
                <td class="col-sm-2">{$overdueadmin}</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<div class="Business">
    <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>QQ</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>{$li['index']}</td>
                    <td>{$li['name']}</td>
                    <td>{$li['phone']}</td>
                    <td>{$li['qq']}</td>
                    <td>{$li['jurisname']}</td>
                    <td>{$li['addtime']}</td>
                    <td>{$li['begin_time']}</td>
                    <td>{$li['end_times']}</td>
                    <td>{$li['address']?$li['address']:'<span style="color: red;">待完善</span>'}</td>
                    <td>
                        <if condition="$li['status'] eq 1">
                            <if condition="$li['end_time'] lt time()">
                                <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>
</body>
</html>