layui.config({
    base: '../../js/'
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laytpl = layui.laytpl,
        table = layui.table;
    laydate = layui.laydate;
    //var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
    var OrgId = 1;

    var sTime, eTime;
    //开始时间选择器
    laydate.render({
        elem: '#s_time',
        type: 'datetime',
        done: function (value, date) {
            sTime = value;
        }
    });
    //结束时间选择器
    laydate.render({
        elem: '#e_time',
        type: 'datetime',
        done: function (value, date) {
            eTime = value;
        }
    });


    var markers = [], pts = [], bjmaker = [], cpylist = [];
    var zcIcon = new BMap.Icon("../../img/33.png", new BMap.Size(14, 14));
    var bjIcon = new BMap.Icon("../../img/44.png", new BMap.Size(14, 14));
    var currentpage = 1, countpage = 0, limit = 5000, markerClusterer;
    var options = {
        size: BMAP_POINT_SIZE_NORMAL,
        shape: BMAP_POINT_SHAPE_CIRCLE,
        color: '#7FE728'
    }
    // echart_map中国地图
    function echart_map() {
        map = new BMap.Map("map", { enableMapClick: false });    // 创建Map实例
        map.enableScrollWheelZoom();
        //添加地图类型控件
        map.addControl(new BMap.MapTypeControl({
            anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
            mapTypes: [
                BMAP_NORMAL_MAP,
                BMAP_HYBRID_MAP
            ]
        }));
        map.centerAndZoom(new BMap.Point(106.142889, 32.814377), 5);
    }


    echart_map();


    carList = ["5ed0b800-311e-4f5e-a929-4dd3c107ab95"];
    type = 1;
    //系统列表
    var tableIns = table.render({
        elem: '#carlocationList',
        url: '../../ashx/CarHandler.ashx',
        where: { Action: 'CarLocationList', type: type, carList: carList.join(","), random: new Date().getTime() },
        cellMinWidth: 95,
        height: "full-125",
        id: "carListTable",
        cols: [[
            { type: 'numbers' },
            { field: 'CARID', title: '车辆ID', minWidth: 60, align: "center" },
            { field: 'POINTX', title: 'X坐标', minWidth: 60, align: "center" },
            { field: 'POINTY', title: 'Y坐标', minWidth: 60, align: "center" },
            { field: 'LOCATETIME', title: '定位时间', minWidth: 60, align: "center" }
        ]],
        done: function (res, curr, count) {
            //如果是异步请求数据方式，res即为你接口返回的信息。
            //如果是直接赋值的方式，res即为：{data: [], count: 99}、count为数据总长度
            console.log(res.data[0]);
            datas = res.data;
            var line = [];
            if (type == "0") {
                for (var index in datas) {
                    //创建小车
                    var pt = new BMap.Point(datas[index].POINTX, datas[index].POINTY);
                    var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300, 157));
                    var marker2 = new BMap.Marker(pt, { icon: myIcon });  // 创建标注
                    map.addOverlay(marker2);              // 将标注添加到地图中
                    map.centerAndZoom(pt);
                }
            }
            else {
                //创建小车
                var pt = new BMap.Point(datas[0].POINTX, datas[0].POINTY);
                var myIcon = new BMap.Icon("../../images/car.png", new BMap.Size(300, 157));
                var marker2 = new BMap.Marker(pt, { icon: myIcon });  // 创建标注
                map.addOverlay(marker2);              // 将标注添加到地图中
                map.centerAndZoom(pt);

                for (var index in datas) {
                    //
                    var pt = new BMap.Point(datas[index].POINTX, datas[index].POINTY);
                    line.push(pt);
                }

                var polyline = new BMap.Polyline(line, { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 });   //创建折线
                map.addOverlay(polyline);          //增加折线
            }

        }
    });

    //搜索【此功能需要后台配合，所以暂时没有动态效果演示】
    $(".search_btn").on("click", function () {
        table.reload("carListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                Action: 'CarList',
                keywords: $(".searchVal").val(),  //搜索的关键字
                class: 0,
                random: new Date().getTime()    //随机参数
            }
        });
    });
    function search(treeid, type) {
        //console.log(treeid + "," + type);
        table.reload("carListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                Action: 'CarList',
                keywords: $(".searchVal").val(),  //搜索的关键字
                treeID: treeid,  //所属目录
                type: type,  //所属目录
                class: 0,
                random: new Date().getTime()    //随机参数
            }
        });
    }
    reload = function () {
        table.reload("carListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                Action: 'CarList',
                keywords: $(".searchVal").val(),  //搜索的关键字
                class: 0,
                random: new Date().getTime()    //随机参数
            }
        });
    }
    //添加编辑
    function AddEdit(edit) {
        var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
        var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
        var title = "";
        if (edit) { title = "编辑人员"; } else { title = "添加人员"; }
        var index = layui.layer.open({
            title: title,
            type: 2,
            area: [clientWidth, clientHeight],
            maxmin: true,
            content: "edit.html",
            success: function (layero, index) {
                var body = layui.layer.getChildFrame('body', index);
                if (edit) {
                    body.find(".ID").val(edit.ID);
                    body.find(".Action").val("Edit");

                    body.find("#car_name").val(edit.CAR_NAME); //车辆名称
                    body.find("#car_no").val(edit.CAR_NO); //车辆编号
                    body.find("#org_id").val(edit.ORG_ID); //队
                    body.find("#dept_id").val(edit.DEPT_ID); //消防站
                    body.find("#car_num").val(edit.CAR_NUM); //车辆号牌
                    body.find("#car_code").val(edit.CAR_CODE); //车辆登记代号
                    body.find("#frame_num").val(edit.FRAME_NUM); //车架号
                    body.find("#engine_no").val(edit.ENGINE_NO); //发动机号
                    body.find("#trademark").val(edit.TRADEMARK); //商标
                    body.find("#gbcode").val(edit.GB_CODE); //国标代码
                    body.find("#factory").val(edit.FACTORY); //出厂厂家
                    body.find("#liableman").val(edit.LIABLEMAN); //责任人名称
                    body.find("#region").val(edit.REGION); //所属辖区
                    body.find("#isrun").val(edit.ISRUN); //是否运行

                    setTimeout(function () {

                        body.find("#org_id").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.ORG_ID + "']").click();
                        body.find("#dept_id").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.DEPT_ID + "']").click();

                    }, 1000)

                    form.render();
                } else {
                    body.find(".Action").val("Add");
                    form.render();
                }
            }
        })
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    }
    $(".add_btn").click(function () {
        AddEdit();
    });

    //批量删除
    $(".delAll_btn").click(function () {
        var checkStatus = table.checkStatus('carListTable'),
            data = checkStatus.data,
            carList = [];
        if (data.length > 0) {
            for (var i in data) {
                carList.push(data[i].ID);
            }
            console.log(carList.join(","));
            layer.confirm('确定删除选中的车辆？', { icon: 3, title: '提示信息' }, function (index) {
                //提交信息
                $.post("../../ashx/CarHandler.ashx", {
                    Action: "Del",
                    carList: carList.join(","),
                    random: new Date().getTime()    //随机参数
                }, function (res) {
                    res = $.parseJSON(res);
                    if (res.code == 1) {
                        top.layer.msg(res.msg);
                        reload();
                    } else {
                        top.layer.msg(res.msg);
                    }
                });
            });
        } else {
            layer.msg("请选择需要删除的人员");
        }
    })


    //列表操作
    table.on('tool(carList)', function (obj) {
        var layEvent = obj.event;
        data = obj.data;
        console.log(data);
        if (layEvent == 'edit') {//修改
            AddEdit(data);
        }
    })

    //申请表单
    $(".apply_btn").click(function () {
        var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
        var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
        var title = "申请表单";
        var index = layui.layer.open({
            title: title,
            type: 2,
            area: [clientWidth, clientHeight],
            maxmin: true,
            content: "apply.html",
            success: function (layero, index) {

            }
        })
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    })
})