fhrons-mobile-next 2.0.0 → 2.0.2

package/assets/js/upload.js

@@ -0,0 +1,269 @@
+
+if (!window.axios) {
+    loadJavaScript('https://scrm-pro-1251973116.file.myqcloud.com/funzg/form/axios.js', () => {
+        console.log('axios 加载成功');
+    });
+}
+if (!window.AWS) {
+    loadJavaScript('https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/aws-sdk-2.1562.0.min.js', () => {
+        console.log('aws-sdk 加载成功');
+    });
+}
+if (!window.COS) {
+    loadJavaScript('https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/cos-js-sdk-v5.min.js', () => {
+        console.log('腾讯cos 加载成功');
+    });
+}
+if (!window.lrz) {
+    loadJavaScript('https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/lrz.all.bundle.min.js', () => {
+        console.log('lrz加载成功');
+    });
+}
+
+/**
+ * 第一个参数的可选属性
+ * @param {Blob} file 要上传的文件
+ * @param {String} target 要上传的目标云，类型:0大陆环境/1港险环境
+ * @param {String} project 所属项目:0全局,1课程,2开放平台,4:scrm 5:营销 6:frcdap
+ * @param {Function} keyFunc 生成key的方法
+ * @param {Boolean} needWholeRes 是否需要返回完整的响应体
+ *
+ * 第二个参数
+ * @param {Function} onProgress 接收上传进度的回调
+ * @returns Link 上传完成后的图片链接
+ *
+ * 例：
+ * const param = {
+ *  file, target = 'tencent', project = '0', keyFunc
+ * }
+ * upload(param,(percent)=>{
+ *  console.log(percent) // 输出上传进度的百分比
+ * })
+ */
+const upload = function ({ file, target, project = '0', keyFunc, needWholeRes }, onProgress) {
+    const defaultTarget = (location.origin.includes('https://smnguat.fhrons.net') || location.origin.includes('https://openuat.fhrons.net') || location.origin.includes('https://smng.avantech.io') || location.origin.includes('https://open.avantech.io') || process.env.VUE_APP_ENV_CONFIG && process.env.VUE_APP_ENV_CONFIG.includes('hk') || process.env.VUE_APP_ENV_CONFIG && process.env.VUE_APP_ENV_CONFIG === 'poc') ? 'amazon' : 'tencent';
+    target = target || defaultTarget;
+    if (!file) {
+        console.error('上传的文件不能为空');
+        return;
+    }
+    if (file.raw) file = file.raw;
+    target = target === 'tencent' ? '0' : '1'; // 根据传进来的target转换
+    const filename = file.name;
+    const appName = process.env.VUE_APP_NAME || 'common';
+    if (typeof keyFunc !== 'function' || (typeof keyFunc === 'function' && !keyFunc())) keyFunc = () => '/' + appName + '/uploadfile_' + new Date().valueOf() + filename;
+    let newKey = keyFunc();
+    newKey = removeLeadingSlash(newKey);
+    return axios.get(`/funapi/config/oss/sign/${target}/${project}`).then(res => {
+        const { tmpSecretId, tmpSecretKey, token, sessionToken, startTime, expiredTime, requestId, type, bucketName, region, cdnUrl } = res.data || res;
+        /**
+         *  @tmpSecretId 临时访问密钥的标识符。
+         *  @tmpSecretKey 临时访问密钥的密钥。
+         *  @type 0腾讯/1亚马逊 字符串格式
+         *  @startTime 腾讯使用的字段，开始时间
+         *  @expiredTime 腾讯使用的字段，过期时间
+         *  @bucketName 存储桶名称
+         *  @cdnUrl cdn链接的前缀
+         *  @region 存储区域
+         */
+        if (type === '1') { // 亚马逊
+            AWS.config.update({
+                accessKeyId: tmpSecretId,
+                secretAccessKey: tmpSecretKey,
+                region: region,
+                sessionToken: token
+            });
+            const s3 = new AWS.S3();
+            const params = {
+                Bucket: bucketName,
+                Key: newKey,
+                ContentType: type,
+                Body: file,
+                'Access-Control-Allow-Credentials': '*'
+            };
+            const upload = s3.upload(params);
+            upload.on('httpUploadProgress', (progress) => {
+                const { loaded, total } = progress;
+                /* 非必须 */
+                const percent = Math.round(parseInt(loaded / total) * 100);
+                if (typeof onProgress === 'function') onProgress(percent);
+            });
+            const uploadPromise = upload.promise();
+            return uploadPromise.then(res => {
+                const { key, Key } = res;
+                console.log(res);
+                // const tempUrl = (key.startsWith('/') ? '' : '/');
+                if (needWholeRes) {
+                    return {
+                        ...res,
+                        fileUrl: `${cdnUrl}/${key || Key}`
+                    };
+                } return `${cdnUrl}/${key || Key}`;
+            }).catch(err => {
+                console.log(err);
+            }).finally(_ => {
+            });
+        } // 腾讯  如果没有type 则默认使用腾讯上传
+        const cos = new COS({
+            getAuthorization: function (options, callback) {
+                callback({
+                    TmpSecretId: tmpSecretId,
+                    TmpSecretKey: tmpSecretKey,
+                    XCosSecurityToken: sessionToken,
+                    StartTime: startTime,
+                    ExpiredTime: expiredTime,
+                    requestId: requestId,
+                    SecurityToken: token
+                });
+            }
+        });
+        return cos.sliceUploadFile(
+            {
+                Bucket: bucketName /* 必须 */,
+                Region: region /* 存储桶所在地域，必须字段 */,
+                Key: newKey /* 必须 */,
+                StorageClass: 'STANDARD',
+                Body: file, // 上传文件对象
+                onProgress: progressData => {
+                    console.log(progressData);
+                    const { loaded, total, percent, speed } = progressData;
+                    const per = Math.round(parseInt(percent * 100));
+                    if (typeof onProgress === 'function') onProgress(per);
+                }
+            }
+        ).then(data => {
+            console.log(data);
+            const { key, Key } = data;
+            const tempUrl = (Key.startsWith('/') ? '' : '/');
+            if (needWholeRes) {
+                return {
+                    ...res,
+                    fileUrl: `${cdnUrl}${tempUrl}${key || Key}`
+                };
+            } return `${cdnUrl}${tempUrl}${key || Key}`;
+        }).catch(err => {
+            console.log(err);
+        });
+    });
+};
+
+export default upload;
+
+/**
+ * @param {Blob} file 上传的图片文件
+ * @param {Number} quality 压缩质量
+ * @returns 返回压缩后的图片文件
+ */
+// 压缩文件
+export const compressFile = async function (file, quality) {
+    file = file.raw ? file.raw : file;
+    // const imageCompressor = new Compressor();
+    try {
+        let reFile = '';
+        const rst = await lrz(file, {
+            quality: quality // 图片压缩质量，取值0-1，默认为0.7
+        });
+        // const rst = new Compressor(file);
+        reFile = new File([rst.file], file.name, { type: 'image/jpeg', lastModified: Date.now() });
+        return reFile;
+    } catch (error) {
+        return '';
+    }
+};
+
+/**
+ * @param {Blob} file 上传的图片文件
+ * @param {Number} size 指定压缩后的图片大小
+ * @param {Number} quality  压缩质量
+ * @returns 返回压缩后的图片文件
+ */
+// 循环压缩
+export const loopCompressFile = async function (file, size, quality) {
+    // let reFile = file;
+    const reFile = await compressFile(file, quality);
+    if (reFile.size > size) {
+        compressFile(reFile, quality);
+    }
+    return reFile;
+};
+
+// 判断html文档中是否有重复引用的标签
+/**
+ * @param {String} src 要检查的引用地址
+ */
+export function chectDuplicateScript (src) {
+    let result = false;
+    // 获取文档中所有的script标签
+    const scriptTags = document.getElementsByTagName('script');
+    // 创建一个存储已经出现过的URL集合
+    const scriptURLs = new Set();
+    // 遍历所有的tag 标签
+    for (let i = 0; i < scriptTags.length; i++) {
+        const currentSrc = scriptTags[i].getAttribute('src');
+        if (currentSrc && currentSrc === src) {
+            if (scriptURLs.has(currentSrc)) {
+                // console.log('重复引用，引用地址为', currentSrc);
+                result = true;
+            } else {
+                scriptURLs.add(currentSrc);
+            }
+        }
+    }
+    if (scriptURLs.size === 0) {
+        result = false;
+        // console.log('没有重复引用', src);
+    }
+    return result;
+}
+// 动态引入JS文件
+function loadJavaScript (src, callback) {
+    if (chectDuplicateScript(src)) return;
+    const script = document.createElement('script');
+    const head = document.getElementsByTagName('head')[0];
+    script.type = 'text/javascript';
+    script.charset = 'UTF-8';
+    script.src = src;
+    window.onerror = () => {
+        console.log(`loadJavaScript加载${src}失败`);
+    };
+    if (script.addEventListener) {
+        script.addEventListener('load', function () {
+            callback();
+        }, false);
+    } else if (script.attachEvent) {
+        script.attachEvent('onreadystatechange', function () {
+            const target = window.event.srcElement;
+            if (target.readyState === 'loaded' || script.readState === 'complate') {
+                callback();
+            }
+        });
+    }
+    script.addEventListener('error', (e) => {
+        if (!isEmpty(e)) {
+            callback('err');
+        }
+    });
+    if (src) {
+        // 如果src不存在，不加入到项目里面去，否则会报加载资源失败
+        head.appendChild(script);
+    }
+}
+/**
+ * 为空
+ * @param val
+ * @returns {boolean}
+ */
+function isEmpty (val) {
+    if (val === null || val === undefined || (typeof val === 'string' && (val === '' || val === 'undefined' || val === 'null')) || (Array.isArray(val) && val.length === 0) || (Object.prototype.toString.call(val) === '[object Object]' && Object.keys(val).length === 0)) {
+        return true;
+    }
+    return false;
+}
+
+function removeLeadingSlash (str) {
+    if (str.startsWith('/')) {
+        return str.substring(1); // 返回去掉斜杠后的值
+    }
+    return str; // 如果字符串不以斜杠开头，则返回原始字符串
+}
+

