@ganwei-web/ganwei-pc-cli 6.2.1 → 6.2.3

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/public/static/js/drag.js

@@ -0,0 +1,391 @@
+/*
+ * drag 1.1
+ * date 2017-02-10
+ * 获取滑块验证码
+ */
+(function($) {
+    let __imgx = 0, // 图片宽度
+        __imgy = 0, // 图片高度
+        __spec = '', // 图片尺寸
+        __successCallBack, // 校验通过后执行的回调函数
+        __codediv, // 验证码区域的div
+        __url = ''; // 路径
+    $.fn.slide = function(options) {
+        let imgspec = options.imgspec;
+        __successCallBack = options.successCallBack;
+        __url = options.__url;
+
+        // 校验参数
+        if (typeof imgspec === 'undefined') {
+            imgspec = '300*300';
+        } else if (typeof imgspec !== 'string') {
+            imgspec = '300*300';
+        }
+        let div = this;
+        __codediv = '__Verification';
+        __spec = imgspec;
+        __init();
+    };
+
+    // 公开刷新函数
+    $.fn.refresh = __init;
+
+    // 载入
+    function __init() {
+        if (__spec === '') __spec = '300*300';
+        let _spec = __spec.split('*');
+        __imgx = _spec[0];
+        __imgy = _spec[1];
+        $('#' + __codediv).css('width', __imgx);
+        $('#' + __codediv).css('height', parseInt(__imgy) + 50);
+        CreadeCodeDiv();
+        $('#drag').drag(__successCallBack, __imgx, __imgy, __codediv, __url);
+        $.ajax({ // 获取验证码
+            type: 'get',
+            url: __url,
+            dataType: 'JSON',
+            async: true,
+            data: {
+                spec: __spec,
+                timestamp: new Date().getTime()
+            },
+            success: function(res) {
+                let result = res.data?res.data.verificationCode:{};
+                sessionStorage.setItem('verificationKey', res.data?res.data.verificationKey:'');
+                if(typeof result === 'string') {
+                    result = JSON.parse(result);
+                }
+                if (result['state'] === -1) {
+                    return;
+                }
+                if (result['y'] > 160) {
+                    __init();
+                    return;
+                }
+                let yvalue = result['y'],
+                    small = result['small'],
+                    array = result['array'],
+                    normal = result['normal'];
+                __imgx = result['imgx'];
+                __imgy = result['imgy'];
+                $('.cut_bg').css('background-image', 'url(' + normal + ')');
+                $('#xy_img').css('background-image', 'url(' + small + ')');
+                $('#xy_img').css('top', yvalue);
+                $('#drag').css('width', __imgx);
+                $('#drag .drag_text').css('width', __imgx);
+                $('.cut_bg').css('width', __imgx / 10);
+                $('.cut_bg').css('height', __imgy / 2);
+                $('.refesh_bg').show();
+                $('.refesh_bg').css('left', __imgx - 40);
+                let bgarray = array.split(',');
+
+                // 还原图片
+                let _cutX = __imgx / 10;
+                let _cutY = __imgy / 2;
+                for (let i = 0; i < bgarray.length; i++) {
+                    let num = indexOf(bgarray, i.toString()); // 第i张图相对于混淆图片的位置为num
+                    let x = 0,
+                        y = 0;
+
+                    // 还原前偏移
+                    y = i > 9 ? -_cutY : 0;
+                    x = i > 9 ? (i - 10) * -_cutX : i * -_cutX;
+
+                    // 当前y轴偏移量
+                    if (num > 9 && i < 10) y = y - _cutY;
+                    if (i > 9 && num < 10) y = y + _cutY;
+
+                    // 当前x轴偏移量
+                    x = x + (num - i) * -_cutX;
+
+                    // 显示第i张图片
+                    $('#bb' + i).css('background-position', x + 'px ' + y + 'px');
+                }
+
+                // 完成,移除提示
+                $('.vcode-hints').remove();
+            },
+            error: function(xhr, textStatus, errorThrown) {
+            },
+            beforeSend: function() {}
+        });
+    }
+
+    function indexOf(arr, str) {
+        if (arr && arr.indexOf) return arr.indexOf(str);
+        let len = arr.length;
+        for (let i = 0; i < len; i++) {
+            if (arr[i] === str) return i;
+        }
+        return -1;
+    }
+
+    // 绘制验证码结构
+    function CreadeCodeDiv() {
+        let _codeDom = $('#' + __codediv)[0];
+        if (!_codeDom) return;
+        _codeDom.innerHTML = '';
+        let __codeHTML = "<div style='width:" + __imgx + 'px;height:' + __imgy + "px;background-color:#e8e8e8;'>";
+
+        // 正在载入提示文字
+        __codeHTML += "<div class='vcode-hints'style='width:" + __imgx + 'px;line-height:' + (__imgy / 100) * 7 + ";'>\u6b63\u5728\u8f7d\u5165...</div>";
+        for (let i = 0; i < 20; i++) {
+
+            // 20张小图组成完整的验证码图片
+            __codeHTML += "<div id='bb" + i + "'class='cut_bg'></div>";
+        }
+        __codeHTML += "<div id='xy_img'class='xy_img_bord'></div></div><div id='drag'></div>";
+        _codeDom.innerHTML = __codeHTML;
+    }
+})(jQuery);
+
+/*
+ *
+ * date 2017-02-10
+ * 滑块验证码校验
+ */
+(function($) {
+    $.fn.drag = function(__successCallBack, imgx, imgy, __codediv, __url) {
+        let x, drag = this,
+            isMove = false;
+
+        // 添加背景，文字，滑块
+        let html = '<div class="drag_bg"></div><div class="drag_text" onselectstart="return false;"' + 'unselectable="on">'+sessionStorage.getItem('slideTipsLabel')+'</div>' + '<div class="handler handler_bg"></div><a href="javascript:;"' + ' title="'+sessionStorage.getItem('slideClickLabel')+'"' + 'style="width:16px;height:16px;"><div class="refesh_bg"></div></a>';
+        this.append(html);
+
+        $('#drag>a').click(function() {
+            console.log('%cVerificationCode Refresh', 'color:blue');
+            $('#' + __codediv).refresh();
+        });
+        $('#drag .drag_text').css('width', imgx);
+        $('.refesh_bg').css('left', imgx - 35);
+        let handler = drag.find('.handler'),
+            drag_bg = drag.find('.drag_bg'),
+            text = drag.find('.drag_text'),
+            maxWidth = imgx - 36, // drag.width() - handler.width();  //能滑动的最大间距
+            t1 = new Date(), // 开始滑动时间
+            t2 = new Date(); // 结束滑动时间
+        let $xy_img = $('#xy_img');
+        let arrayDate = new Array(); // 鼠标/手指移动轨迹
+        /*
+         *鼠标/手指在上下文移动时，
+         *移动距离大于0小于最大间距
+         *滑块x轴位置等于鼠标移动距离
+         *绑定document防止鼠标/手指
+         *离开滑块时监听停止
+         */
+        handler.mousedown(function(e) {
+            dragstart(e.pageX);
+        }); // 鼠标按下
+        $(document).mousemove(function(e) {
+            dragmoving(e.pageX);
+        }); // 移动鼠标
+        $(document).mouseup(function(e) {
+            dragmovend(e.pageX);
+        }); // 松开鼠标
+        handler.mouseout(function(e) {}); // 鼠标移出元素
+        handler.on('touchstart', function(e) {
+            dragstart(e.originalEvent.touches[0].pageX);
+
+            // 阻止页面的滑动默认事件
+            document.addEventListener('touchmove', defaultEvent, false);
+        }); // 手指按下
+        $(document).on('touchmove', function(e) {
+            dragmoving(e.originalEvent.touches[0].pageX);
+        }); // 手指移动
+        $(document).on('touchend', function(e) {
+            dragmovend(e.originalEvent.changedTouches[0].pageX);
+
+            // 阻止页面的滑动默认事件
+            document.removeEventListener('touchmove', defaultEvent, false);
+        }); // 手指松开
+        // 鼠标/手指开始滑动
+        function dragstart(thisx) {
+
+            // if (thisx >= maxWidth) {
+            //    return;
+            // }
+            $xy_img.show();
+            isMove = true;
+            x = thisx - parseInt(handler.css('left'), 10);
+            t1 = new Date();
+        }
+
+        // 鼠标/手指移动过程
+        function dragmoving(thisx) {
+            let _x = thisx - x;
+            if (isMove) {
+                if (_x > 0 && _x <= maxWidth) {
+                    $xy_img.css({
+                        'left': _x
+                    });
+                    $('.refesh_bg').hide();
+                    handler.css({
+                        'left': _x
+                    });
+                    drag_bg.css({
+                        'width': _x
+                    });
+                    arrayDate.push([_x, new Date().getTime()]);
+                } else if (_x > maxWidth) { // 鼠标指针移动距离达到最大时清空事件
+                }
+            }
+        }
+
+        // 鼠标/手指移动结束
+        function dragmovend(thisx) {
+            if (!isMove) { // 没有滑动过程 直接返回
+                return;
+            }
+            isMove = false;
+            if (isNaN(x) || x === undefined) {
+                return;
+            }
+            let _x = Math.round(thisx - x); // 取整
+            if (_x < 10) {
+                $('.refesh_bg').show();
+                $xy_img.css({
+                    'left': 0
+                });
+                handler.css({
+                    'left': 0
+                });
+                drag_bg.css({
+                    'width': 0
+                });
+                return;
+            }
+            t2 = new Date();
+            window.slideCodeLogin(_x);
+            // sessionStorage.setItem("_x",_x);
+        }
+        // 公开成功回调动画
+        $.fn.slideAuthSuccess = slideAuthSuccess;
+        // 成功
+        function slideAuthSuccess() {
+            // let _x = sessionStorage.getItem("_x");
+            // // 抖动效果
+            // for (let i = 1; i <= 4; i++) {
+            //     $xy_img.animate({
+            //         left: _x - (40 - 10 * i)
+            //     }, 50);
+            //     $xy_img.animate({
+            //         left: _x + 2 * (40 - 10 * i)
+            //     }, 50, function() {
+            //         $xy_img.css({
+            //             'left': _x
+            //         });
+            //     });
+            // }
+            handler.css({
+                'left': maxWidth
+            });
+            drag_bg.css({
+                'width': maxWidth
+            });
+            $xy_img.removeClass('xy_img_bord');
+            $xy_img.css('border', '1px solid rgb(255,255,255)');
+            $('#drag a').remove();
+            console.log('%cVerificationCode Verified', 'color:green');
+            if (__successCallBack !== undefined) __successCallBack();
+            dragOk();
+        }
+
+        // 错误重新刷新
+        function slideAuthError() {
+            $('#' + __codediv).refresh();
+        }
+
+        // 重试
+        function slideAuthWarning() {
+            $('.refesh_bg').show(300);
+            $xy_img.animate({
+                'left': 0
+            }, 300);
+            handler.animate({
+                'left': 0
+            }, 300);
+            drag_bg.animate({
+                'width': 0
+            }, 300);
+            if (result['msg'] > 4) {
+
+                // 超过最大错误次数限制 刷新验证码
+                $('#' + __codediv).refresh();
+                console.log('%cVerificationCode Refresh', 'color:blue');
+            } else {
+                console.log('%cNumber of errors: ' + result['msg'], 'color:red');
+            }
+        }
+
+
+        // 取消事件的默认动作
+        // 防止一些Android浏览器页面跟随滑动的情况
+        function defaultEvent(e) {
+            e.preventDefault();
+        }
+        // 清空事件
+        function dragOk() {
+            handler.removeClass('handler_bg').addClass('handler_ok_bg');
+            text.text(sessionStorage.getItem('slideSuccessLabel'));
+            drag.find(".drag_bg").css({
+                'background': '#D4F2EE',
+                "border-color": "#44D7B6"
+            });
+            handler.unbind('mousedown');
+            $(document).unbind('mousemove');
+            $(document).unbind('mouseup');
+            $('.refesh_bg').hide();
+        }
+    };
+})(jQuery);
+
+
+/*
+ *
+ * date 2017-02-10
+ * 启动滑块验证码
+ */
+function changespec(val, url) {
+    popupHandle();
+    $(".slideTitle").html(sessionStorage.getItem('slideTitle'));
+    $("#__Verification").slide({
+        imgspec: val,
+        __url: url,
+        successCallBack: function () {
+
+        }
+    });
+}
+/*
+ * 弹出框
+ * className: 弹出框的className
+ * childrendClassName: 弹出框的子元素className
+ * animateClassName: 弹出框的动画className
+ */
+function popupHandle() {
+    if ($(".coverUp").hasClass("popupDis")) {
+        $(".coverUp").removeClass("popupDis");
+    }
+    else {
+        $(".coverUp").addClass("popupDis");
+    }
+    $(".verification").off("click").on('click', function(e){
+        e.stopPropagation();
+    })
+    $(".coverUp").off("click").on('click', function(e){
+        $(".coverUp").addClass("popupDis");
+    })
+}
+
+
+function slideAuthError() {
+    if($.fn.refresh)
+    $.fn.refresh();
+}
+
+function slideAuthSuccess(){
+    if($.fn.slideAuthSuccess)
+    $.fn.slideAuthSuccess();
+}
+

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/public/static/js/font.js

