NN2022081301/public/agent/pages/users/relation.html

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-form toolbar">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label w-auto">搜索：</label>
                        <div class="layui-input-inline mr0">
                            <input id="edtSearchAuth" class="layui-input" placeholder="输入关键字"/>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button id="btnSearchAuth" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索
                        </button>
                        <button id="btnAddAuth" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>
                    </div>
                </div>
            </div>

            <table id="tableAuth"></table>
        </div>
    </div>
</div>


<!-- js部分 -->
<script>
    layui.use(['layer', 'form', 'setter','admin', 'treeTable',  'xmSelect', 'util', 'notice'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var setter = layui.setter;
        var admin = layui.admin;
        var treeTable = layui.treeTable;
        var xmSelect = layui.xmSelect;
        var util = layui.util;
        var notice = layui.notice;

        // 所有
        var policies = [];

        // 渲染表格
        var insTb = treeTable.render({
            elem: '#tableAuth',
            tree: {
                iconIndex: 1,  // 折叠图标显示在第几列
                idName: 'id',  // 自定义id字段的名称
                pidName: 'parent_id',  // 自定义标识是否还有子节点的字段名称
                isPidData: true  // 是否是pid形式数据
            },
            text: {
                none: '获取不到数据'
            },
            toolbar: true,
            cellMinWidth: 100,
            cols: [
                {type: 'numbers'},
                {field: 'nickname', title: '邀请用户'},
                {field: 'card_id', title: '会员编号', width: 200},
                {field: 'mobile', title: '联系方式', width: 200},
                {
                    field: 'created_at', templet: function (d) {
                        return util.toDateString(d.created_at * 1e3);
                    }, title: '邀请时间', align: 'center'
                }
            ],
            reqData: function (data, callback) {
                admin.req('users/relation', function (r) {
                    if(r.code === 10000){
                        callback(policies = r.data);
                    }
                    callback(policies);
                }, 'GET');
            }
        });

        // 搜索
        $('#btnSearchAuth').click(function () {
            var keyword = $('#edtSearchAuth').val();
            if (keyword) {
                insTb.filterData(keyword);
            } else {
                insTb.clearFilter();
            }
        });
    });
</script>