/**
 导航栏
 **/
(function (vc) {
    let DEFAULT_PAGE = 1;
    let DEFAULT_ROW = 10;
    var vm = new Vue({
        el: '#nav',
        data: {
            nav: {
                moreNoticeUrl: '/#/pages/common/noticeManage',
                langs: [{
                    name: '中文',
                    lang: 'zh-cn'
                }, {
                    name: '繁体',
                    lang: 'cn'
                }, {
                    name: 'english',
                    lang: 'en'
                }, {
                    name: 'ខ្មែរ',
                    lang: 'Khmer'
                }],
                langName: '中文',
                _currentCommunity: '',
                communityInfos: [],
                storeTypeCd: '',
                catalogs: [],
            },
            logo: '',
            userName: ""
        },
        mounted: function () {
            this._initSysInfo();
            this.getNavCommunity(1, 3);
            this.initLang();
            this._getMenuCatalog();
            // 定义事件名为'build'.
        },
        methods: {
            _initSysInfo: function () {
                let sysInfo = vc.getData("java110SystemInfo");
                let _that = this;
                if (!sysInfo) {
                    setTimeout(function () {
                        sysInfo = vc.getData("java110SystemInfo");
                        _that.logo = sysInfo.systemSimpleTitle;
                    }, 2000);
                    return;
                }
                this.logo = sysInfo.systemSimpleTitle;
            },
            initLang: function () {
                let _lang = vc.getData('JAVA110-LANG')
                if (!_lang) {
                    vc.saveData('JAVA110-LANG', {
                        name: '中文',
                        lang: 'zh-cn'
                    })
                } else {
                    this.nav.langName = _lang.name;
                }
            },
            _changeLang: function (_lang) {
                vc.saveData('JAVA110-LANG', _lang);
                location.reload();
            },
            logout: function () {
                let param = {
                    msg: 123
                };
                //发送get请求
                vc.http.post('nav',
                    'logout',
                    JSON.stringify(param), {
                    emulateJSON: true
                },
                    function (json, res) {
                        if (res.status == 200) {
                            // 清除本地sessionStorage存储的tab
                            vc.clearTabToLocal();
                            vc.jumpToPage("/user.html#/pages/frame/login");
                            return;
                        }
                    },
                    function () {
                        console.log('请求失败处理');
                    }
                );
            },
            getUserInfo: function () {
                //获取用户名
                let param = {
                    msg: '123',
                };
                //发送get请求
                vc.http.apiGet('/user.getUserInfo',
                    param,
                    function (json, res) {
                        if (res.status == 200) {
                            var tmpUserInfo = JSON.parse(json);
                            vm.userName = tmpUserInfo.name;
                            vm.nav.storeTypeCd = tmpUserInfo.storeTypeCd;
                            //加个水印
                            if (tmpUserInfo.watermark == 'true') {
                                vc.watermark({ watermark_txt: vc.i18n('systemName') + ":" + tmpUserInfo.name });
                            }
                        }
                    },
                    function () {
                        console.log('请求失败处理');
                    }
                );
            },
            getNavCommunity: function (_page, _row) {
                var _tmpCurrentCommunity = vc.getCurrentCommunity();
                //浏览器缓存中能获取到
                if (_tmpCurrentCommunity != null && _tmpCurrentCommunity != undefined) {
                    this.nav._currentCommunity = _tmpCurrentCommunity;
                    this.nav.communityInfos = vc.getCommunitys();
                    return;
                }
                //说明缓存中没有数据
                //发送get请求
                /**
                 [{community:"123123",name:"测试1小区"},{community:"223123",name:"测试2小区"}]
                 **/
                let param = {
                    params: {
                        _uid: '123mlkdinkldldijdhuudjdjkkd',
                        page: _page,
                        row: _row
                    }
                };
                vc.http.get('nav',
                    'getCommunitys',
                    param,
                    function (json, res) {
                        if (res.status == 200) {
                            vm.nav.communityInfos = JSON.parse(json).communitys;
                            if (vm.nav.communityInfos == null || vm.nav.communityInfos.length == 0) {
                                vm.nav._currentCommunity = {
                                    name: "还没有入驻小区"
                                };
                                return;
                            }
                            vm.nav._currentCommunity = vm.nav.communityInfos[0];
                            vc.setCurrentCommunity(vm.nav._currentCommunity);
                            vc.setCommunitys(vm.nav.communityInfos);
                            //对首页做特殊处理，因为首页在加载数据时还没有小区信息 会报错
                            if (vm.nav.communityInfos != null && vm.nav.communityInfos.length > 0) {
                                vc.emit("indexContext", "_queryIndexContextData", {});
                                vc.emit("indexArrears", "_listArrearsData", {});
                            }
                        }
                    },
                    function () {
                        console.log('请求失败处理');
                    }
                );
            },
            changeCommunity: function (_community) {
                vc.setCurrentCommunity(_community);
                vm.nav._currentCommunity = _community;
                //中心加载当前页
                //location.reload();
                vc.jumpToPage("/");
            },
            _noticeDetail: function (_msg) {
                //console.log(_notice.noticeId);
                //vc.jumpToPage("/#/noticeDetail?noticeId="+_notice.noticeId);
                //标记为消息已读
                vc.http.post('nav',
                    'readMsg',
                    JSON.stringify(_msg),
                    function (json, res) {
                        if (res.status == 200) {
                            vc.jumpToPage(_msg.url);
                        }
                    },
                    function () {
                        console.log('请求失败处理');
                    }
                );
            },
            _getMenuCatalog: function () {
                let _param = {
                    params: {
                        page: 1,
                        row: 10,
                        isShow: 'Y',
                    }
                }
                vc.http.apiGet('/menu.listCatalog',
                    _param,
                    function (json, res) {
                        let _listCatalogs = JSON.parse(json);
                        if (_listCatalogs.code != 0) {
                            return;
                        }
                        vm.nav.catalogs = _listCatalogs.data;
                        vm._emitMsg(_listCatalogs.data[0])
                    },
                    function (e) {
                        console.log('请求失败处理', e);
                    }
                );
            },
            _navJumpToIot: function () {
                //获取用户名
                vc.jumpToIot('/');
            },
            _emitMsg: function (_param) {
                vm._settingActiveCatalog(_param);
                let event = new CustomEvent('loadMenu', {
                    "detail": _param
                });
                document.body.dispatchEvent(event);
            },
            _doMenu: function () {
                let body = document.getElementsByTagName("body")[0];
                let className = body.className;
                if (className.indexOf("mini-navbar") != -1) {
                    body.className = className.replace(/mini-navbar/g, "");
                    return;
                }
                body.className = className + " mini-navbar";
            },
            _chooseMoreCommunity: function () {
                vc.emit('chooseEnterCommunity', 'openChooseEnterCommunityModel', {});
            },
            _viewDocument: function () {
                vc.emit('document', 'openDocument', {});
            },
            _settingActiveCatalog: function (_catalog) {
                let _catalogs = this.nav.catalogs;
                _catalogs.forEach(item => {
                    item.active = '0'
                    if (item.caId == _catalog.caId) {
                        item.active = '1';
                    }
                });
                //this.nav.catalogs = _catalogs;
                this.$forceUpdate();
            },
            _changeMenuCatalog: function (_catalog) {
                //_showModelDiv(item)
                if (vm._showModelDiv(_catalog)) {
                    return;
                }
                if (_catalog.url == 'IOT') {
                    vm._navJumpToIot();
                    return;
                }
                if (_catalog.url == 'MALL') {
                    //获取用户名
                    vc.jumpToMall('/');
                    return;
                }
                if (_catalog.url != '#') {
                    vm._settingActiveCatalog(_catalog);
                    vc.jumpToPage(_catalog.url);
                    //return;
                }
                vm._emitMsg(_catalog);
            },
            _showModelDiv: function (_catalog) {
                if (_catalog.url.startsWith('?')) {
                    let _modelName = _catalog.url.substring(1, _catalog.url.length);
                    $('#' + _modelName).modal('show');
                    vc.emit(_modelName, '_loadData', {})
                    return true;
                }
                return false;
            }
        }
    });
    vm.getUserInfo();

    function newWebSocket() {
        let clientId = vc.uuid();
        let heartCheck = {
            timeout: 30000, // 9分钟发一次心跳，比server端设置的连接时间稍微小一点，在接近断开的情况下以通信的方式去重置连接时间。
            serverTimeoutObj: null,
            pingTime: new Date().getTime(),
            reset: function () {
                clearTimeout(this.serverTimeoutObj);
                return this;
            },
            start: function () {
                let self = this;
                this.serverTimeoutObj = setInterval(function () {
                    if (websocket.readyState == 1) {
                        console.log("连接状态，发送消息保持连接");
                        let _pingTime = new Date().getTime();
                        //保护，以防 异常
                        if (_pingTime - self.pingTime < 15 * 1000) {
                            return;
                        }
                        websocket.send("{'cmd':'ping'}");
                        self.pingTime = _pingTime;

                        heartCheck.reset().start(); // 如果获取到消息，说明连接是正常的，重置心跳检测
                    } else {
                        console.log("断开状态，尝试重连");
                        newWebSocket();
                    }
                }, this.timeout)
            }
        }
        //建立websocket 消息连接
        let user = vc.getData('/nav/getUserInfo');
        if (!user) {
            return;
        }
        let _userId = user.userId;
        let _protocol = window.location.protocol;
        let url = '';
        if (_protocol.startsWith('https')) {
            url =
                "wss://" + window.location.host + "/ws/message/" +
                _userId + "/" + clientId;
        } else {
            url =
                "ws://" + window.location.host + "/ws/message/" +
                _userId + "/" + clientId;
            // url =
            //     "ws://demo.homecommunity.cn/ws/message/" +
            //     _userId;
        }
        if ("WebSocket" in window) {
            websocket = new WebSocket(url);
        } else if ("MozWebSocket" in window) {
            websocket = new MozWebSocket(url);
        } else {
            websocket = new SockJS(url);
        }
        //连接发生错误的回调方法
        websocket.onerror = function (_err) {
            console.log("初始化失败", _err);
            // this.$notify.error({
            //     title: "错误",
            //     message: "连接失败，请检查网络"
            // });
        };
        //连接成功建立的回调方法
        websocket.onopen = function () {
            heartCheck.reset().start();
            console.log("ws初始化成功");
        };
        //接收到消息的回调方法
        websocket.onmessage = function (event) {
            heartCheck.reset().start();
            console.log("event", event);
            let _data = event.data;
            try {
                _data = JSON.parse(_data);
            } catch (err) {
                return;
            }
            if (_data.code == 200) {
                toastr.info(_data.msg);
            } else {
                toastr.error(_data.msg);
            }
        };
        //连接关闭的回调方法
        websocket.onclose = function () {
            console.log("初始化失败");
            //newWebSocket();
            // this.$notify.error({
            //     title: "错误",
            //     message: "连接关闭，请刷新浏览器"
            // });
        };
        //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
        window.onbeforeunload = function () {
            websocket.close();
        };
    }

    newWebSocket();
})(window.vc);