$(document).ready(function () {
    $("#committee").on("keyup", function (e) {
        // layer.msg('committee keyup ',{icon:3,time:1500});
        var obj = $("#committee"),
            value = obj.val();
        if (!(/(^\+?[0-9][0-9]*$)/.test(value))) {
            value = value.substring(0, value.length - 1);
            obj.val(value);
        }
    });

    $("#aid").on("keyup", function (e) {
        // layer.msg('aid keyup ',{icon:3,time:1500});
        var obj = $("#aid"),
            value = obj.val();
        if (!(/(^\+?[0-9][0-9]*$)/.test(value))) {
            value = value.substring(0, value.length - 1);
            obj.val(value);
        }
    });

    $('.save').click(function () {
        if ($('#committee').val() == "" || $('#aid').val() == "" || $('#committee').val() == null || $('#aid').val() == null) {
            layer.msg('电话不能为空！', {icon: 5, time: 2000})
        } else {
            let array = [];
            let committee = {
                id: $('#committee').attr('data-id'),
                type: 1,
                phone: $('#committee').val(),
                name: $('#committeeName').val(),
                cmptId: getCmptId()
            };
            let aid = {
                id: $('#aid').attr('data-id'),
                type: 2,
                phone: $('#aid').val(),
                name: $('#aidName').val(),
                cmptId: getCmptId()
            };
            array.push(committee)
            array.push(aid);
            $.ajax({
                url: '/gk/contact/save',
                data: JSON.stringify(array),
                contentType: "application/json",
                type: 'post',
                success: function (data) {
                    if (data.status) {
                        layer.msg('更新成功', {icon: 1, time: 1500});
                        for (var i in data.content) {
                            if (data.content[i].type == 1) {
                                $('#committee').attr('data-id', data.content[i].id)
                            } else {
                                $('#aid').attr('data-id', data.content[i].id)
                            }
                        }
                    }
                }
            })
        }

    });

    $('body').on('click', '.status-btn', function () {
        var obj = $(this);
        let id = obj.attr('data-id');
        let status = obj.attr('data-status');
        let dataName = obj.attr('data-name');
        let dataPhone = obj.attr('data-phone');
        let dataLat = obj.attr('data-lat');
        let dataLng = obj.attr('data-lng');
        let markNo = obj.attr('data-markno');
        // layer.msg('dataPhone:'+dataPhone,{icon:4,time:5000})
        var param = {};
        if (status >= 2) {
            layer.msg('已经完成受理状态！', {icon: 4, time: 1000})
            return;
        } else {
            param.id = id;
            param.status = Number(status) + 1;
            if (param.status == 1) {
                qikoo.dialog.inputconfirm('通知救援队',
                    function () {
                        // layer.msg('input:'+$('#contact-input').val(),{icon:4,time:1000})
                        var smsRevStr = new Array();
                        var con = {};
                        con["mobile"] = $('#contact-input').val();
                        con["name"] = "";
                        smsRevStr.push(con);
                        $.ajax({
                            type: "POST",
                            url: "https://event.geexek.com/sms/sendMicroGroup.do",
                            data: {
                                userId: getUId(), smsStr: JSON.stringify(smsRevStr), message:
                                    getMessage(dataName, dataPhone, dataLat + ', ' + dataLng)
                            },
                            async: false,
                            dataType: "json",
                            success: function (data) {
                                if(data.code == 1){
                                    param.acceptTime = Date.now();
                                    $.ajax({
                                        type: "POST",
                                        //正式环境
                                        url : "http://timerbackend.geexek.com/updateRescuePhone.do",

                                        //测试环境
                                        // url: "http://testtimerbackend.geexek.cn/updateRescuePhone.do",
                                        data: {cmptId: getCmptId(), markNo: markNo, rescuePhone: $('#contact-input').val()},
                                        async: false,
                                        dataType: "json",
                                        success: function (data) {
                                            if (data.status == 0) {
                                                layer.msg("救援电话更新成功！", {icon: 1, time: 1500})
                                            }
                                        }
                                    });
                                    $.ajax({
                                        url: "/gk/contact/updateStatus",
                                        type: 'post',
                                        data: param,
                                        success: function (data) {
                                            if (data.status) {

                                                layer.msg("处理成功！", {icon: 1, time: 1500})
                                            } else {
                                                layer.msg("处理失败！", {icon: 5, time: 1500})
                                            }
                                            if (param.status == 1) {
                                                obj.text('完成救援');
                                                obj.css({'background': '#EC8401'});
                                                obj.attr('data-status', param.status)
                                            } else if (param.status == 2) {
                                                obj.text('已完成');
                                                obj.css({'background': 'gray'});
                                                obj.attr('data-status', param.status)
                                                obj.parent().parent().parent().remove();
                                            }
                                        }
                                    });
                                }else{
                                    alert(data.msg);
                                }

                            },
                            error: function (error) {
                                // layer.msg('救援发送失败:'+JSON.stringify(error),{icon:4,time:1000})
                            }
                        });
                        //确认
                    }, function () {
                        //取消
                    });

            } else {
                param.doneTime = Date.now();
                $.ajax({
                    url: "/gk/contact/updateStatus",
                    type: 'post',
                    data: param,
                    success: function (data) {
                        if (data.status) {
                            layer.msg("处理成功！", {icon: 1, time: 1500})
                        } else {
                            layer.msg("处理失败！", {icon: 5, time: 1500})
                        }
                        if (param.status == 1) {
                            obj.text('完成救援');
                            obj.css({'background': '#EC8401'});
                            obj.attr('data-status', param.status)
                        } else if (param.status == 2) {
                            obj.text('已完成');
                            obj.css({'background': 'gray'});
                            obj.attr('data-status', param.status)
                            obj.parent().parent().parent().remove();
                        }
                    }
                });
            }


        }

    });

    $('body').on('click', '.info-item', function () {
        drawGPS($(this));
    });
    $('.watch').click(function () {
        var length = $('tbody tr').length;
        if (length == 0) {
            layer.msg("未有人员请求救援！", {icon: 5, time: 2000});
            return;
        }

        $('.data').css('display', 'none');
        $('.dialog').css('transform', "none");
        $('.info-item').each(function (i, e) {
            if (i < 2) {
                drawGPS(e);
            }

        });
    });

    $('.back').click(function () {
        $('.data').show();
        $('.dialog').css('transform', "translateX(-9999px)");
        window.location.reload();
    });

    $('.back-text').click(function () {
        $('.data').show();
        $('.dialog').css('transform', "translateX(-9999px)");
        window.location.reload();
    });

    $('.map-control-area').click(function () {
        document.getElementById("map-control-area-id").style.display = "none"
        document.getElementById("map-control-open-area-id").style.display = ""
        document.getElementById("data-list-id").style.display = "none"
    });

    $('.map-control-open-area').click(function () {
        document.getElementById("map-control-area-id").style.display = ""
        document.getElementById("map-control-open-area-id").style.display = "none"
        document.getElementById("data-list-id").style.display = ""
    });

    function getMessage(rescueName, rescuePhone, rescueAddress) {
        // return "亲爱的{跑者}您好，请尽快通过'赛课现场管家'小程序完成签到，以便保证您能够顺利参赛--"+"${cmptName}"+"组委会";
        var msg = "救援目标" + "'" + rescueName + "'" + ", " +
            "手机号码" + "'" + rescuePhone + "'" + ", " +
            "坐标" + "'" + rescueAddress + "'" + ",请立刻展开营救!";
        // layer.msg('救援的信息:'+msg,{icon:4,time:5000})
        return msg;
    }

});
var map = {
    mapContainer: 'map',
    instance: null,
    initMap: function () {
        var satelliteTile = L.tileLayer('http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', {
            id: 'satelliteTile',
            maxZoom: 20
        });
        var terrainTile = L.tileLayer('http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', {
            id: 'terrainTile',
            maxZoom: 20
        });
        var googleTile = L.tileLayer('http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', {
            id: 'googleTile',
            maxZoom: 20
        });

        map.instance = L.map(map.mapContainer, {
            fullscreenControl: true,
            // OR
            fullscreenControl: {
                pseudoFullscreen: false // if true, fullscreen to page width and height
            },
            zoomControl: false,
            layers: [satelliteTile]
        }).setView([39.90923, 116.397428], 4);


        var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
        var osm = new L.TileLayer(osmUrl, {minZoom: 1, maxZoom: 18});
        //map.instance.addLayer(osm);
        var baseLayers = {
            "谷歌卫星": satelliteTile,
            "谷歌地形": terrainTile,
            "谷歌默认": googleTile
        };

        //地图类型
        L.control.layers(baseLayers, null, {position: 'topright'}).addTo(map.instance);
        L.control.scale({position: 'bottomright', imperial: false}).addTo(map.instance);
        L.control.zoom({position: "bottomright"}).addTo(map.instance);
    }
}
map.initMap();

function drawGPS(obj) {
    let gps = $(obj).parent().find('.item-content');

    let name = $(obj).find('span:eq(0)').text()
    let lat = gps.attr('data-lat');
    let lng = gps.attr('data-lng');
    var myIcon1 = L.divIcon({
        html: '<div class="cp-div"><span>' + name + '</span></div>',
        iconSize: 30
    });
    var nameMarker = L.marker([Number(lat), Number(lng)]).setIcon(myIcon1);
    nameMarker.addTo(map.instance);
    var icon = L.icon({
        iconUrl: '/static/leaflet/images/marker-shadow.png',
        iconSize: [15, 25]
    })
    var iconMarker = L.marker([Number(lat), Number(lng)], {icon: icon});
    iconMarker.addTo(map.instance);
    console.log(lat + "," + lng);
    try {
        map.instance.setView([Number(lat).toFixed(6), Number(lng).toFixed(6)], 12);
    } catch (e) {
        console.log(e);
    }

}

function excelExport() {
    location.href = "/gk/contact/export?cmptId=" + getCmptId();
}