@{
    ViewBag.Title = "成交用户列表";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style>
    .layui-table-link {
        color: #01AAED;
        cursor: pointer;
    }
    .layui-table-link:hover {
        color: #1E9FFF;
        text-decoration: underline;
    }
</style>

<div class="layui-fluid">
    <div class="layui-card">
            <!-- 搜索条件 -->
            <form class="layui-form" style="padding-top:10px">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">用户名</label>
                        <div class="layui-input-inline">
                            <input type="text" name="username" placeholder="请输入" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" name="cname" placeholder="请输入" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">客户状态</label>
                        <div class="layui-input-inline">
                            <select name="status">
                                <option value="">全部</option>
                                <option value="1" selected>在期</option>
                                <option value="0">过期</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">排序方式</label>
                        <div class="layui-input-inline">
                            <select name="orderBy">
                                <option value="regdate">注册时间</option>
                                <option value="lasttime">最新交易</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">可触达</label>
                        <div class="layui-input-inline">
                            <select name="reachable">
                                <option value="">全部</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">服务人员</label>
                        <div class="layui-input-inline">
                            <select name="hasFriend">
                                <option value="">全部</option>
                                <option value="1">有</option>
                                <option value="0">无</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn" lay-submit lay-filter="search">
                            <i class="layui-icon layui-icon-search"></i> 搜索
                        </button>
                        <input class="layui-btn layui-icon layui-icon-export" type="button" id="exportBtn" data-method="export" value="导出" />
                    </div>
                </div>
            </form>
        <div class="layui-card-body">
            <table id="dataTable" lay-filter="dataTable"></table>
        </div>
    </div>
</div>

<script>
    layui.config({
        base: '/Scripts/layui_ext/',
    }).extend({
        excel: 'excel.min',
    });
    layui.use(['table', 'form', 'excel'], function () {
        var table = layui.table;
        var form = layui.form;
        var excel = layui.excel;
            
        //初始化表格
        table.render({
            elem: '#dataTable',
            url: '/WxTranUser/GetList',
            page: {
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
                , groups: 5
            },
            where: {
                status: 1,
                orderBy: 'regdate'
            },
            cols: [[
                { field: 'SoftUsername', title: '用户名' },
                { field: 'Umid', title: '客户ID', templet: function(d) {
                    return '<a href="javascript:;" lay-event="showDetail" data-username="' + d.SoftUsername + '" data-name="' + d.Cname + '" class="layui-table-link">' + d.Umid + '</a>';
                }},
                { field: 'Cname', title: '姓名' },
                { field: 'MaskedIdCardNo', title: '身份证' },
                { field: 'LastNum3', title: '手机号' },
                { field: 'RegDate', title: '注册时间', templet: function (d) { return layui.util.toDateString(d.RegDate, 'yyyy-MM-dd HH:mm:ss'); } },
                { field: 'RiskLevel', title: '客户风险承受能力' },
                //{ field: 'ExpTime', title: '测评到期时间', templet: function (d) { return d.ExpTime ? layui.util.toDateString(d.ExpTime, 'yyyy-MM-dd HH:mm:ss') : ''; } },
                { field: 'FirstTime', title: '首次成交时间', templet: function (d) { return d.FirstTime ? layui.util.toDateString(d.FirstTime, 'yyyy-MM-dd HH:mm:ss') : ''; } },
                { field: 'LastTime', title: '最近交易时间', templet: function (d) { return d.LastTime ? layui.util.toDateString(d.LastTime, 'yyyy-MM-dd HH:mm:ss') : ''; } },
                { field: 'ArrivalPay', title: '累计总交易金额' },
                { field: 'EndTime', title: '服务到期时间', templet: function (d) { return d.EndTime ? layui.util.toDateString(d.EndTime, 'yyyy-MM-dd HH:mm:ss') : ''; } },
                { field: 'Status', title: '是否可触达', templet: function (d) { return d.Status == 1 ? '是' : '否'; } },
                { field: 'Eids', title: '服务人员', templet: function (d) { 
                    if(!d.Eids) return '';
                    return '<a href="javascript:;" lay-event="showEids" class="layui-table-link">' + d.Eids.replace(/,/g, '<br/>') + '</a>'; 
                }}
            ]],
            limits: [10, 20, 50, 100],
            limit: 20,
            request: {
                pageName: 'pageIndex'
                , limitName: 'pageSize'
            },
            response: {
                statusName: 'code'
                , statusCode: 0
                , msgName: 'msg'
                , countName: 'count'
                , dataName: 'data'
            }
        });

        // 监听搜索
        form.on('submit(search)', function(data){
            table.reload('dataTable', {
                where: data.field,
                page: {
                    curr: 1
                }
            });
            return false;
        });

        //监听工具条
        table.on('tool(dataTable)', function (obj) {
            var data = obj.data;
            if (obj.event === 'showEids') {
                //弹出层
                layer.open({
                    type: 2,
                    title: '服务人员列表',
                    area: ['1000px', '800px'],
                    content: '/WxTranUser/ServiceUserList?eids=' + encodeURIComponent(data.ExternalUsers)
                });
            } else if (obj.event === 'showDetail') {
                //获取点击的链接元素
                var link = $(this);
                var username = link.data('username');
                var name = link.data('name');
                //跳转到客户详情页
                parent.AddNewTab(name + '--客户明细', 
                    'http://hegui.crm.tcfortune.com:8282/Csvr/CustomerInfo/CustomerDetail?hgCustomer=1&isFromHg=1&resid=' 
                    + data.Umid + '&name=' + encodeURIComponent(name));
            }
        });

        var active = {
            export: function () {
                var where = {};
                where.pageIndex = 1; // 修改为 pageIndex
                where.pageSize = 99999999; // 修改为 pageSize
                // 获取搜索条件
                var searchParams = $('.layui-form').serializeArray();
                searchParams.forEach(function(param) {
                    where[param.name] = param.value; // 将搜索条件添加到 where 对象中
                });
                console.log(where);
                $.r_post('/WxTranUser/GetList', where, function (res) {
                    //console.log(res.data);
                    var list = res.data;
                    //console.log(list);
                    list.unshift({ 
                        SoftUsername: '用户名', 
                        Umid: '客户ID', 
                        Cname: '姓名', 
                        MaskedIdCardNo: '身份证', 
                        LastNum3: '手机号', 
                        RegDate: '注册时间', 
                        RiskLevel: '客户风险承受能力', 
                        FirstTime: '首次成交时间', 
                        LastTime: '最近交易时间', 
                        ArrivalPay: '累计总交易金额', 
                        EndTime: '服务到期时间', 
                        Status: '是否可触达', 
                        Eids: '服务人员' 
                    });
                    var data = excel.filterExportData(list, ['SoftUsername', 'Umid', 'Cname', 'MaskedIdCardNo', 'LastNum3', 'RegDate', 'RiskLevel', 'FirstTime', 'LastTime', 'ArrivalPay', 'EndTime', 'Status', 'Eids']);
                    excel.exportExcel({ sheet1: data }, '成交客户列表.xlsx', 'xlsx');
                }, "json");
            }
        }


        $('.layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });
    });
</script>