// 加载vue
require.config({
    paths: {
        "vue": "../js/vue",
    }
});
define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'vue'], function ($, undefined, Backend, Table, Form, Vue) {

    var Controller = {
        index: function () {
            require(['jstree'], function () {
                Table.api.init();

                // 巡检点列表
                var table1 = $("#table1");
                table1.bootstrapTable({
                    toolbar: '#toolbar1',
                    url: "inspection/areasite/index",
                    extend: {
                        index_url: 'inspection/areasite/index',
                        add_url: 'inspection/areasite/add',
                        edit_url: 'inspection/areasite/edit',
                        del_url: 'inspection/areasite/del',
                        multi_url: 'inspection/areasite/multi',
                        table: 'inspection_areasite',
                    },
                    sortName: 'id',
                    pageSize:10,
                    search: false,
                    columns: [
                        [

                            {field: '',radio: true},
                            {field: 'id', title: __('Id'),operate:false},
                            {field: 'site_name', title: __('巡检点名称'),operate:'like'},
                            {field: 'verify', title: __('验证方式'),operate:false,formatter: Controller.api.formatter.verify},
                            {field: 'lnglat', title: __('经纬度'),operate:false},
                            {field: 'distance', title: __('有效距离（米）'),operate:false},
                            {field: 'createtime', title: __('添加时间'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},
                            {field: 'operate', title: __('Operate'), table: table1, events: Table.api.events.operate,
                                buttons: [
                                    {
                                        name: 'qrcode',
                                        title: __('二维码'),
                                        text:'二维码',
                                        classname: 'btn btn-xs btn-default btn-dialog qrcode',
                                        icon: 'fa fa-file-text',
                                        url:'inspection/areasite/qrcode',
                                        extend:' data-area=["30%","64%"]',
                                        click: function (e, data) {
                                            alert(123)
                                        }
                                    }
                                    // ,{
                                    //     name: 'item',
                                    //     title: __('检查项管理'),
                                    //     text:'检查项管理',
                                    //     classname: 'btn btn-xs btn-default btn-click',
                                    //     icon: 'fa fa-file-text',
                                    //     click: function (e, data) {
                                    //
                                    //     }
                                    // }
                                ],
                                formatter: Table.api.formatter.operate}
                        ]
                    ]
                });

                // 为表格1绑定事件
                Table.api.bindevent(table1);

                //当表格数据加载完成时
                table1.on('load-success.bs.table', function (e, data) {
                    //这里可以获取从服务端获取的JSON数据data
                    //设置添加和编辑弹出大小
                    $(".btn-add").data("area",["66%","77%"]);
                    $(".btn-edit").data("area",["66%","77%"]);
                });
                //列表中编辑按钮调整弹框大小
                table1.on('post-body.bs.table',function(){
                    $(".btn-editone").data("area",["66%","77%"]);
                })

                // 表格2
                var table2 = $("#table2");
                table2.bootstrapTable({
                    url: "inspection/areaitem/index",
                    extend: {
                        index_url: 'inspection/areaitem/index',
                        add_url: 'inspection/areaitem/add',
                        edit_url: 'inspection/areaitem/edit',
                        del_url: 'inspection/areaitem/del',
                        multi_url: 'inspection/areaitem/multi',
                        table: 'inspection_areaitem',
                    },
                    toolbar: '#toolbar2',
                    sortName: 'id',
                    pageSize:5,
                    search: false,
                    columns: [
                        [
                            {checkbox: true},
                            {field: 'id', title: __('Id')},
                            {field: 'item_name', title: __('检查项名称')},
                            {field: 'weigh', title: __('排序')},
                            {field: 'operate', title: __('Operate'), table: table2, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                        ]
                    ]
                });

                // 为表格2绑定事件
                Table.api.bindevent(table2);

                table1.on('click-row.bs.table', function (e, data) {
                    table2.bootstrapTable('refreshOptions',{url: "inspection/areaitem/index?areasite_id="+data.id,pageNumber:1, extend: {
                            index_url: 'inspection/areaitem/index?areasite_id='+data.id,
                            add_url: 'inspection/areaitem/add?areasite_id='+data.id,
                            edit_url: 'inspection/areaitem/edit',
                            del_url: 'inspection/areaitem/del',
                            multi_url: 'inspection/areaitem/multi',
                            table: 'inspection_areaitem',
                        },pageSize:5})
                    $("#toolbar2").find(".btn-add").removeClass("btn-disabled").removeClass("disabled");

                });

                $('#channeltree').on("changed.jstree", function (e, data) {
                    if(data.node){
                        node_id = data.node.id;
                        table1.bootstrapTable('refresh', {url: "inspection/areasite/index?area_id="+node_id,pageNumber:1});

                        table2.bootstrapTable('refreshOptions',{url: "inspection/areaitem/index?areasite_id="+data.id,pageNumber:1, extend: {
                                index_url: 'inspection/areaitem/index?areasite_id='+data.id,
                                add_url: 'inspection/areaitem/add?areasite_id='+data.id,
                                edit_url: 'inspection/areaitem/edit',
                                del_url: 'inspection/areaitem/del',
                                multi_url: 'inspection/areaitem/multi',
                                table: 'inspection_areaitem',
                            }})
                        $("#toolbar2").find(".btn-add").addClass("btn-disabled").addClass("disabled");
                    }

                    return false;
                });

                $('#channeltree').jstree({
                    "checkbox": {"keep_selected_style": false,},
                    "types": {
                        "total": {"icon": "fa fa-folder-o",},
                        "folder": {"icon": "fa fa-folder",},
                        "disabled": {"check_node": false,"uncheck_node": false}
                    },
                    'plugins': ["types",'contextmenu'],
                    "core": {
                        "themes": {
                            "stripes": false,
                            "dots": false,//是否显示树连接线
                            "icons": true,//是否显示节点的图标
                        },
                        'check_callback': true,
                        'data':{
                            'url' : 'inspection/area/tree',
                            'data' : function (node) {
                                return { 'id' : node.id};
                            }
                        }
                    },
                    'contextmenu':{
                        'items' : {
                            'add':{
                                'label':'添加',
                                'action':function(obj){
                                    //reference获取当前选中节点的引用
                                    var inst = jQuery.jstree.reference(obj.reference);
                                    //通过get_node方法获取节点的信息，类似于实例对象
                                    var clickedNode = inst.get_node(obj.reference);
                                    let title = '添加区域'
                                    let reservoir_id = parseInt(clickedNode.original.reservoir_id);
                                    Fast.api.open("inspection/area/add?pid=" + clickedNode.id + '&reservoir_id=' + reservoir_id, title, {
                                        area:["50%", "50%"],
                                        callback:function(value){
                                            setTimeout(function () {
                                                $('#channeltree').jstree(true).refresh(); // 刷新树
                                            },500)
                                        }
                                    });
                                },
                            },
                            'edit':{
                                'label':'编辑',
                                'action':function(obj){
                                    //reference获取当前选中节点的引用
                                    var inst = jQuery.jstree.reference(obj.reference);
                                    //通过get_node方法获取节点的信息，类似于实例对象
                                    var clickedNode = inst.get_node(obj.reference);
                                    if (clickedNode.id === '#' || !clickedNode.id || clickedNode.id< 0){
                                        layer.msg('不能编辑全部');
                                        return;
                                    }
                                    let title = '编辑区域'
                                    Fast.api.open("inspection/area/edit?ids=" + clickedNode.id, title, {
                                        area:["50%", "50%"],
                                        callback:function(value){
                                            setTimeout(function () {
                                                $('#channeltree').jstree(true).refresh(); // 刷新树
                                            },500)
                                        }
                                    });
                                },
                            },
                            'del':{
                                'label':'删除',
                                'action':function(obj){
                                    //reference获取当前选中节点的引用
                                    var inst = jQuery.jstree.reference(obj.reference);
                                    //通过get_node方法获取节点的信息，类似于实例对象
                                    var clickedNode = inst.get_node(obj.reference);
                                    if (clickedNode.id === '#' || !clickedNode.id || clickedNode.id< 0){
                                        layer.msg('不能删除全部');
                                        return;
                                    }
                                    //弹出确认提示
                                    layer.confirm(`确认删除区域【${clickedNode.text}】吗？`,{icon: 3, title:'提示'},function (index) {
                                        Fast.api.ajax({
                                            url:"inspection/area/del?ids=" + clickedNode.id,
                                            data:{ids:clickedNode.id},
                                            loading:false,
                                            success:function (res) {
                                                if (res.code === 1){
                                                    Toastr.success('删除成功')
                                                }else{
                                                    Toastr.error(res.msg)
                                                }
                                            },
                                            error:function (res) {
                                                layer.msg('网络错误')
                                            },
                                            complete:function (res) {
                                                setTimeout(function () {
                                                    $('#channeltree').jstree(true).refresh(); // 刷新树
                                                },500)
                                            }
                                        })
                                        layer.close(index); //关闭当前弹窗
                                    })

                                },
                            },
                            'refresh':{
                                'label':'刷新',
                                'action':function(obj){
                                    $('#channeltree').jstree(true).refresh(); // 刷新树
                                }
                            }
                        }
                    }
                });
            })
        },
        add: function () {
            var vmAdd = new Vue({
                el: '#item-vue',
                data: {
                    formData:{
                        item_name:'',
                        type:1,
                        weigh:'0',
                    },
                    cItemJson:'',//当前检查项表单json值
                    cItemList:[],//当前的检查项列表
                },
                created() {},
                methods: {
                    //添加检查项
                    addItem:function () {
                        if (!this.formData.item_name){
                            layer.msg('请填写名称');
                            return;
                        }
                        if (!this.formData.weigh){
                            layer.msg('请填写排序值');
                            return;
                        }
                        // 检查是否重名
                        for (let i=0; i<this.cItemList.length; i++){
                            if (this.cItemList[i].item_name === this.formData.item_name){
                                layer.msg('检查项：' + this.formData.item_name + ' 已存在')
                                return;
                            }
                        }
                        this.cItemList.push({...this.formData});
                        // 根据排序值从小到大排序
                        this.cItemList.sort((a,b) => a.weigh - b.weigh);
                        // 更新cItemJson
                        this.cItemJson = JSON.stringify(this.cItemList);
                    },
                    //删除检查项
                    delItem:function (obj) {
                        let index = this.cItemList.findIndex(item => item.item_name === obj.item_name);
                        if (index > -1) {
                            this.cItemList.splice(index, 1); // 删除找到的对象
                        }
                        // 更新cItemJson
                        this.cItemJson = JSON.stringify(this.cItemList);
                    }
                }
            })

            var timer;
            $("input[type='radio']").on("click",function () {
                if($("input[name='row[verify]']:checked").val()=="1"){
                    $(".lnglat").show()
                    timer = setInterval(function () {
                        $.ajax({
                            url:'inspection/areasite/getLnglat',
                            data:{id:0,distance:$("#c-distance").val()},
                            success:function (response) {
                                if(response.code){
                                    // if(response.data.lng && response.data.lat){
                                    //     $("#c-lnglat").val(response.data.lng+","+response.data.lat);
                                    // }
                                }
                            }
                        })
                    },2000)
                }else{
                    $(".lnglat").hide()
                    clearInterval(timer)
                }
            })

            $(".btn-getlnglat").click(function () {
                Fast.api.open("inspection/areasite/ercode?id=0", __('扫码获取精确定位'), {
                    area:["250px","300px"],
                    callback:function (data) {
                        $("#c-audio_id").val(data.MediaId);
                        $("#c-audio_title").val(data.AudioTitle);
                    }
                });
            })

            Controller.api.bindevent();
        },
        edit: function () {
            var vmEdit = new Vue({
                el: '#item-vue',
                data: {
                    formData:{
                        item_name:'',
                        type:1,
                        weigh:'0',
                    },
                    cItemJson:'',//当前检查项表单json值
                    cItemList:Config.itemsForVue ? Config.itemsForVue : [],//当前的检查项列表
                },
                created() {
                    // 更新cItemJson
                    this.cItemJson = JSON.stringify(this.cItemList);
                },
                methods: {
                    //添加检查项
                    addItem:function () {
                        if (!this.formData.item_name){
                            layer.msg('请填写名称');
                            return;
                        }
                        if (!this.formData.weigh){
                            layer.msg('请填写排序值');
                            return;
                        }
                        // 检查是否重名
                        for (let i=0; i<this.cItemList.length; i++){
                            if (this.cItemList[i].item_name === this.formData.item_name){
                                layer.msg('检查项：' + this.formData.item_name + ' 已存在')
                                return;
                            }
                        }
                        this.cItemList.push({...this.formData});
                        // 根据排序值从小到大排序
                        this.cItemList.sort((a,b) => a.weigh - b.weigh);
                        // 更新cItemJson
                        this.cItemJson = JSON.stringify(this.cItemList);
                    },
                    //删除检查项
                    delItem:function (obj) {
                        let index = this.cItemList.findIndex(item => item.item_name === obj.item_name);
                        if (index > -1) {
                            this.cItemList.splice(index, 1); // 删除找到的对象
                        }
                        // 更新cItemJson
                        this.cItemJson = JSON.stringify(this.cItemList);
                    }
                }
            })

            var timer;
            $("input[type='radio']").on("click",function () {
                if($("input[name='row[verify]']:checked").val()=="1"){
                    $(".lnglat").show()
                    timer = setInterval(function () {
                        $.ajax({
                            url:'inspection/areasite/getLnglat',
                            data:{id:$("#c-id").val(),distance:$("#c-distance").val()},
                            success:function (response) {
                                if(response.code){
                                    // if(response.data.lng && response.data.lat){
                                    //     $("#c-lnglat").val(response.data.lng+","+response.data.lat);
                                    // }
                                }
                            }
                        })
                    },2000)
                }else{
                    $(".lnglat").hide()
                    clearInterval(timer)
                }
            })

            if($("input[name='row[verify]']:checked").val()=="1"){
                timer = setInterval(function () {
                    $.ajax({
                        url:'inspection/areasite/getLnglat',
                        data:{id:$("#c-id").val(),distance:$("#c-distance").val()},
                        success:function (response) {
                            if(response.code){
                                // if(response.data.lng && response.data.lat){
                                //     $("#c-lnglat").val(response.data.lng+","+response.data.lat);
                                // }
                            }
                        }
                    })
                },2000)
            }

            $(".btn-getlnglat").click(function () {
                Fast.api.open("inspection/areasite/ercode?id="+$("#c-id").val(), __('扫码获取精确定位'), {
                    area:["250px","300px"],
                    callback:function (data) {
                        $("#c-audio_id").val(data.MediaId);
                        $("#c-audio_title").val(data.AudioTitle);
                    }
                });
            })
            Controller.api.bindevent();
        },
        api: {
            formatter:{
                verify: function (value, row, index) {
                    switch (value) {
                        case 0:
                            return "不验证";
                        case 1:
                            return "定位";
                    }
                },
            },
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});