user.html 11.2 KB
<include file="public@header"/>
<link rel="stylesheet" href="__STATIC__/install/css/mdialog.css">
<style>
    .popup{
        width: 250px;
        height: 100px;
        background-color: rgba(0,0,0,0.5);
        position: fixed;
        top: 50%;
        transform: translateY(-50px);
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 5px;
        color: #ffffff;
    }
    .popup p{
        text-align: center;
        margin-top: 20px;
    }
    .popup span{
        text-align: center;
        line-height: 30px;
        cursor: pointer;
    }
    .popup .queding{
        display: inline-block;
        width: 80px;
        height: 30px;
        background-color: #1E9FFF;
        border-radius: 3px;
    }
    .popup span:hover{
        opacity: 0.8;
    }
    .popup .quxiao{
        display: inline-block;
        width: 80px;
        height: 30px;
        ckground-color: #9cb945 ;
        color: #333333;
        border-radius: 3px;
        background-color:#fff;
        margin-left: 35px;
    }
    .btn_list{
        margin: 0 auto;
        width: 200px;
    }

    .paging {
        width: auto;
        margin: 0 auto;
        margin-top: 50px;
        overflow: hidden;
        clear: both;
        width: 780px;
        margin-bottom: 67px;
    }

    .paging ul li {
        float: left;
        display: block;
        width: 40px;
        height: 40px;
        background-color: #FFFFFF;
        margin-left: 10px;
        line-height: 40px;
        text-align: center;
    }

    .paging ul li:first-child {
        margin-left: 0;
    }

    .paging .paging_first {
        width: 78px;
    }

    .paging .active {
        background-color: #80B13B;
        color: #FFFFFF;
    }

    .page_btn,
    .pre,
    .next,
    .paging_first,
    .paging_last {
        cursor: pointer;
    }

    .paging .paging_last {
        width: 78px;
    }
    .content_list{
        min-height: 364px;
    }







    .page_div a {
        min-width: 30px;
        height: 28px;
        border: 1px solid #dce0e0!important;
        text-align: center;
        margin: 0 4px;
        cursor: pointer;
        line-height: 28px;
        color: #666666;
        font-size: 13px;
        display: inline-block;
        background: #fff;
    }
    #firstPage, #lastPage {
        width: 50px;
        color: #0073A9;
        border: 1px solid #0073A9!important;
    }
    #prePage, #nextPage {
        width: 70px;
        color: #0073A9;
        border: 1px solid #0073A9!important;
    }
    .page_div .current {
        background-color: #0073A9;
        border-color: #0073A9;
        color: #FFFFFF;
    }

    .totalPages {
        margin: 0 10px;
        color: #0073A9;
    }
    .totalSize {
        color: #0073A9;
    }
    .totalPages span, .totalSize span {
        margin: 0 5px;
    }








</style>
</head>
<body>
<div class="wrap">
    <ul class="nav nav-tabs">
        <li class="active"><a>用户管理</a></li>
    </ul>
    <form class="well form-inline margin-top-20" method="post" action="{:url('AdminOauth/user')}">
        时间:
        <input type="text" class="form-control js-bootstrap-datetime start_time" name="start_time"
               value="{$start_time|default=''}"
               style="width: 140px;" autocomplete="off"> -
        <input type="text" class="form-control js-bootstrap-datetime end_time" name="end_time"
               value="{$end_time|default=''}"
               style="width: 140px;" autocomplete="off"> &nbsp; &nbsp;
        姓名:
        <input type="text" class="form-control name" name="name" style="width: 200px;"
               value="{$name|default=''}" placeholder="请输入姓名">
        手机号:
        <input type="text" class="form-control tel" name="tel" style="width: 200px;"
               value="{$tel|default=''}" placeholder="请输入手机号">
        <input type="submit" class="btn btn-primary" value="搜索"/>
        <a class="btn btn-danger" href="{:url('AdminOauth/user')}">清空</a>
        <a class="btn up"  style="color:#fff;background-color:#60C5F1" href="{:url('Admin_oauth/user',array('up'=>1))}">余额升序</a>
        <a class="btn down"  style="color:#fff;background-color:#C785C8" href="{:url('Admin_oauth/user',array('up'=>2))}">余额降序</a>
    </form>


    <form method="post" class="js-ajax-form margin-top-20">
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>手机号</th>
                <th>余额</th>
                <th>推荐人</th>
                <th>推荐人id</th>
                <th>注册时间</th>
                <th>状态</th>
                <th align="center" style="cursor: pointer; text-align: center;">查看</th>
                <th align="center" style="cursor: pointer;">操作</th>
            </tr>
            </thead>
            <tbody>
            <foreach name="lists" item="vo">
                <tr>
                    <td>{$vo.id}</td>
                    <td>{$vo.name}</td>
                    <td>{$vo.tel}</td>
                    <th>{$vo.money}</th>
                    <td>
                        <empty name="vo.referee_name">
                            暂无
                            <else/>
                            {$vo.referee_name}
                        </empty>

                    </td>
                    <td>
                        <empty name="vo.referee_id">
                            暂无
                            <else/>
                            {$vo.referee_id}
                        </empty>

                    </td>

                    <td>{:date('Y-m-d H:i:s',$vo['create_time'])}</td>
                    <td>
                        <eq name="vo.status" value="1">
                            正常
                        </eq>
                        <eq name="vo.status" value="8">
                            已拉黑
                        </eq>
                        <eq name="vo.status" value="9">
                            已删除
                        </eq>
                    </td>
                    <td>
                        <span  class="detail" style="color: #0FD149; text-decoration:underline; cursor: pointer; "  index="{$vo.id}" >详细信息</span>
                        <span class="money" style="color: #9B399C; text-decoration:underline;  cursor: pointer; " index="{$vo.id}">收支明细</span>
                        <span class="getMoneyDetail" style="color: #18BC9C;text-decoration:underline;  cursor: pointer; " index="{$vo.id}">提现申请</span>
                        <span class="referee" style="color: #BFB61D; text-decoration:underline;  cursor: pointer; " index="{$vo.id}">邀请人</span>
                    </td>
                    <td>
                        <eq name="vo.status" value="1">
                            <span  class="black" style="color: #AC4555; text-decoration:underline; cursor: pointer; "  index="{$vo.id}">拉黑</span>
                        </eq>
                        <eq name="vo.status" value="8">
                            <span style="color:#aaaaaa; cursor: pointer; " index="{$vo.id}">已拉黑</span>
                        </eq>
                        <eq name="vo.status" value="9">
                            <span style="color:#aaaaaa; cursor: pointer; " index="{$vo.id}">已删除</span>
                        </eq>
                    </td>
                </tr>
            </foreach>
            </tbody>
        </table>

        <div id="page1" class="page_div"></div>
        <!--<ul class="pagination">-->
        <!--</ul>-->
    </form>
    <div class="popup" style="display: none;">
        <p>确认拉黑该用户</p>
        <div class="btn_list">
            <span class="queding">确认</span>
            <span class="quxiao">取消</span>
        </div>
    </div>

