money.html 5.9 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;
    }
</style>
</head>
<body>
<div class="wrap">
    <ul class="nav nav-tabs">
        <li class=""><a href="{:url('AdminOauth/inmoney',array('id'=>$uid))}">收入</a></li>
        <li class="active"><a>支出</a></li>
    </ul>
    <form class="well form-inline margin-top-20" method="post" action="{:url('AdminOauth/money')}">
        <input type="hidden" name="id" value="{$uid}">
        时间:
        <input type="text" class="form-control js-bootstrap-datetime" name="start_time"
               value="{$start_time|default=''}"
               style="width: 140px;" autocomplete="off"> -
        <input type="text" class="form-control js-bootstrap-datetime" name="end_time"
               value="{$end_time|default=''}"
               style="width: 140px;" autocomplete="off"> &nbsp; &nbsp;
        支出详情:
        <input type="text" class="form-control" name="title" style="width: 200px;"
               value="{$title|default=''}" placeholder="请输入支出详情">
        支出金额:
        <input type="text" class="form-control" name="money" style="width: 200px;"
               value="{$money|default=''}" placeholder="请输入支出金额">
        <input type="submit" class="btn btn-primary" value="搜索"/>
        <a class="btn btn-danger" href="{:url('AdminOauth/money',array('id'=>$uid))}">清空</a>
    </form>
    <div class="well form-inline margin-top-20">
        <div >用户信息</div>
        <div>
            <span>用户id:{$user.id}</span>&nbsp;&nbsp;&nbsp;&nbsp;
            <span>用户名:{$user.name}</span>&nbsp;&nbsp;&nbsp;&nbsp;
            <span>手机号:{$user.tel}</span>&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
    </div>

    <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 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.title}</td>
                    <td>{$vo.money}</td>
                    <td>
                        <eq name="vo.status" value="1">
                            正常
                        </eq>
                    </td>
                    <td>{:date('Y-m-d H:i:s',$vo['create_time'])}</td>
                    <td>
                        <span  class="look" style="color: #18BC9C; text-decoration:underline; cursor: pointer; "  index="{$vo.id}">查看订单</span>
                            <span  class="black" style="color: #18BC9C; text-decoration:underline; cursor: pointer; "  index="{$vo.id}">删除</span>
                    </td>
                </tr>
            </foreach>
            </tbody>
        </table>

    </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/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/moneyDel')}",
                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
    })
//    查看收支明细
//    查看提现申请
//    查看邀请人
</script>
</body>
</html>