/*
 * @Description:
 * @Version: 1.0
 * @Author: yangsx
 * @Date: 2019-12-09 19:01:40
 * @LastEditors: yangsx
 * @LastEditTime: 2019-12-14 14:44:57
 */
define([
    "dojo",
    "dojo/_base/declare",
    "dojo/_base/lang",
    "base/BaseWidget",
    "dojo/text!widgets/realTimePolice/template.html",
    "base/AppEvent",
    "base/ConfigData",
    "widgets/realTimePolice/config",
    "dojo/dom",
    "dojo/dom-construct",
    "dojo/dom-attr",
    "dojo/dom-style",
    "dojo/on",
    "esri/layers/ArcGISDynamicMapServiceLayer",
    "esri/layers/ArcGISTiledMapServiceLayer",
    "esri/layers/FeatureLayer",
    "controls/tab/TabControl",
    "esri/dijit/SymbolStyler",
    "esri/styles/basic",
    "dojo/_base/array",
    "esri/InfoTemplate",
    "esri/tasks/query",
    "esri/tasks/QueryTask",
    "esri/Color",
    "esri/graphic",
    "esri/geometry/Point",
    "esri/tasks/FeatureSet",
    "esri/renderers/HeatmapRenderer",
    "esri/symbols/SimpleLineSymbol",
    "esri/symbols/SimpleFillSymbol",
    "esri/symbols/PictureMarkerSymbol",
    "esri/symbols/SimpleMarkerSymbol",
    "esri/SpatialReference",
    "esri/tasks/GeometryService",
    "esri/tasks/ProjectParameters",
    "esri/layers/GraphicsLayer",
    "esri/layers/LabelLayer",
    "esri/symbols/TextSymbol",
    "esri/renderers/SimpleRenderer",
    "esri/renderers/ClassBreaksRenderer",
    "esri/tasks/Geoprocessor",
    "esri/tasks/DataFile",
    "esri/geometry/webMercatorUtils",
    "esri/symbols/Font",
    "esri/geometry/ScreenPoint",
    "esri/layers/ImageParameters",
    "esri/geometry/geometryEngine",
    "esri/dijit/PopupTemplate",
    "widgets/clientManagement/FlareClusterLayer_v3",
    "dojo/domReady!",
    "widgets/realTimePolice/LayUIDataTable"
], function (
    dojo,
    declare,
    lang,
    BaseWidget,
    template,
    AppEvent,
    ConfigData,
    config,
    dom,
    domConstruct,
    domAttr,
    domStyle,
    on,
    ArcGISDynamicMapServiceLayer,
    ArcGISTiledMapServiceLayer,
    FeatureLayer,
    TabControl,
    SymbolStyler,
    basic,
    arrayUtils,
    InfoTemplate,
    Query,
    QueryTask,
    Color,
    Graphic,
    Point,
    FeatureSet,
    HeatmapRenderer,
    SimpleLineSymbol,
    SimpleFillSymbol,
    PictureMarkerSymbol,
    SimpleMarkerSymbol,
    SpatialReference,
    GeometryService,
    ProjectParameters,
    GraphicsLayer,
    LabelLayer,
    TextSymbol,
    SimpleRenderer,
    ClassBreaksRenderer,
    Geoprocessor,
    DataFile,
    webMercatorUtils,
    Font,
    ScreenPoint,
    ImageParameters,
    geometryEngine,
    PopupTemplate,
    FlareClusterLayer
) {
    var Widget = declare([BaseWidget], {
        widgetName: "RealTimePolice",
        label: "实时报警",
        templateString: template,
        _map: null,
        objThis: null,
        _siteLayer: new GraphicsLayer(),
        layuiLayer: null,
        layuiLadate: null,
        tabIndex: 0,

        // 保留添加实体图层的变量
        realTimeAddEntitys: null,
        entitysData: [],
        realTimeEquipment: [],
        layerIndex: null,
        historyPoliceData: [],
        historyPoliceId: null,
        realTimeQuery: null,


        // 存放表格用于表格数据刷新
        updateRealTable: null,

        //存放聚合实体
        clusterLayer: null,

        //存放地图是否隐藏参数
        mapShow: 1,
        // 存放行政区编码
        realTimeAddvcd: '',

        // 存放警情类型
        realTimeWringType: '',

        // 是否开启存储列表最后一个ID
        flagPoliceId: true,

        flagPoliceLength: 0,


        // 开始时间与结束时间
        realBeginTime: '',
        realEndTime: '',


        constructor: function (options, srcRefNode) {
            this._map = options.map;

            objThis = this;

            this.realTimeAddEntitys = new GraphicsLayer({ id: 'realTimeAddEntitys' });
            this.addOneEntitys = new GraphicsLayer({ id: 'addOneEntitys' });
            this.addTwoEntitys = new GraphicsLayer({ id: 'addTwoEntitys' });
            this.addThreeEntitys = new GraphicsLayer({ id: 'addThreeEntitys' });

            this._map.addLayer(this.realTimeAddEntitys);
            this._map.addLayer(this.addOneEntitys);

        },
        startup: function () {
            objThis._map.addLayer(objThis._siteLayer);
            var that = this;

            // 接警信息中类别移入事件
            $('#realtimeDistrict').mouseenter(function () {
                if ($('#realtimeDistrict .select-list').is(':hidden')) {
                    $('#realtimeDistrict .select-list').stop().slideDown(0);
                }
            })

            // 接警信息中得类别移出事件
            $('#realtimeDistrict').mouseleave(function () {
                if (!$('#realtimeDistrict .select-list').is(':hidden')) {
                    $('#realtimeDistrict .select-list').stop().slideUp(0);
                }
            })

            // 接警信息中的等级移入事件
            $('#realtimeLevel').mouseenter(function () {
                if ($('#realtimeLevel .select-list').is(':hidden')) {
                    $('#realtimeLevel .select-list').stop().slideDown(0);
                }
            })

            // 接警信息中的等级移出事件
            $('#realtimeLevel').mouseleave(function () {
                if (!$('#realtimeLevel .select-list').is(':hidden')) {
                    $('#realtimeLevel .select-list').stop().slideUp(0);
                }
            })

            // 音频的播放关闭
            $('.real-time-police .layer-realtime-police .audio').off('click').click(function () {
                var audio = $(this).children('audio');
                if ($(this).hasClass('open')) {
                    audio[0].pause();
                    $(this).removeClass('open').addClass('close');
                } else {
                    audio[0].play()
                    $(this).removeClass('close').addClass('open');

                }

                // $(this).children('audio').$('div').hasClass('redColor')
            })

            // 报警的切换 向上
            $('.real-time-police .layer-realtime-police .bottom-tab .up-tab').off('click').click(function () {

                var list = $('.real-time-police .layer-realtime-police ul li');
                if ($(this).hasClass('on')) {
                    if ($('.real-time-police .bottom-tab .down-tab').hasClass('off')) {
                        $('.real-time-police .bottom-tab .down-tab').removeClass('off').addClass('on');
                    }
                    if (list.length > 0) {
                        for (var i = 0; i < list.length; i++) {
                            if ($(list[i]).hasClass('on')) {
                                $(list[i]).removeClass('on').prev().addClass('on');

                                var channelNumber = $(list[i]).prev().attr('channelNumber');
                                var serialNumber = $(list[i]).prev().attr('serialNumber');

                                that.getStartVideoSite($('.real-time-police .layer-realtime-police-parent video')[0], channelNumber, serialNumber);

                                if (i - 1 == 0) {
                                    $(this).removeClass('on').addClass('off');
                                    break;
                                } else {
                                    break
                                }
                            }
                        }
                    }
                }

            })

            // 报警的切换 向下
            $('.real-time-police .layer-realtime-police .bottom-tab .down-tab').off('click').click(function () {
                var list = $('.real-time-police .layer-realtime-police ul li');
                if ($(this).hasClass('on')) {
                    if ($('.real-time-police .bottom-tab .up-tab').hasClass('off')) {
                        $('.real-time-police .bottom-tab .up-tab').removeClass('off').addClass('on');
                    }
                    if (list.length > 0) {
                        for (var i = 0; i < list.length; i++) {
                            if ($(list[i]).hasClass('on')) {
                                $(list[i]).removeClass('on').next().addClass('on');

                                var channelNumber = $(list[i]).next().attr('channelNumber');
                                var serialNumber = $(list[i]).next().attr('serialNumber');

                                that.getStartVideoSite($('.real-time-police .layer-realtime-police-parent video')[0], channelNumber, serialNumber);

                                if (i == list.length - 2) {
                                    $(this).removeClass('on').addClass('off');
                                    break;
                                } else {
                                    break
                                }
                            }
                        }
                    }
                }
            })

            // 实时提醒的关闭
            $('.real-time-police .layer-realtime-police .layer-header .close').click(function () {

                $('.real-time-police .layer-realtime-police-parent').stop().hide();
                $('.real-time-police .layer-realtime-police .audio audio')[0].pause();
                $('.real-time-police .layer-realtime-police .layer-realtime-video video')[0].pause();
                $('.real-time-police .layer-realtime-police .layer-realtime-video video').attr('src', '');

                $("#realtimeDistrict > div:eq(0)").html("全部" + "<i></i>");
                $("#realtimeLevel > div:eq(0)").html("全部" + "<i></i>");

                that.realTimeAddvcd = "";
                that.realTimeWringType = "";

                that.realEndTime = that.getTime().current;
                $("#realTimeEnd").val(that.realEndTime);

                that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime);

                // that.layerRealtime();
            })

            // 实时报警中得行政区选择点击事件
            $('.real-time-select-condition #realtimeDistrict .select-list').off('click', 'li').on('click', 'li', function (event) {

                if (that.entitysData.length > 0) {
                    that.realTimeAddEntitys.clear();
                    that.entitysData = [];
                }

                var text = $(this).text();

                $(this).parent().parent().prev().html(text + '<i></i>');
                $(this).parent().parent().stop().slideUp(0);

                that.realTimeAddvcd = $(this).attr('addvcd');

                that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime)

            })

            // 实时报警中得警情类型选择点击事件
            $('.real-time-select-condition #realtimeLevel .select-list').off('click', 'li').on('click', 'li', function (event) {

                if (that.entitysData.length > 0) {
                    that.realTimeAddEntitys.clear();
                    that.entitysData = [];
                }

                var text = $(this).text();

                $(this).parent().parent().prev().html(text + '<i></i>');
                $(this).parent().parent().stop().slideUp(0);

                that.realTimeWringType = (text == "全部" ? "" : text).trim();

                that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime)

            })

            // 时间选择后得查询按钮
            $("#realTimeQuilckQuery").off('click').click(function () {

                that.realBeginTime = $("#realTimeBegin").val();
                that.realEndTime = $("#realTimeEnd").val();

                layui.use('layer', function () {

                    var layer = layui.layer;

                    if (that.realBeginTime == '') {

                        layer.msg('请选择开始时间！', {
                            icon: 5,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        });
                        return;

                    } else {

                        if (that.realEndTime == '') {
                            layer.msg('请选择结束时间！', {
                                icon: 5,
                                time: 2000 //2秒关闭（如果不配置，默认是3秒）
                            });
                            return;
                        } else {

                            $("#realTimeBegin").val('');

                            $("#realTimeEnd").val('');

                            that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime)
                        }

                    }

                })


            })

            // 本周本月全部，切换事件
            $(".realtime-quick").off('click', 'button').on('click', 'button', function () {

                var text = $(this).text();

                var time = that.getThisWeekTime();

                $("#realtimeDistrict > div:eq(0)").html("全部" + "<i></i>");
                $("#realtimeLevel > div:eq(0)").html("全部" + "<i></i>");

                that.realTimeAddvcd = "";
                that.realTimeWringType = "";


                $("#realTimeBegin").val(that.realBeginTime);
                $("#realTimeEnd").val(that.realEndTime);


                switch (text) {

                    case '本周':

                        that.realBeginTime = time.week.beginTime;
                        that.realEndTime = time.week.endTime;

                        $("#realTimeBegin").val(that.realBeginTime);
                        $("#realTimeEnd").val(that.realEndTime);


                        that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime)

                        break;

                    case '本月':

                        that.realBeginTime = time.month.beginTime;
                        that.realEndTime = time.month.endTime;

                        $("#realTimeBegin").val(that.realBeginTime);
                        $("#realTimeEnd").val(that.realEndTime);


                        that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime)

                        break;

                    case '全部':

                        that.flagPoliceId == true

                        that.realBeginTime = '';
                        that.realEndTime = '';

                        $("#realTimeBegin").val('');
                        $("#realTimeEnd").val('');


                        that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime)

                        break;

                }

            })

            // 撤销警情
            $('.layer-realtime-police-parent').off('click', 'table .revoke').on('click', '.revoke', function () {
                that.clearPoliceDetail($(this).data('id'));

            })

            // 生成警单
            $('.layer-realtime-police-parent').off('click', 'table .generate').on('click', '.generate', function () {

                var _self = this;
                var inpVal = $('.layer-realtime-police-parent .layer-content ul li.on tbody tr:eq(5) input').val();
                var textareaVal = $('.layer-realtime-police-parent .layer-content ul li.on tbody tr:eq(5) textarea').val();

                var liPrev = $('.layer-realtime-police-parent .layer-content ul li.on').prev();
                var liNextAll = $('.layer-realtime-police-parent .layer-content ul li.on').nextAll();
                var liNext = $('.layer-realtime-police-parent .layer-content ul li.on').next();
                var liSiblings = $('.layer-realtime-police-parent .layer-content ul li.on').siblings();
                var liSelect = $('.layer-realtime-police-parent .layer-content ul li.on');

                layui.use('layer', function () {

                    var layer = layui.layer;

                    if (inpVal == '') {

                        layer.msg("请选择要求处置时间");

                        return
                    }

                    $.ajax({
                        url: 'http://61.131.136.25:2082/api/jingdan/jingdan/saves',
                        type: 'POST',
                        data: {
                            rName: $(_self).data('rname'),
                            galarmPeople: $(_self).data('galarmpeople'),
                            phoneNumber: $(_self).data('phonenumber'),
                            place: $(_self).data('place'),
                            content: $(_self).data('content'),
                            galarmTime: $(_self).data('alarmtime'),
                            waringType: $(_self).data('waringtype'),
                            deviceNumber: $(_self).data('devicenumber'),
                            type: "0",
                            handleP: null,
                            handleTime: null,
                            handName: null,
                            level: $(_self).data('level'),
                            coordinate: null,
                            jd: $(_self).data('jd'),
                            wd: $(_self).data('wd'),
                            addvcd: $(_self).data('addvcd'),
                            jjTime: that.getTime().current,
                            czTime: inpVal,
                            bz: textareaVal
                        },
                        dataType: 'JSON',
                        success: function (data) {
                            layui.use('layer', function () {
                                var layer = layui.layer;
                                if (data.code == 200) {
                                    layer.msg('成功生成警单');
                                    that.updateJType($(_self).data('id'), inpVal, textareaVal);

                                    if (liSiblings.length == 0) {
                                        $('.real-time-police .layer-realtime-police .layer-header .close').trigger('click')
                                    } else if (liSiblings.length == 1) {

                                        $('.layer-realtime-police-parent .layer-content .bottom-tab').stop().hide();

                                        liSelect.removeClass('on').remove().siblings().addClass('on');

                                    } else if (liSiblings.length > 1) {

                                        if (liNextAll.length > 0) {
                                            liSelect.removeClass('on').remove();
                                            liNext.addClass('on');

                                            if (liNextAll.length == 1) {
                                                $('.layer-realtime-police-parent .layer-content .bottom-tab .down-tab').removeClass('on').addClass('off');
                                            }

                                        } else {
                                            liSelect.removeClass('on').remove();
                                            liPrev.addClass('on');
                                        }

                                    }

                                } else {
                                    layer.msg('警单生成失败');
                                }
                            })
                        }
                    })



                })

            })


            // 清空时间按钮
            $("#realTimeClearQuery").off('click').click(function () {

                $("#realTimeBegin").val('');
                $("#realTimeEnd").val('');

            })
        },


        open: function () {
            var that = this;
            that.realBeginTime = that.getTime().currentEight;
            that.realEndTime = that.getTime().current;
            $("#realTimeBegin").val(that.realBeginTime);
            $("#realTimeEnd").val(that.realEndTime);

            // $('#mapcontentClass').addClass('client-left-map'); //追加样式
            $('#tabcontainer').css('width', '0%');
            $("#client-sh-map i").html('&#xe65a;');

            //右侧地图拖动
            $("#realTime-sh-map").off('click').click("click", () => {

                if (that.mapShow == 1) {
                    $('#tabcontainer').css('width', '66%');
                    $("#realTime-sh-map i").html('&#xe65b;');
                    that.updateRealTable.reload({});
                    that.mapShow = 0;
                } else {
                    $('#tabcontainer').css('width', '100%');
                    $("#realTime-sh-map i").html('&#xe65a;');
                    that.updateRealTable.reload({});
                    that.mapShow = 1;
                }

            });


            // 行政区
            // $.ajax({
            //     url: 'http://61.131.136.25:2082/api/district/district/selectList',
            //     type: 'POST',
            //     dataType: 'JSON',
            //     success: function (data) {

            //         $('.real-time-police .real-time-select-condition .realtime-district .select-list ul').empty();

            //         $('.real-time-police .real-time-select-condition .realtime-district .select-list ul').append("<li addvcd=''>全部</li>");

            //         for (var i = 0; i < data.data.length; i++) {
            //             $('.real-time-police .real-time-select-condition .realtime-district .select-list ul').append("<li addvcd=" + data.data[i].addvcd + ">" + data.data[i].addvnm + "</li>");
            //         }
            //     }
            // })

            // // 警情类型下拉
            // $.ajax({
            //     url: 'http://61.131.136.25:2082/api/alarm/alarm/selectScount',
            //     type: 'GET',
            //     dataType: 'JSON',
            //     success: function (data) {

            //         var res = data.data[0].type;

            //         console.log(res);

            //         $('.real-time-police .real-time-select-condition .realtime-level .select-list ul').empty();

            //         $('.real-time-police .real-time-select-condition .realtime-level .select-list ul').append("<li addvcd=''>全部</li>");

            //         for (var i = 0; i < res.length; i++) {
            //             $('.real-time-police .real-time-select-condition .realtime-level .select-list ul').append("<li>" + res[i] + "</li>");
            //         }
            //     }
            // })


            var layerTabHei = $(".real-time-police .real-time-information-list").height();

            layui.use(['table', 'laydate'], function () {
                var table = layui.table;


                //第一个实例
                that.updateRealTable = table.render({
                    elem: '#real_time_table'
                    , height: (layerTabHei - 20)
                    , url: 'http://61.131.136.25:2082/api/alarm/alarm/selectList' //数据接口
                    , method: "post"
                    , where: { jtype: '', beginTime: that.realBeginTime, endTime: that.realEndTime }
                    , parseData: function (res) { //res 即为原始返回的数据
                        if (res.data.length > 0) {

                            if (that.flagPoliceId == false) {
                                that.flagPoliceLength <= res.data.length ? that.flagPoliceId = true : that.flagPoliceId = false
                            }

                            if (that.flagPoliceId == true) {
                                that.historyPoliceId = res.data[res.data.length - 1].id;
                                // that.historyPoliceId = 60;
                                that.flagPoliceLength = res.data.length;
                                that.flagPoliceId = false;
                            }

                            res.data = res.data.sort(function (a, b) {
                                var x = a['alarmTime'];
                                var y = b['alarmTime'];
                                return x > y ? -1 : x < y ? 1 : 0;
                            });

                            var a = 0;
                            for (var i = 0; i < res.data.length; i++) {
                                a = i;
                                res.data[i].num = (a += 1);
                                res.data[i].yorn = (res.data[i].jtype == 1 ? '是' : '否');


                                res.data[i].x = Number(res.data[i].jd);
                                res.data[i].y = Number(res.data[i].wd);

                                // that.createEntitys(that.realTimeAddEntitys, that.entitysData, '实时报警', {
                                //     lgtd: res.data[i].jd,
                                //     lttd: res.data[i].wd,
                                //     id: res.data[i].id,
                                //     deviceNumber: res.data[i].deviceNumber
                                // }, res.data[i].jd, res.data[i].wd, '/images/real-time-callPolice.png');
                            }
                            if (that.clusterLayer != null) {
                                that.clearLayer();
                            }
                            that.flareClusterLayer(res.data);

                            var result;

                            if (this.page.curr) {

                                result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);

                            } else {

                                result = res.data.slice(0, this.limit);

                            }

                            return {
                                "code": res.code, //解析接口状态
                                "msg": res.msg, //解析提示文本
                                "count": res.data.length, //解析数据长度
                                "data": result //解析数据列表
                            }
                        } else {
                            return {
                                "code": res.code, //解析接口状态
                                "msg": res.msg, //解析提示文本
                                "count": res.data.length, //解析数据长度
                                "data": res.data //解析数据列表
                            }
                        }
                    }
                    , page: {				//分页设置
                        limit: 16,		//默认每一页显示数量
                        theme: 'real_time'
                    }
                    , cellMinWidth: 100
                    , cols: [[ //表头
                        { field: 'num', title: '序号', width: 76, fixed: 'left', align: 'center' }
                        , { field: 'waringType', title: '警情类型', align: 'center' }
                        , { field: 'alarmTime', title: '报警时间', width: 164, align: 'center' }
                        , { field: 'rname', title: '报警内容', align: 'center' }
                        , { field: 'alarmPeople', title: '报警人', align: 'center' }
                        , { field: 'phoneNumber', title: '联系电话', width: 120, align: 'center' }
                        , { field: 'galarmPeople', title: '接警人', align: 'center' }
                        , { field: 'jjTime', title: '接警时间', width: 164, align: 'center' }

                        , { field: 'addvnm', title: '行政区', width: 94, align: 'center' }
                        , { field: 'place', title: '事发地址', width: 240, align: 'center' }

                        , { field: 'deviceNumber', title: '设备编号', width: 140, align: 'center' }
                        , { field: 'yorn', title: "是否生成警单", width: 120, align: 'center' }



                        , { field: 'jd', title: "经度", width: 0, hide: true, align: 'center' }
                        , { field: 'wd', title: "纬度", width: 0, hide: true, align: 'center' }
                        , { field: 'channelNumber', title: "通道号", width: 0, hide: true, align: 'center' }
                        , { field: 'serialNumber', title: "序列号", width: 0, hide: true, align: 'center' }
                        , { field: 'jtype', title: "是否生成警单", width: 0, hide: true, align: 'center' }




                        , {
                            field: '',
                            title: '操作',
                            toolbar: "#real_time_table_btn",
                            width: 164,
                            fixed: 'right',
                            align: 'center'
                        }
                    ]]
                    , response: {
                        statusName: 'code' //规定数据状态的字段名称，默认：code
                        , statusCode: 200 //规定成功的状态码，默认：0
                        , msgName: 'msg' //规定状态信息的字段名称，默认：msg
                        , countName: 'count' //规定数据总数的字段名称，默认：count
                        , dataName: 'data' //规定数据列表的字段名称，默认：data
                    }
                    , done: function (res, curr, count, a, b, c, d) {


                        //如果是异步请求数据方式，res即为你接口返回的信息。
                        //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                        // $(".layui-table th").css("font-weight", "bold");// 设定表格标题字体加粗

                        LayUIDataTable.SetJqueryObj($);// 第一步：设置jQuery对象

                        var currentRowDataList = LayUIDataTable.ParseDataTable(function (index, currentData, rowData) {
                        })

                        LayUIDataTable.HideField('jd');// 隐藏列-单列模式
                        LayUIDataTable.HideField('wd');// 隐藏列-单列模式
                        LayUIDataTable.HideField('jtype');// 隐藏列-单列模式
                        // 对相关数据进行判断处理--此处对mk2大于30的进行高亮显示
                        $.each(currentRowDataList, function (index, obj) {

                            if (obj['jtype'] && obj['jtype'].value == '0') {
                                obj['jtype'].row.css({ "color": "#ff7627" });
                                $('.layui-table-fixed.layui-table-fixed-l .layui-table-body tbody tr:eq(' + index + ')').css({ "color": "#ff7627" });

                            }
                            if (obj['jtype'] && obj['jtype'].value == '1') {
                                obj['jtype'].row.css({ "color": "#15a2fe" });
                                $('.layui-table-fixed.layui-table-fixed-l .layui-table-body tbody tr:eq(' + index + ')').css({ "color": "#15a2fe" });

                            }
                        })

                    }
                });

                table.on('tool(test)', function (obj) {

                    switch (obj.event) {
                        case 'realDispose':  // 处

                            that.realTimePoliceDetails(obj.data.id, obj.data.deviceNumber, obj.data.channelNumber, obj.data.serialNumber, obj.data.jtype)

                            break;
                        case 'realHistory':  // 设备历史

                            that.realTimeHistorySee(obj.data.deviceNumber)

                            break;
                        case 'realVideo':  // 视频查看

                            that.realTimeVideoSee(obj.data.channelNumber, obj.data.serialNumber)

                            break;
                        case 'realLocation':  // 定位
                            if (that.mapShow == 1) {
                                $('#tabcontainer').css('width', '66%');
                                $("#realTime-sh-map i").html('&#xe65b;');
                                that.updateRealTable.reload({});
                                that.mapShow = 0;
                            }
                            that.viewsGoTo(obj.data.jd, obj.data.wd)
                            break;
                    }
                    ;
                });

                var laydate = layui.laydate;

                //开始时间时间
                var start_a = laydate.render({
                    elem: '#realTimeBegin',
                    type: 'datetime',
                    trigger: 'click', //采用click弹出
                    theme: '#3278F0',
                    done: function (value, date, endDate) {
                        end.config.min = {
                            date: date.date,
                            hours: date.hours,
                            minutes: date.minutes,
                            month: date.month - 1,
                            seconds: date.seconds,
                            year: date.year

                        }; //开始日选好后，重置结束日的最小日期
                        end.config.value = {
                            date: date.date,
                            hours: date.hours,
                            minutes: date.minutes,
                            month: date.month - 1,
                            seconds: date.seconds,
                            year: date.year
                        }; //将结束日的初始值设定为开始日
                    }
                });

                //结束时间
                var end = laydate.render({
                    elem: '#realTimeEnd',
                    type: 'datetime',
                    trigger: 'click', //采用click弹出
                    theme: '#3278F0',
                    done: function (value, date, endDate) {
                        start_a.config.max = {
                            date: date.date,
                            hours: date.hours,
                            minutes: date.minutes,
                            month: date.month - 1,
                            seconds: date.seconds,
                            year: date.year
                        }; //结束日选好后，重置开始日的最大日期
                    }
                });

            });

            // that.layerRealtime();

            window.deleteRealtimePolice = function (id) {


                layui.use('layer', function () {
                    layui.layer.closeAll();
                })

                that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime)

            }

        },

        close: function () {
            var that = this;

            if (that.clusterLayer != null) {
                that.clearLayer();
            }

            $('#mapcontentClass').removeClass('client-left-map'); //移除样式
            $('#tabcontainer').css('width', '66%');

            window.clearTimeout(that.realTimeQuery);
            if (that.layuiLayer != null) {
                that.layuiLayer.closeAll();

                that.layerIndex = null;

            }
            if (that.entitysData.length > 0) {
                that.realTimeAddEntitys.clear();
                that.entitysData = [];
            }
            if (!$('.real-time-police .layer-realtime-police').is(':hidden')) {
                $('.real-time-police .layer-realtime-police').stop().hide();
            }
            if (!$('.real-time-police .layer-realtime-equipment').is(':hidden')) {
                $('.real-time-police .layer-realtime-equipment .close').trigger('click');
            }
        },

        // 实时警情详情
        realTimePoliceDetails: function (id, deviceNumber, channelNumber, serialNumber, jtype) {
            var that = this;
            var url = './popup/html/realtime-police-details.html?obj=' + id + '&deviceNumber=' + deviceNumber + "&channelNumber=" + channelNumber + "&serialNumber=" + serialNumber + "&jtype=" + jtype;

            layui.use('layer', function () {
                that.layuiLayer = layui.layer;
                that.layuiLayer.config({
                    extend: 'myskin/realtime-police-details.css'
                });

                that.layuiLayer.closeAll();
                that.layerIndex = null;

                that.layerIndex = that.layuiLayer.open({
                    title: '警情详情',
                    type: 2,
                    shadeClose: true,
                    shade: false,
                    maxmin: false, //开启最大化最小化按钮
                    area: ['860px', '406px'],
                    offset: 'auto',
                    skin: 'realtime-police-details',
                    content: url,
                    closeBtn: 1,
                    resize: false
                });
            })
        },

        // 设备历史查看
        realTimeHistorySee: function (deviceNumber) {
            var url = './popup/html/realtime-equipment-history.html?deviceNumber=' + deviceNumber;

            layui.use('layer', function () {
                var layer = layui.layer;

                layer.closeAll();

                layer.config({
                    extend: 'myskin/realtime-equipment-history.css'
                });

                layer.open({
                    title: '设备历史警情',
                    type: 2,
                    shadeClose: true,
                    shade: false,
                    maxmin: false, //开启最大化最小化按钮
                    area: ['820px', '460px'],
                    offset: 'auto',
                    skin: 'realtime-equipment-history',
                    content: url,
                    closeBtn: 1,
                    resize: false
                });
            })
        },

        // 视频查看
        realTimeVideoSee: function (channelNumber, serialNumber) {

            var url = './popup/html/realtime-view-video.html?channelNumber=' + channelNumber + '&serialNumber=' + serialNumber;

            layui.use('layer', function () {

                var layer = layui.layer;

                layer.closeAll();

                layer.config({
                    extend: 'myskin/realtime-view-video.css'
                });

                layer.open({
                    title: '视屏查看',
                    type: 2,
                    shadeClose: true,
                    shade: false,
                    maxmin: false, //开启最大化最小化按钮
                    area: ['820px', '460px'],
                    offset: 'auto',
                    skin: 'realtime-view-video',
                    content: url,
                    closeBtn: 1,
                    resize: false
                });
            })

        },

        // 定位
        viewsGoTo: function (jd, wd) {

            var lgtd = Number(jd);
            var lttd = Number(wd);

            var position = new esri.geometry.Point(lgtd, lttd, new esri.SpatialReference({ wkid: 4326 }));//根据输入坐标信息找地图上的点
            this._map.centerAndZoom(position, 18);//缩放，10是缩放级别，可以自定义，数值越大缩放越大
        },

        // 视频播放
        realStartVideo: function (dom, url) {

            if ($(dom).attr('src') != '') dom.pause();

            if (window.parent.Hls.isSupported()) {
                dom.volume = 1.0;
                var hls = new window.parent.Hls();
                var m3u8Url = decodeURIComponent(url)
                hls.loadSource(m3u8Url);
                hls.attachMedia(dom);
                hls.on(window.parent.Hls.Events.MANIFEST_PARSED, function () {
                    dom.play();
                });
            }
        },

        // 获取视频播放地址
        getStartVideoSite: function (dom, channelNumber, serialNumber) {
            var that = this;
            $.ajax({
                type: 'GET',
                dataType: 'JSON',
                url: "https://web.byisf.com:18000/GetPlayUrl?deviceCode=" + serialNumber + "&chl=" + channelNumber,
                success: function (data) {

                    that.realStartVideo(dom, data.data.m3u8)

                }
            })
        },

        // 定时器，定时发送请求，监听是否有新的报警
        layerRealtime: function () {
            var that = this;
            that.realTimeQuery = setInterval(function () {
                if (that.historyPoliceId != null) {
                    $.ajax({
                        url: 'http://61.131.136.25:2082/api/alarm/alarm/selecttx',
                        type: 'POST',
                        dataType: 'JSON',
                        data: {
                            id: that.historyPoliceId
                        },
                        success: function (data) {
                            if (data.data.length > 0) {
                                layui.use('layer', function () {
                                    layui.layer.closeAll();
                                })
                                // 清除页面中的其他弹框
                                if (that.layuiLayer != null) {
                                    that.layuiLayer.closeAll();

                                    that.layerIndex = null;

                                }
                                // 清除定时器
                                window.clearTimeout(that.realTimeQuery);
                                // 清除ul中内容（存储新增的报警信息）
                                $('.real-time-police .layer-realtime-police ul').empty();
                                // 新增警情的面板

                                // 检测audio标签父元素的类名
                                if (!$('.real-time-police .layer-realtime-police .audio').hasClass('open')) {
                                    $('.real-time-police .layer-realtime-police .audio').removeClass().addClass('audio open')
                                }

                                // 判断数据长度是否大于1，如果是，则显示上下页切换
                                if (data.data.length > 1) {
                                    $('.real-time-police .layer-realtime-police .bottom-tab').stop().show();
                                }
                                // audio标签播放
                                $('.real-time-police .layer-realtime-police .audio audio')[0].play();
                                // 获取警情列表的dom用来更行警情列表
                                // 保存返回的数据，方便操作
                                var result = data.data;
                                var str = '';
                                // 记录最新的一个id
                                that.historyPoliceId = result[result.length - 1].id;

                                var addvnmList = $('.real-time-police .real-time-select-condition .realtime-district .select-list ul li');
                                for (var time, t, e, y, h, gt, i = 0; i < result.length; i++) {

                                    var li = $("<li channelNumber='" + result[i].channelNumber + "' serialNumber='" + result[i].serialNumber + "'></li>");
                                    var table = $('<table></table>');
                                    var tbody = $('<tbody></tbody>');

                                    result[i].x = Number(result[i].jd);
                                    result[i].y = Number(result[i].wd);

                                    that.historyPoliceData.unshift(result[i]);
                                    // that.createEntitys(that.realTimeAddEntitys, that.entitysData, '实时报警', {
                                    //     lgtd: result[i].jd,
                                    //     lttd: result[i].wd,
                                    //     id: result[i].id,
                                    //     deviceNumber: result[i].deviceNumber
                                    // }, result[i].jd, result[i].wd, '/images/real-time-callPolice.png');

                                    t = result[i].alarmTime.substr(0, 10);
                                    e = result[i].alarmTime.substr(11);
                                    time = t + ' ' + e;
                                    y = result[i].alarmTime.substr(0, 10);
                                    h = result[i].alarmTime.substr(11);
                                    gt = y + ' ' + h;


                                    str += "<tr> <td>报警人：</td> <td>" + result[i].galarmPeople + "</td> <td>性别：</td> <td>" + (result[i].sex == 1 ? '女' : '男') + "</td> </tr>";
                                    str += "<tr> <td>联系电话：</td> <td>" + result[i].phoneNumber + "</td> <td>事发地址：</td> <td>" + result[i].place + "</td> </tr>";
                                    str += "<tr> <td>警情类别：</td> <td>" + result[i].waringType + "</td> <td>设备编号：</td> <td>" + result[i].deviceNumber + "</td> </tr>";
                                    str += "<tr> <td>接警人：</td> <td>" + result[i].alarmPeople + "</td> <td>接警时间：</td> <td>" + result[i].jjTime + "</td> </tr>";
                                    str += "<tr> <td>报警时间：</td> <td>" + time + "</td> <td>行政区：</td> <td>" + result[i].addvnm + "</td> </tr>";
                                    str += "<tr> <td>要求处置时间：</td> <td> <input autocomplete='off' type='input' placeholder='选取处置时间' id='parent_required_disposal_time" + i + "'> </td>  <td>备注：</td> <td> <textarea name='' id='the_disposal_of_note' placeholder='请填写处置备注'></textarea> </td> </tr>";
                                    str += "<tr> <td>报警内容：</td> <td>" + result[i].content + "</td>  </tr>";
                                    str += "<tr> <td>功能：</td> <td> <button class='a-key-to-call' type='button'>一键呼叫</button> <button class='parent_video-intercom' type='button'>视频对讲</button> <button class='generate' type='button' value='生成警单'>生成警单</button> <button class='revoke' type='button' value='撤销警情'>警情撤销</button> <button class='push-number-one' type='button'>推送110</button> </td> </tr>";


                                    li.append(table.append(tbody.append(str)));

                                    for (key in result[i]) {
                                        var str = 'data-' + key;
                                        li.find('.generate').attr(str, result[i][key]);
                                        li.find('.revoke').attr(str, result[i][key])

                                    }

                                    $('.real-time-police .layer-realtime-police ul').append(li);
                                    if (i == 0) {
                                        li.addClass('on');
                                    }

                                    if (addvnmList.length > 0) {
                                        for (var j = 0; j < addvnmList.length; j++) {
                                            if (result[i].addvnm != $(addvnmList[j]).text()) {
                                                if (j == addvnmList.length - 1) {
                                                    $('.real-time-police .realtime-container .realtime-district .select-list ul').append("<li addvcd=" + result[i].addvcd + ">" + result[i].addvnm + "</li>");
                                                }
                                            }
                                        }
                                    } else {
                                        $('.real-time-police .realtime-container .realtime-district .select-list ul').append("<li addvcd=" + result[i].addvcd + ">" + result[i].addvnm + "</li>");
                                    }

                                    str = '';

                                    layui.use('laydate', function () {
                                        var laydate = layui.laydate;
                                        laydate.render({
                                            elem: ('#parent_required_disposal_time' + i),
                                            type: 'datetime',
                                            position: 'fixed',
                                            trigger: 'click', //采用click弹出
                                            theme: '#3278F0',
                                            min: that.minDate()
                                        });
                                    })

                                }

                                if (that.clusterLayer != null) {
                                    that.clearLayer();
                                }
                                that.flareClusterLayer(result);

                                that.getStartVideoSite($('.real-time-police .layer-realtime-police-parent video')[0], result[0].channelNumber, result[0].serialNumber);

                                $('.real-time-police .layer-realtime-police-parent').stop().show();

                            }

                        }
                    })
                }

            }, 5000)
        },

        //热力图渲染器，加载热力图
        heatmFeaLayers: function () {

            var layerDefinition = {
                "geometryType": "esriGeometryPoint",
                "fields": [{
                    "num": "num",
                    editable: true,
                    nullable: true,
                    "type": "esriFieldTypeInteger",
                    "alias": "数量"
                }]
            };
            var featureCollection = {
                layerDefinition: layerDefinition,
                featureSet: null
            };
            //创建 FeatureLayer 图层
            var featureLayer = new esri.layers.FeatureLayer(featureCollection, {
                mode: esri.layers.FeatureLayer.MODE_SNAPSHOT,
                outFields: ["*"],
                opacity: .8
            });
            //设置渲染方式

            return featureLayer;
        },

        // 获取当前时间，以及昨天现在的时间
        getTime: function getTime() {
            var timestamp = Date.parse(new Date());

            // 当前时间
            var currentTime = new Date(timestamp);
            // 年
            var currentY = currentTime.getFullYear();
            // 月
            var currentM = currentTime.getMonth() + 1 < 10 ? '0' + (currentTime.getMonth() + 1) : currentTime.getMonth() + 1;
            // 日
            var currentD = currentTime.getDate() < 10 ? '0' + currentTime.getDate() : currentTime.getDate();
            // 时
            var currentH = currentTime.getHours() < 10 ? '0' + currentTime.getHours() : currentTime.getHours();
            // 分
            var currentDd = currentTime.getMinutes() < 10 ? '0' + currentTime.getMinutes() : currentTime.getMinutes();

            // 明天
            var tomorrowTime = new Date(timestamp - 60 * 60 * 24 * 1000);
            // 年
            var tomorrowY = tomorrowTime.getFullYear();
            // 月
            var tomorrowM = tomorrowTime.getMonth() + 1 < 10 ? '0' + (tomorrowTime.getMonth() + 1) : tomorrowTime.getMonth() + 1;
            // 日
            var tomorrowD = tomorrowTime.getDate() < 10 ? '0' + tomorrowTime.getDate() : tomorrowTime.getDate();
            // 时
            var tomorrowH = tomorrowTime.getHours() < 10 ? '0' + tomorrowTime.getHours() : tomorrowTime.getHours();
            // 分
            var tomorrowDd = tomorrowTime.getMinutes() < 10 ? '0' + tomorrowTime.getMinutes() : tomorrowTime.getMinutes();
            return {
                current: currentY + '-' + currentM + '-' + currentD + ' ' + currentH + ':' + currentDd + ':00',
                currentEight: currentY + '-' + currentM + '-' + currentD + ' 00:00:00',
                tomorrow: tomorrowY + '-' + tomorrowM + '-' + tomorrowD + ' ' + tomorrowH + ':' + tomorrowDd + ':00',
                month: currentM + currentD
            };
        },

        // 获取本周的时间
        getThisWeekTime: function () {
            // 当前时间
            var timestamp = Date.parse(new Date());
            var serverDate = new Date(timestamp);

            // 本周周一的时间
            var mondayTime = timestamp - ((serverDate.getDay() - 1) * 24 * 60 * 60 * 1000)
            var mondayData = new Date(mondayTime);
            //年
            var mondayY = mondayData.getFullYear();
            //月
            var mondayM = (mondayData.getMonth() + 1 < 10 ? '0' + (mondayData.getMonth() + 1) : mondayData.getMonth() + 1);
            //日
            var mondayD = mondayData.getDate() < 10 ? '0' + mondayData.getDate() : mondayData.getDate();
            // 当前时间
            var currentData = new Date(timestamp);
            //年
            var currentY = currentData.getFullYear();
            //月
            var currentM = (currentData.getMonth() + 1 < 10 ? '0' + (currentData.getMonth() + 1) : currentData.getMonth() + 1);
            //日
            var currentD = currentData.getDate() < 10 ? '0' + currentData.getDate() : currentData.getDate();
            //时
            var currenH = currentData.getHours() < 10 ? '0' + currentData.getHours() : currentData.getHours();
            //分
            var currenM = currentData.getMinutes() < 10 ? '0' + currentData.getMinutes() : currentData.getMinutes();

            return {
                week: {
                    beginTime: mondayY + '-' + mondayM + '-' + mondayD + ' 00:00:00',
                    endTime: currentY + '-' + currentM + '-' + currentD + ' ' + currenH + ':' + currenM + ':00',
                },
                month: {
                    beginTime: mondayY + '-' + mondayM + '-01 00:00:00',
                    endTime: currentY + '-' + currentM + '-' + currentD + ' ' + currenH + ':' + currenM + ':00',
                },
                year: {
                    beginTime: mondayY + '-01-01 00:00:00',
                    endTime: currentY + '-' + currentM + '-' + currentD + ' ' + currenH + ':' + currenM + ':00',
                }
            }

        },

        // 获取警情信息列表
        getRealTimePoliceTable: function (addvcd, waringType, beginTime, endTime) {
            var that = this;

            that.updateRealTable.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    jtype: '',
                    addvcd: addvcd,
                    waringType: waringType,
                    beginTime: beginTime,
                    endTime: endTime
                }
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
            });


        },

        // 创建实体图层
        createEntitys: function (entitys, entityContent, name, item, lgtd, lttd, outlineColors) {

            var symbol = new esri.symbol.PictureMarkerSymbol(outlineColors, 16, 16);
            symbol.name = name;
            var pt = new Point(lgtd, lttd, new SpatialReference({ wkid: 4326 }));
            pt.entityData = item;
            var graphic = new esri.Graphic(pt, symbol);
            entitys.add(graphic);

            entityContent.push(item);
        },

        clearPoliceDetail: function (id) {
            var that = this;

            layui.use('layer', function () {

                var layer = layui.layer;

                layer.confirm('确定撤销该警情?', { icon: 3, title: '提示' }, function (index) {

                    $.ajax({
                        url: 'http://61.131.136.25:2082/api/alarm/alarm/deletejj',
                        type: 'POST',
                        data: {
                            id: id
                        },
                        success: function (data) {


                            if (data.code == 200) {
                                layer.msg("警情撤销成功", {
                                    icon: 1,
                                    time: 1000 //2秒关闭（如果不配置，默认是3秒）
                                }, function () {

                                    $('.real-time-police .layer-realtime-police-parent').stop().hide();
                                    $('.real-time-police .layer-realtime-police .audio audio')[0].pause();

                                    that.getRealTimePoliceTable(that.realTimeAddvcd, that.realTimeWringType, that.realBeginTime, that.realEndTime)
                                });
                            }

                        }
                    })

                });
            })

        },

        //聚合图层事件
        flareClusterLayer: function (datas) {

            var that = this;

            var preClustered = false;
            var displaySingleFlaresAtCount = 10;
            var areaDisplayMode = "";
            // var allData = JSON.parse(DATA);
            // DataManager.setData(allData);

            //init the layer, more options are available and explained in the cluster layer constructor
            that.clusterLayer = new FlareClusterLayer({
                id: "flare-cluster-layer",
                spatialReference: new esri.SpatialReference({ "wkid": 4326 }),
                subTypeFlareProperty: "facilityType",
                singleFlareTooltipProperty: "name",
                displaySubTypeFlares: true,
                displaySingleFlaresAtCount: displaySingleFlaresAtCount,
                flareShowMode: "mouse",
                preClustered: preClustered,
                clusterRatio: 75,
                clusterAreaDisplay: areaDisplayMode,
                clusteringBegin: function () {
                    console.log("clustering begin");
                },
                clusteringComplete: function () {
                    console.log("clustering complete");
                }
            });

            //set up a class breaks renderer to render different symbols based on the cluster count. Use the required clusterCount property to break on.
            var defaultSym = new PictureMarkerSymbol("./images/real-time-callPolice.png", 32, 32).setOffset(0, 15);
            var renderer = new ClassBreaksRenderer(defaultSym, "clusterCount");
            var xlSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 32, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([200, 52, 59, 0.8]), 1), new dojo.Color([250, 65, 74, 0.8]));
            var lgSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 28, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([41, 163, 41, 0.8]), 1), new dojo.Color([51, 204, 51, 0.8]));
            var mdSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 24, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([82, 163, 204, 0.8]), 1), new dojo.Color([102, 204, 255, 0.8]));
            var smSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 22, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([230, 184, 92, 0.8]), 1), new dojo.Color([255, 204, 102, 0.8]));
            renderer.addBreak(0, 19, smSymbol);
            renderer.addBreak(20, 150, mdSymbol);
            renderer.addBreak(151, 1000, lgSymbol);
            renderer.addBreak(1001, Infinity, xlSymbol);

            that.clusterLayer.setRenderer(renderer); //use standard setRenderer.

            //set up a popup template
            var template = new PopupTemplate({
                title: "{name}",
                fieldInfos: [
                    { fieldName: "facilityType", label: "Facility Type", visible: true },
                    { fieldName: "postcode", label: "Post Code", visible: true },
                    { fieldName: "isOpen", label: "Opening Hours", visible: true }
                ]
            });

            //clusterLayer.infoTemplate = template;
            that._map.infoWindow.titleInBody = false;

            that._map.addLayer(that.clusterLayer);

            //var data = DataManager.getData();
            that.clusterLayer.addData(datas);


        },

        clearLayer: function () {
            var that = this;
            that._map.removeLayer(that.clusterLayer);
            that.clusterLayer = null;
        },

        updateJType: function (id, czTime, bz, jjTime) {
            $.ajax({
                url: 'http://61.131.136.25:2082/api/alarm/alarm/updateJtype',
                type: 'POST',
                data: {
                    id: id,
                    czTime: czTime,
                    jjTime: jjTime,
                    bz: bz

                },
                success: function (data) {

                    if (data.code == 200) {
                    }

                }
            })
        },

        minDate: function () {
            var now = new Date();
            return now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate();
        }
    });
    return Widget;
});