</div>
<script src="__STATIC__/js/paging.js"></script>
<script src="__STATIC__/js/admin.js"></script>
<script src="__STATIC__/js/layer/layer.js"></script>
<script type="text/javascript" src="__STATIC__/js/zepto.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/mdialog.js"></script>
<script type="">
    $('.black').click(function () {
        var id = $(this).attr('index');
        $('.popup').css('display','block');
        // 删除
        $('.queding').click(function () {
            $.ajax({
                type:"POST",
                url:"{:url('AdminOauth/del')}",
                data:{
                    "id":id,
                },
                success:function (data) {
                    new TipBox({type:'success',str:'操作成功',hasBtn:true});
                    $('.popup').css('display','none');
                },
                error:function () {
                    new TipBox({type:'error',str:'对不起,出错了!',hasBtn:true});
                    $('.popup').css('display','none');
                }
            })
        })
    })
    $('.quxiao').click(function () {
        $('.popup').css('display','none');
    })

    //    查看用户详细信息
    $('.detail').click(function () {
        var url1 = "{:url('user/AdminOauth/userDetail')}";
        var url2 = $(this).attr('index');
        var url3 = url1.split('.');
        var url  = url3[0]+'/id/'+url2+'.html';
        window.location.href = url
    })
    //    查看收支明细
    $('.money').click(function () {
        var url1 = "{:url('user/AdminOauth/money')}";
        var url2 = $(this).attr('index');
        var url3 = url1.split('.');
        var url  = url3[0]+'/id/'+url2+'.html';
        window.location.href = url
    })
    //    查看提现申请
    $('.getMoneyDetail').click(function () {
        var url1 = "{:url('user/AdminOauth/getMoneyDetail')}";
        var url2 = $(this).attr('index');
        var url3 = url1.split('.');
        var url  = url3[0]+'/id/'+url2+'.html';
        window.location.href = url
    })
    //    查看邀请人
    $('.referee').click(function () {
        var url1 = "{:url('user/AdminOauth/referee')}";
        var url2 = $(this).attr('index');
        var url3 = url1.split('.');
        var url  = url3[0]+'/id/'+url2+'.html';
        window.location.href = url
    })


    // 分页
    var page = "{$page}";
    var count = "{$count}";
    var page_int = parseInt(page);
    var pageNext = "{$Request.param.page}";
    var up = "{$Request.param.up}";
    var end_time = $('.end_time').val();
    var start_time = $('.start_time').val();
    var name = $('.name').val();
    var tel = $('.tel').val();

    $("#page1").paging({
        pageNo: pageNext,  // 当前页
        totalPage: page_int,  // 总页数(可以用Math.ceil()向上取整来计算)
        totalSize: count,  //总条数
        callback: function(num) {
            var url = "/User/Admin_oauth/user.html?page="+num;
            if(up){
                url += "&up="+up
            }
            if(start_time){
                url += "&start_time="+start_time
            }
            if(end_time){
                url += "&end_time="+end_time
            }
            if(name){
                url += "&name="+name
            }
            if(tel){
                url += "&tel="+tel
            }
            window.location.href = url;
        }
    })
















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