$(function () {

    Updatestatue()

    var PostData = {};

    $(".datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        showOtherMonths: true,
        selectOtherMonths: true
    });

    grid = jQuery('#listGrid').jqGrid({
        cmTemplate: {
            align: 'center',
            sortable: false
        },
        url: '/client/ClientExpireWarningListJson',
        datatype: 'json',
        height: 'auto',
        width: '96%',
        autowidth: false,
        shrinkToFit: false,
        viewrecords: true,
        jsonReader: { repeatitems: false },
        caption: '',
        mtype: 'POST',
        postData: PostData,
        afterInsertRow: AfterInsertRow,
        onSelectRow: rowclick,
        ondblClickRow: rowdblclick,
        colModel: colModelGrid,
        pagerpos: 'left',
        footerrow: false,
        loadComplete: gridComplete,
        onPaging: onJqgridPaging,
    });

    function keyEnter(event) {
        try {
            var e = event ? event : (window.event ? window.event : null);
            if (e.keyCode === 13) {
                SearchClick(true);
            }
        } catch (e) {
            //
        }
    }

    document.onkeydown = keyEnter;

});

var i = 0;

var getColModelGrid = function () {
    return [
        {
            name: 'id',
            label: 'id',
            index: 'id',
            sortIndex: i++,
            width: 1,
            align: 'center',
            hidden: true,
            optionHide: true
        }, {
            name: 'EncryptId',
            label: 'EncryptId',
            index: 'EncryptId',
            sortIndex: i++,
            width: 1,
            align: 'center',
            hidden: true,
            optionHide: true
        }, {
            name: '',
            label: '操作',
            index: '',
            sortIndex: i++,
            width: 220,
            align: 'center',
            sortable: false,
            formatter: showToolName
        }, {
            name: 'Number',
            label: '客户编号',
            index: 'Number',
            sortIndex: i++,
            width: 200,
            align: 'center',
            sortable: false
        }, {
            name: 'Name',
            label: '客户名称',
            index: 'Name',
            sortIndex: i++,
            width: 300,
            align: 'center',
            sortable: false
        }, {
            name: 'EvaluateDate',
            label: '适当性评估日期',
            index: 'EvaluateDate',
            width: 170,
            align: 'center',
            sortable: false,
            formatter: 'date',
        }, {
            name: 'EvaluateExpireDateStr',
            label: '适当性评估到期日',
            index: 'EvaluateExpireDateStr',
            sortIndex: i++,
            width: 170,
            align: 'center',
            sortable: false,
            cellattr: function (cellvalue, options, rowObject) {
                return "style='" + checkDate(rowObject.EvaluateExpireDate) + "'";
            }
        }, {
            name: 'AuthorizeEffectiveEndDateStr',
            label: '人员证件到期日',
            index: 'AuthorizeEffectiveEndDateStr',
            sortIndex: i++,
            width: 170,
            align: 'center',
            sortable: false,
            cellattr: function (cellvalue, options, rowObject) {
                return "style='" + checkDate(rowObject.AuthorizeEffectiveEndDate) + "'";
            }
        }
    ];
};
var colModelGrid = getColModelGrid();

function gridComplete() {
    var newHeight = $(window).height() - 250;
    $(".ui-jqgrid .ui-jqgrid-bdiv").css("cssText", "height: " + newHeight + "px!important;");
    $('.ui-jqgrid-bdiv', '#gbox_listGrid').floatingScroll();
}

function checkDate(cellvalue) {
    if (cellvalue < page.ExpireDate) {
        return "background-color: #FAACAC"
    } else if (cellvalue <= page.DueDate) {
        return "background-color: #FDA749"
    } else {
        return "";
    }
    return "";
}

function SearchClick(isSearchclick) {
    var listGrid = $('#listGrid');

    listGrid.appendPostData({ Number: $("#Number").val() });
    listGrid.appendPostData({ Name: $("#Name").val() });
    listGrid.appendPostData({ StartExpireDate: $("#DateFromExpireDate").val() });
    listGrid.appendPostData({ EndExpireDate: $("#DateToExpireDate").val() });

    query_data = listGrid.jqGrid('getPostData');
    if (typeof isSearchclick !== "undefined" && isSearchclick) {
        //点击搜索时默认第一页
        listGrid.jqGrid('setGridParam',
            {
                page: 1
            });
    }
    listGrid.trigger('reloadGrid');
}

