repo-backend/public/agents/views/capital/recharge.html

<title>代理商</title>

<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="">主页</a>
        <a><cite>订单与结算</cite></a>
        <a><cite>出入金列表</cite></a>
        <a><cite>充币列表</cite></a>
    </div>
</div>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="layadmin-userfront-formlist">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">币种</label>
                    <div class="layui-input-block" id="currency_view" style="width: 90px;">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">用户名</label>
                    <div class="layui-input-block">
                        <input type="text" name="account_number" placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">所属代理</label>
                    <div class="layui-input-block" id="child_agent_view">
                    </div>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>
        </div>

        <div class="layui-card-body">
            <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
            <script type="text/html" id="table-useradmin-webuser">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="info">查看关联订单</a>
            </script>
        </div>
    </div>
</div>
<script type="text/html" id="currency_templet">
    <select name="currency_id" lay-verify="">
        <option value="-1">全部</option>
        {{# layui.each(d.data, function (index, item) { }}
        <option value="{{item.id}}">{{item.name}}</option>
        {{# }); }}
    </select>
</script>
<script type="text/html" id="child_agent_templet">
    <select name="belong_agent" lay-verify="" lay-search>
        <option value="">全部</option>
        {{# layui.each(d.data, function (index, item) { }}
        <option value="{{item.username}}">{{item.username}}</option>
        {{# }); }}
    </select>
</script>


<script>
    layui.use(['admin', 'useradmin', 'table' , 'layer', 'laytpl'], function() {
        var $ = layui.$
            ,admin = layui.admin
            ,view = layui.view
            ,table = layui.table
            ,form = layui.form
            ,laytpl = layui.laytpl
       
        admin.req({
            url: "/agent/common/legal_currency"
            ,method: 'GET'
            ,done: function (res) {
                var currency_templet = $('#currency_templet').html();
                laytpl(currency_templet).render(res, function (html) {
                    $('#currency_view').html(html);
                    form.render('select');
                });
            }
        });
    
        admin.req({
            url: '/agent/user/all_child_agent'
            ,method: 'GET'
            ,done: function (res) {
                var child_agent_templet = $('#child_agent_templet').html();
                laytpl(child_agent_templet).render(res, function (html) {
                    $('#child_agent_view').html(html);
                    form.render('select');
                });
            }
        });
        
        //用户管理
        table.render({
            elem: '#LAY-user-manage'
            ,method : 'get'
            ,url: '/agent/capital/recharge'
            ,toolbar: true
            ,totalRow: true
            ,cols: [[
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'id', width: 60, title: 'ID', sort: true }
                ,{field: 'currency_name', title: '币种', width: 90}
                ,{field: 'account_number', title: '用户名', width: 120, totalRowText: '小计'}
                ,{field: 'belong_agent_name', title: '所属代理', width: 120}
                ,{field: 'value', title: '充币数量', width: 150, totalRow: true}
                ,{field: 'info', title: '说明', width: 200}
                ,{field: 'created_time', title: '到账时间', width: 170}
            ]]
            ,page: true
            ,limit: 30
            ,height: 'full-240'
            ,text: '对不起，加载出现异常！'
            ,headers: {
                //通过 request 头传递
                access_token: layui.data('layuiAdmin').access_token
            }
            ,where: {
                //通过参数传递
                access_token: layui.data('layuiAdmin').access_token
            }
            ,done: function(res) { //这里要说明一下：done 是只有 response 的 code 正常才会执行。而 succese 则是只要 http 为 200 就会执行
                if (res !== 0 ){
                    if (res.code === 1001) {
                        //清空本地记录的 token，并跳转到登入页
                        admin.exit();
                    }
                }
            }
        });

        form.render(null, 'layadmin-userfront-formlist');

        //监听搜索
        form.on('submit(LAY-user-front-search)', function(data){
            var field = data.field;

            //执行重载
            table.reload('LAY-user-manage', {
                where: field
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,done: function(res){ //这里要说明一下：done 是只有 response 的 code 正常才会执行。而 succese 则是只要 http 为 200 就会执行

                    if (res.code === 1001) {
                        //清空本地记录的 token，并跳转到登入页
                        admin.exit();
                    }

                    if (res.code === 1){
                        layer.msg(res.msg ,{icon : 5});
                    }
                }
            });
        });

    });
</script>