package/assets/js/validate.js

@@ -0,0 +1,48 @@
+/* 校验设备环境 */
+export function isWeiXin() {
+    var ua = window.navigator.userAgent.toLowerCase();
+    if (ua.match(/MicroMessenger/i) == 'micromessenger' && (ua.match(/wxwork/i) != 'wxwork')) {
+        return true;
+    }
+    return false;
+}
+
+export function isIOS() {
+    var ua = window.navigator.userAgent.toLowerCase();
+    if (ua.match(/iphone|ipad|ipod/)) {
+        return true;
+    }
+    return false;
+}
+
+export function isAndroid() {
+    var ua = window.navigator.userAgent.toLowerCase();
+    if (ua.match(/android/)) {
+        return true;
+    }
+    return false;
+}
+
+export function isQYWeiXin() {
+    var ua = window.navigator.userAgent.toLowerCase();
+    if ((ua.match(/MicroMessenger/i) == 'micromessenger') && (ua.match(/wxwork/i) == 'wxwork')) {
+        return true;
+    }
+    return false;
+}
+
+export function isApp() {
+    var ua = window.navigator.userAgent.toLowerCase();
+    if (ua.match(/iphone|ipad|ipod|android/)) {
+        return true;
+    }
+    return false;
+}
+
+export function isQQ() {
+    var ua = window.navigator.userAgent.toLowerCase();
+    if (ua.match(/QQ\//i) === 'qq/') {
+        return true;
+    }
+    return false;
+}

package/assets/js/vant.js

@@ -0,0 +1,39 @@
+// import { loadJavaScript, loadStyleLink } from './func'
+// // import Vue from 'vue'
+// // window.Vue = Vue
+
+// function loadVant () {
+//     if (!window.vant) {
+//         loadJavaScript('https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/vant@2.13.2.min.js', function (str) {
+//             console.log(window.vant, '-----------------------------------------', str)
+//             Vue.use(window.vant)
+//             // 初始化toast配置
+//             vant.Toast.setDefaultOptions({ duration: 2000 });
+//             const prototypes = {
+//                 $toast: vant.Toast
+//                 // $dialog: Dialog
+//             };
+//             Object.keys(prototypes).forEach(key => {
+//                 const value = prototypes[key];
+//                 Object.defineProperty(Vue.prototype, key, {
+//                     value
+//                 });
+//             });
+//             loadStyleLink('https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/vant%402.12index.css', (str) => {
+//                 console.log('加载vant样式', str)
+//             })
+//         })
+//     }
+// }
+
+// function loadVue () {
+//     if (!window.Vue) {
+//         loadJavaScript(`https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/${loaction.origin.includes('localhost') ? 'vue.js' : 'vue.min.js'}`, function (str) {
+//             console.log('备用vue加载成功')
+//             loadVant()
+//         })
+//     } else {
+//         loadVant()
+//     }
+// }
+// loadVue()

package/assets/js/wxapi.js

@@ -0,0 +1,297 @@
+"use strict";
+
+// import wx from "weixin-js-sdk";
+import { getStorage, setStorage } from './storage';
+import { isBase64, loadJavaScript, getSystemName } from "./func";
+
+if (!window["wx"]) {
+    loadJavaScript("https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/jweixin-1.6.0.js").then(() => {
+        console.log("weixin-js-sdk 加载成功", wx);
+    });
+}
+const wxApi = {
+    wxShare (params = {}) {
+        return new Promise((resolve, reject) => {
+            if (/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)) {
+                this.url = params.firUrl || (getStorage({ key: getSystemName() + 'firUrl' }) || {}).content;
+            } else {
+                this.url = window.location.href;
+            }
+            const { loginResponseDO = {} } = getStorage({ commonKey: 'userGlobalGist' }) || {};
+            const saasId = params.saasId || loginResponseDO.saasId || '000000'; // 000000 表示元租户
+            const appId = params.appId || (getStorage({ key: getSystemName() + 'appId' }) || {}).content;
+            let _data = {
+                url: this.url,
+                saasId,
+                appId
+            };
+            if (_data && _data.url && _data.saasId && _data.appId) {
+                axios.post('/funapi/cbsmh/mh/mhThirdService/getWxSign', _data).then((res) => {
+                    if (res.status == 'SUCCESS') {
+                        setStorage({ name: 'firUrl', content: window.location.href });
+                        wx.config({
+                            debug: false, // 开启调试模式s
+                            appId, // 必填，公众号的唯一标识
+                            timestamp: res && res.data && res.data.timestamp, // 必填，生成签名的时间戳
+                            nonceStr: res && res.data && res.data.nonceStr, // 必填，生成签名的随机串
+                            signature: res && res.data && res.data.signature, // 必填，签名
+                            jsApiList: [
+                                "wx-open-launch-weapp",
+                                "getLocation",
+                                "openLocation",
+                                "checkJsApi",
+                                "hideMenuItems",
+                                "showMenuItems",
+                                "showOptionMenu",
+                                "hideOptionMenu",
+                                "updateAppMessageShareData",
+                                "updateTimelineShareData",
+                                "onMenuShareAppMessage",
+                                "onMenuShareTimeline",
+                                "chooseImage",
+                                "getLocalImgData"
+                            ], // 必填，需要使用的JS接口列表
+                            openTagList: ["wx-open-launch-weapp"],
+                        });
+                        wx.ready(function () {
+                            wx.checkJsApi({
+                                jsApiList: [
+                                    "showMenuItems",
+                                    "hideMenuItems",
+                                    "showOptionMenu",
+                                    "hideOptionMenu",
+                                ],
+                                success: function () {
+                                    let showMenus = ["menuItem:share:appMessage", "menuItem:share:timeline"]
+                                    let hideMenus = [
+                                        "menuItem:share:qq",
+                                        "menuItem:share:weiboApp",
+                                        "menuItem:share:facebook",
+                                        "menuItem:share:QZone",
+                                        "menuItem:copyUrl",
+                                        "menuItem:openWithQQBrowser",
+                                        "menuItem:openWithSafari",
+                                        "menuItem:share:email",
+                                        "menuItem:share:brand",
+                                    ]
+                                    if (params.isHideOptionMenu) {
+                                        wx.hideOptionMenu();
+                                    } else {
+                                        wx.showOptionMenu()
+                                        wx.showMenuItems({
+                                            menuList: showMenus, // 要显示的菜单项，所有menu项见附录3
+                                        });
+                                        // 隐藏掉部分按钮
+                                        wx.hideMenuItems({
+                                            menuList: hideMenus,
+                                        });
+                                    }
+                                }
+                            })
+                        })
+                        wx.error(function (error) {
+                            console.error("------wx.error:----------:", error);
+                        });
+                        resolve(true);
+                    } else {
+                        reject(false);
+                    }
+                }).catch(() => {
+                    reject(false);
+                });
+            } else {
+                reject(false);
+            }
+        });
+    },
+
+    /**
+     * config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
+     * [wxRegister 微信Api初始化]
+     * @param  {Function} callback [ready回调函数]
+     */
+    wxRegister (option = {}) {
+        if (!option.link) return;
+        
+        //data是微信配置信息，option是分享的配置内容
+        wx.ready(function () {
+            // 判断当前客户端版本是否支持指定JS接口
+            wx.checkJsApi({
+                jsApiList: [
+                    "showMenuItems",
+                    "onMenuShareAppMessage",
+                    "onMenuShareTimeline",
+                    "updateTimelineShareData",
+                    "hideMenuItems",
+                    "showOptionMenu",
+                    "hideOptionMenu",
+                    "updateAppMessageShareData",
+                ],
+                success: function () {
+                    if (option.hasOwnProperty('isHideOptionMenu')) {
+                        let showMenus = ["menuItem:share:appMessage", "menuItem:share:timeline"]
+                        let hideMenus = [
+                            "menuItem:share:qq",
+                            "menuItem:share:weiboApp",
+                            "menuItem:share:facebook",
+                            "menuItem:share:QZone",
+                            "menuItem:copyUrl",
+                            "menuItem:openWithQQBrowser",
+                            "menuItem:openWithSafari",
+                            "menuItem:share:email",
+                            "menuItem:share:brand",
+                        ]
+                        if (option.isHideOptionMenu) {
+                            wx.hideOptionMenu();
+                        } else {
+                            wx.showOptionMenu()
+                            wx.showMenuItems({
+                                menuList: showMenus, // 要显示的菜单项，所有menu项见附录3
+                            });
+                            // 隐藏掉部分按钮
+                            wx.hideMenuItems({
+                                menuList: hideMenus,
+                            });
+                        }
+                    }
+
+                    // 分享给好友
+                    if (wx.updateAppMessageShareData) {
+                        wx.updateAppMessageShareData({
+                            title: option.title, // 分享标题
+                            desc: option.desc, // 分享描述
+                            link: option.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                            imgUrl: option.imgUrl, // 分享图标
+                            success: function (res) {
+                                console.log("wx_success:updateAppMessageShareData----------:", res);
+                            },
+                            fail: function (err) {
+                                console.log("wx_fail:updateAppMessageShareData----------:", err);
+                            },
+                        });
+                        wx.onMenuShareAppMessage({
+                            title: option.title, // 分享标题
+                            desc: option.desc, // 分享描述
+                            link: option.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                            imgUrl: option.imgUrl, // 分享图标
+                            type: "", // 分享类型,music、video或link，不填默认为link
+                            dataUrl: "", // 如果type是music或video，则要提供数据链接，默认为空
+                            success: function (res) {
+                                console.log("wx_success:onMenuShareAppMessage", res);
+                            },
+                            fail: function (err) {
+                                console.log("wx_fail:onMenuShareAppMessage", err);
+                            },
+                        });
+                    }
+                    // 分享到朋友圈
+                    if (wx.updateTimelineShareData) {
+                        wx.updateTimelineShareData({
+                            title: option.title, // 分享标题
+                            link: option.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                            imgUrl: option.imgUrl, // 分享图标
+                            desc: option.desc, // 分享描述
+                            success: function (res) {
+                                console.log("wx_success:updateTimelineShareData", res);
+                            },
+                            fail: function (err) {
+                                console.log("wx_fail:updateTimelineShareData", err);
+                            },
+                        });
+                        // } else {
+                        wx.onMenuShareTimeline({
+                            title: option.title, // 分享标题
+                            link: option.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                            imgUrl: option.imgUrl, // 分享图标
+                            desc: option.desc, // 分享描述
+                            success: function (res) {
+                                console.log("wx_success:onMenuShareTimeline", res);
+                            },
+                            fail: function (err) {
+                                console.log("wx_fail:onMenuShareTimeline", err);
+                            },
+                        });
+                    }
+                },
+                fail: function (err) {
+                    console.log("wx_fail:checkJsApi-----------------------", err);
+                },
+            });
+        });
+    },
+    /**
+     * [wxHideMenu 微信隐藏自带menu]
+     */
+    wxHideMenu () { //data是微信配置信息，option是分享的配置内容
+        wx.ready(function () {
+            // 判断当前客户端版本是否支持指定JS接口
+            wx.checkJsApi({
+                jsApiList: ['hideMenuItems', 'hideOptionMenu'],
+                success: function (res) {
+                    // 隐藏掉部分按钮
+                    wx.hideMenuItems({
+                        menuList: [
+                            'menuItem:share:appMessage',
+                            'menuItem:share:timeline',
+                            'menuItem:share:qq',
+                            'menuItem:share:weiboApp',
+                            'menuItem:share:facebook',
+                            'menuItem:share:QZone',
+                            'menuItem:copyUrl',
+                            'menuItem:openWithQQBrowser',
+                            'menuItem:openWithSafari',
+                            'menuItem:share:email',
+                            'menuItem:share:brand'
+                        ]
+                    });
+                    wx.hideOptionMenu();
+                },
+                fail: function (res) { console.log(res) }
+            })
+        })
+    },
+    /**
+     *  拍照或从手机相册中选图接口
+     * @param count {number}选择图片张数
+     */
+    chooseImage (count) {
+        return new Promise((resolve, reject) => {
+            wx.chooseImage({
+                count: count, // 默认9
+                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
+                success: function (res) {
+                    let localIds = res.localIds; // 返回选定照片的本地 ID 列表，localId可以作为 img 标签的 src 属性显示图片
+                    resolve(localIds)
+                },
+                fail: function (err) {
+                    reject(err)
+                }
+            });
+        })
+    },
+    /**
+     * 获取本地图片接口
+     * @param localId {string}本地id
+     */
+    getLocalImgData (localId) {
+        return new Promise((resolve, reject) => {
+            wx.getLocalImgData({
+                localId: localId, // 图片的localID
+                success: function (res) {
+                    let localData = res.localData; // localData是图片的base64数据，可以用 img 标签显示
+                    if (isBase64(localData)) {
+                        resolve(localData)
+                    } else {
+                        resolve('data:image/jpg;base64,' + localData)
+                    }
+                },
+                fail: function (err) {
+                    reject(err)
+                }
+            });
+        })
+    }
+};
+
+export default wxApi;