@using CRM.Core.Model.Entity
@using Core.Web.WebHelper
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .layui-form-label {
        width: 150px
    }
    .layui-input-block {
        margin-left: 0;
    }
</style>
<div class="x-body">
    <div class="layui-btn-group" style="padding-bottom:10px;">
        @Html.Action("ToolBar", "Home",
               new
                    {
                   area = "",
                   rightcode = (ViewBag.rightCode as string),
                   otherToolBars = new Core.Web.WebHelper.ToolBar[] {
                       new Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Check, "审核",  "layui-btn-normal" ,"layui-icon-group")}
               }
               )
    </div>
    <form id="mytoolbar">
        客户id：
        <div class="layui-inline">
            <input type="text" name="txt_UMID" class="layui-input">
        </div>
        @*<div class="layui-inline">
            <input type="text" name="txt_resid" class="layui-input">
        </div>*@
        用户名：
        <div class="layui-inline">
            <input type="text" name="txt_username" class="layui-input">
        </div>
        <input type="hidden" name="txt_employeeId" class="layui-input" value="@ViewBag.eid">
        <input type="hidden" name="txt_employeeName" class="layui-input" value="@ViewBag.userName">
        <button class="layui-btn" type="button" id="search" data-type="reload">搜索</button>
        <button class="layui-btn layui-btn-reset" type="reset">清空</button>
    </form>

    <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
</div>

<div id="AuditDialog" class="layui-form" style="display:none;">
    <div class="x-body">
        <form class="layui-form">
            <div class="layui-form-item">
                <label class="layui-form-label">姓名：</label>
                <div class="layui-input-block">
                    <span class="layui-form-mid" id="username"></span>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">身份证号：</label>
                <div class="layui-input-block">
                    <span class="layui-form-mid" id="idcardno"></span>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">身份证正面：</label>
                <div class="layui-input-block">
                    <img width="544" src="" id="Idcardfront" />
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">身份证反面：</label>
                <div class="layui-input-block">
                    <img width="544" src="" id="Idcardback" />
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <div class="layui-input-block">
                    <input type="hidden" name="Id" id="AudtiId" />
                    <button class="layui-btn" lay-submit="" id="audit" lay-filter="audit">审核通过</button>
                    <button class="layui-btn" lay-submit="" id="audit" lay-filter="audit">驳回</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    var selectRow = {};
    var layer;
    var table;
    var winindex;
    layui.use(['table', 'laydate'], function () {
        layer = layui.layer;
        table = layui.table
            , laydate = layui.laydate;

        laydate.render({
            elem: '#start'
        });

        laydate.render({
            elem: '#end'
        });

        table.render({
            id: 'testReload'//列表别名ID
            , elem: '#tabl1'//表ID
            , url: '@Html.Raw(ViewBag.webapi + "/api/TraceUser/TraceUsers")'
            , method: 'get'
            , dataType: 'json'
            , cols: [[
                { field: 'umid', title: '客户id' }
                , { field: 'uid', title: '用户名' }
                , { field: 'username', title: '姓名' }
                , { field: 'idcardno', title: '身份证号' }
                , { field: 'statusStr', title: '审核状态' }
            ]]
            , request: {
                pageName: 'pageIndex' //页码的参数名称，默认：page
                , limitName: 'pageSize' //每页数据量的参数名，默认：limit
            }
            , response: {
                statusName: 'code' //规定数据状态的字段名称，默认：code
                , statusCode: 0 //规定成功的状态码，默认：0
                , msgName: 'message' //规定状态信息的字段名称，默认：msg
            }
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.data //解析数据列表
                };
            }
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , limit: 15
            , page: {
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'] //自定义分页布局
                , groups: 5 //只显示 1 个连续页码
            }, where: GetParams("mytoolbar")
        });

        $('#mytoolbar #search').on('click', function (data) {
            var param = GetParams("mytoolbar");
            console.log(param)
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                },
                where: param
            });
        });


        //监听行单击事件
        table.on('row(tabl1)', function (obj) {
            var data = obj.data;
            obj.tr.addClass('self-table-click').siblings().removeClass('self-table-click');
            selectRow = data;
        });

        var active = {
            check: function () {
                if (selectRow.uid === "undefined" || selectRow.uid == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                $('#username').html(selectRow.username)
                $('#idcardno').html(selectRow.idcardno)
                $('#Idcardfront').attr('src', selectRow.idcardfront)
                $('#Idcardback').attr('src', selectRow.idcardback)
                winindex = layer.open({
                    title: '审核',
                    type: 1,
                    content: $('#AuditDialog'),
                    area: ['600px', '700px']
                    , btn: ['审核通过', '驳回', '取消']
                    , yes: function (index, layero) {
                        layer.confirm('确定审核通过吗?', { icon: 3, title: '提示' }, function (index) {
                            Audit(1);
                        })
                        return false
                    }
                    , btn2: function (index, layero) {
                        layer.confirm('确定驳回吗?', { icon: 3, title: '提示' }, function (index) {
                            Audit(-1);
                        })
                        return false
                    }
                    , btn3: function (index, layero) {
                        //按钮【按钮三】的回调

                        //return false 开启该代码可禁止点击该按钮关闭
                    }
                });
            }
        }

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

    function Audit(status) {
        var data = {
            uid: selectRow.uid,
            status: status
        }
        var loadingindex = layer.load(3, { shade: true });
        $.ajax({
            type: "POST",
            url: '@Html.Raw(ViewBag.webapi + "/api/TraceUser/Audit")',
            data: JSON.stringify(data),
            dataType: "json",
            contentType: "application/json",
            success: function (da) {
                layer.close(loadingindex);
                if (da.data == true) {
                    layer.msg('操作成功！', { icon: 1 });
                    Closed();
                    TableReload();
                } else {
                    layer.msg(da.message, { icon: 2 });
                }
            },
            error: function () {
                layer.close(loadingindex);
                layer.msg('操作失败！', { icon: 2 });
            }
        });
    }

    function Closed() {
        layer.close(winindex);
    }
    function TableReload() {
        selectRow = {};
        table.reload('testReload', {
            page: {
                curr: 1 //重新从第 1 页开始
            }
        });
    }
</script>