function showToolName(cellValue, options, rowObject) {
    var html = "";
    html = html +
        "<input type=\"button\" class=\"wentiEdit\" title='查看'  onclick=\"startclientView('{0}')\" value=\"{1}\" />"
            .template(rowObject.EncryptId, "查看");
    if (rowObject.isWarning) {
        html = html +
            "<input type=\"button\" class=\"buttonedit\" title='继续预警'  onclick=\"cancel('{0}')\" value=\"{1}\" />"
                .template(rowObject.EncryptId, "继续预警");
    } else {
        html = html +
            "<input type=\"button\" class=\"wentiEdit\" title='不再预警'  onclick=\"cancel('{0}')\" value=\"{1}\" />"
                .template(rowObject.EncryptId, "不再预警");
    }
    return html;
}

function startclientView(id) {
    var srcurl = "/client/clientViewV2?enid=" + id;
    var width = "1300px";
    layer.open({
        type: 2,
        title: "查看客户信息",
        shadeClose: false,
        shade: 0.4,
        area: [width, '800px'],
        content: srcurl,
        cancel: function (index, layero) {
            var iframeWin = window["layui-layer-iframe" + index];
            if (iframeWin.topVue == undefined) {
                return window.layer.closeMe();
            }
            return iframeWin.topVue.closeMe();
        }
    });
}

function cancel(id) {
    main.post("/client/ClientExpireWarningUpdate", { enid: id }).done(function (res) {
        try {
            SearchClick();
            Updatestatue();
            window.parent.reloadclient2 && window.parent.reloadclient2();
        } catch (e) { }
    });
}

function Updatestatue() {
    main.post("/client/ClientExpireWarningStatusJson").done(function (res) {
        var div = document.getElementById("statue");
        var date = res;
        var html = "";
        if (date.status == "即将到期") {
            div.setAttribute("style", "background-color:#FFF2D9;padding:5px 5px 5px 20px;margin:1rem 1rem 0rem 1rem;");
            html += "<span style=\"color:#FF9933;font-weight:bold\">即将到期</span><span style=\"margin-left:30px;\">3个月内到期的客户:</span><span style=\"color:#FF9933;font-weight:bold\">" + date.isDue + "</span>";
            if (date.isDue_all != date.isDue) {
                html += "<span>(" + date.isDue_all + ")个</span>";
            } else {
                html += "<span>个</span>";
            }
            html += "<span style=\"margin-left:10px;\">已到期客户：0个</span>";
        } else if (date.status == "已到期") {
            div.setAttribute("style", "background-color:#FFE1E1;padding:5px 5px 5px 20px;margin:1rem 1rem 0rem 1rem;");
            html += "<span style=\"color:red;font-weight:bold\">已到期</span><span style=\"margin-left:40px;\">3个月内到期的客户:</span><span style=\"color:#FF9933;font-weight:bold\">" + date.isDue + "</span>"
            if (date.isDue_all != date.isDue) {
                html += "<span>(" + date.isDue_all + ")个</span>";
            } else {
                html += "<span>个</span>";
            }
            html += "<span style=\"margin-left:10px;\">已到期客户：</span><span style=\"color:red;\">" + date.isExpire + "</span>";
            if (date.isExpire_all != date.isExpire) {
                html += "<span>(" + date.isExpire_all + ")个</span>";
            } else {
                html += "<span>个</span>";
            }
        } else {
            div.setAttribute("style", "background-color:#E7F6FF;padding:5px 5px 5px 20px;margin:1rem 1rem 0rem 1rem;");
            html += "<span style=\"color:#0282EC;font-weight:bold\">无异常</span>";
            html += "<span style=\"margin-left:10px;\">3个月内到期的客户：0个</span>";
            html += "<span style=\"margin-left:10px;\">已到期客户：0个</span>";
        }
        div.innerHTML = html;
    });
}