@@ -0,0 +1,57 @@
+
+; ((_this) => {
+    _this.isGetIconfontList = _this.isGetIconfontList || false
+    function setIcon () {
+        let iconfontList = _this.iconfontList || []
+        iconfontList.forEach(item => {
+            try {
+                let style = document.createElement('link')
+                style.rel = 'stylesheet'
+                style.id = `${item}-${item}`
+                style.href = `/static/fonts/${item}/iconfont.css`
+                document.head.prepend(style)
+            } catch (error) {
+                console.log(error)
+            }
+
+        })
+    }
+
+    if (_this.iconfontList) {
+        setIcon()
+    } else {
+        if (!_this.isGetIconfontList) {
+            _this.isGetIconfontList = true
+            _this.axios && _this.axios({
+                method: 'get',
+                url: '/IoT/api/v3/Auth/icon-fonts',
+                headers: {
+                    'Content-Type': 'application/json;charset=UTF-8',
+                    'X-Requested-With': 'IoT-XMLHttpRequest',
+                    'Accept-Language': _this.localStorage.languageType || 'zh-CN',
+                }
+            }).then(res => {
+                if (res.data && res.data.code == 200) {
+                    let iconfontList = res.data.data || []
+                    _this.iconfontList = iconfontList
+                    setIcon()
+                }
+            }).catch(err => {
+                console.log(err)
+            })
+        } else {
+            let times = 0
+            let time = _this.setInterval(
+                () => {
+                    if (_this.iconfontList || times > 300) {
+                        _this.clearInterval(time)
+                        time = null
+                        setIcon()
+                    }
+                    times = times + 1
+                }, 100
+            )
+        }
+
+    }
+})(window)

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/public/static/js/getConfigInfoData.js

@@ -0,0 +1,57 @@
+
+// sessionStorage.isGetConfigInfoData = sessionStorage.isGetConfigInfoData == 'true' || 'false'
+window.getConfigInfoData = function () {
+    return new Promise((resolve, reject) => {
+        let configInfoData = sessionStorage.configInfoData || null
+        if (configInfoData) {
+            resolve(JSON.parse(configInfoData))
+        } else {
+            if (window.AxiosBuilder.axios) {
+                // if (sessionStorage.isGetConfigInfoData == 'false') {
+                    // sessionStorage.isGetConfigInfoData = true
+                    window.AxiosBuilder.axios({
+                        methed: 'get',
+                        url: '/IoT/api/v3/Frontconfiguration/GetFrontconfigurationData',
+                        headers: {
+                            'Content-Type': 'application/json;charset=UTF-8',
+                            'Accept-Language': window.sessionStorage.languageType || 'zh-CN'
+                        }
+                    })
+                        .then(res => {
+                            const { code, data } = res ? (res.data || {}) : {}
+                            if (code == 200 && data) {
+                                sessionStorage.configInfoData = data
+                                try {
+                                    resolve(JSON.parse(data))
+                                } catch (error) {
+                                    resolve({})
+                                }
+
+                            } else {
+                                reject({})
+                            }
+                        })
+                        .catch(err => {
+                            reject({})
+                        })
+                // } else {
+                //     let times = 0
+                //     let time = window.setInterval(
+                //         () => {
+                //             let configInfoData = sessionStorage.configInfoData
+                //             if (configInfoData || times > 300) {
+                //                 window.clearInterval(time)
+                //                 time = null
+                //                 configInfoData ? resolve(JSON.parse(configInfoData)) : reject({})
+                //             }
+                //             times = times + 1
+                //         }, 100
+                //     )
+                // }
+
+            } else {
+                reject({})
+            }
+        }
+    })
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/public/static/js/getLanguage.js

@@ -0,0 +1,143 @@
+
+window.getParameterMap = () => {
+    let parameters = window.location.href.split("?")[1];
+    map = new Map()
+    if (!parameters) return map;
+    let data = parameters.indexOf("&") != -1 ? parameters.split("&") : [parameters]
+    for (let i = 0; i < data.length; i++) {
+        let arry = data[i].split("=")
+        map.set(arry[0], arry[1])
+    }
+    return map;
+}
+
+// 非登录页且URL存在中英文配置
+let languageType = window.getParameterMap().get("languageType")
+if (!window.location.href.includes('ganwei-iotcenter-login') && !window.location.href.includes('/Login') && languageType) {
+    localStorage.languageType = sessionStorage.languageType = languageType
+}
+
+window.getElementLanguages = async () => {
+    let languagePackage = {}
+    if (sessionStorage.languagePackage) {
+        try {
+            languagePackage = JSON.parse(sessionStorage.languagePackage)
+        } catch (error) {
+            console.log(error)
+        }
+        let language = languagePackage[localStorage.languageType]
+        if (!language || !language['ele'] || !Object.keys(language['ele']).length > 0) {
+            let result = await requestLanguage('ganwei-iotcenter-login', 'element', 'Ganweisoft.IoTCenter.Module.Login')
+            window.saveToSession('element', result)
+        }
+    }
+}
+window.requestLanguage = async (pluginName, menuName, packageId, vm) => {
+    return new Promise((resolve, reject) => {
+        let data = {
+            packageId,
+            pluginName,
+            menuName
+        }
+        window.AxiosBuilder.axios && window.AxiosBuilder.axios({
+            method: 'get',
+            url: '/api/localization/getjsontranslationfile',
+            params: data,
+            headers: {
+                'Content-Type': 'application/json;charset=UTF-8',
+                'Accept-Language': window.localStorage.languageType || 'zh-CN'
+            }
+        }).then(res => {
+            const { code, data, message } = res ? (res.data || {}) : {}
+            if (code == 200) {
+                try {
+                    resolve(data ? JSON.parse(data) : {})
+                } catch (error) {
+                    console.log(error)
+                    resolve({})
+                }
+            } else {
+                vm && vm.$message.error(message || '')
+                resolve({})
+            }
+        }).catch(err => {
+            vm && vm.$message.error(err.data, err)
+            resolve({})
+        })
+    })
+}
+window.updateLanguage = (vm, i18n) => {
+    let languagePackage = {}
+    try {
+        languagePackage = JSON.parse(sessionStorage.languagePackage)
+        // vue3基座切换
+        if (vm.i18nInstance) {
+            vm.i18nInstance.locale = localStorage.languageType
+            vm.i18nInstance.mergeLocaleMessage(localStorage.languageType, JSON.parse(JSON.stringify(languagePackage[localStorage.languageType] || {})))
+            vm.i18nInstance.setLocaleMessage(localStorage.languageType, JSON.parse(JSON.stringify(languagePackage[localStorage.languageType] || {})))
+        }
+        // vue2基座切换
+        if (vm && i18n && i18n._vm) {
+            i18n._vm.locale = localStorage.languageType
+            vm.$i18n._vm.messages[localStorage.languageType] = JSON.parse(JSON.stringify(languagePackage[localStorage.languageType] || {}))
+        }
+    } catch (error) {
+        console.log(error)
+    }
+
+}
+// 语言是否已经存在
+window.haveExistLanguage = (menuName) => {
+    let languagePackage = {}
+    let exsist = false
+    if (sessionStorage.languagePackage) {
+        try {
+            languagePackage = JSON.parse(sessionStorage.languagePackage)
+        } catch (error) {
+            console.log(error)
+        }
+
+        let language = languagePackage[localStorage.languageType]
+        if (language && language[menuName] && Object.keys(language[menuName]).length > 0) {
+            exsist = true
+        }
+    }
+    return exsist
+}
+// 保存至会话缓存
+window.saveToSession = (menuName, language) => {
+    let languagePackage = {}
+    try {
+        if (sessionStorage.languagePackage) {
+            languagePackage = JSON.parse(sessionStorage.languagePackage)
+        }
+        if (!languagePackage[localStorage.languageType]) {
+            languagePackage[localStorage.languageType] = {}
+        }
+        if (menuName == "login") { languagePackage[localStorage.languageType]['publics'] = language ? (language.publics ? language.publics : {}) : {} }
+        if (menuName == "element") {
+            languagePackage[localStorage.languageType]['ele'] = language || {}
+            languagePackage[localStorage.languageType]['el'] = language && language.el || {}
+        } else {
+            languagePackage[localStorage.languageType][menuName] = language || {}
+        }
+        sessionStorage.setItem('languagePackage', JSON.stringify(languagePackage))
+    } catch (error) {
+        console.log(error)
+    }
+
+    return languagePackage
+}
+window.getLanguage = async (pluginName, menuName, packageId, vm, i18n) => {
+    // if (window.haveExistLanguage(menuName)) {
+    //     window.updateLanguage(vm, i18n)
+    //     if (vm) { vm.isShow = true }
+    //     return
+    // }
+    await window.getElementLanguages()
+    let result = await requestLanguage(pluginName, menuName, packageId, vm)
+    window.saveToSession(menuName, result)
+    window.updateLanguage(vm, i18n)
+    if (vm) { vm.isShow = true }
+}
+