@ganwei-web/ganwei-pc-cli 6.2.4 → 6.2.6

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/views/index.js

@@ -0,0 +1,291 @@
+
+import { computed, defineAsyncComponent } from 'vue'
+const indexLeftContent = defineAsyncComponent(() => { return import('@/components/indexLeftContent/index.vue') })
+const indexRightContent = defineAsyncComponent(() => { return import('@/components/indexRightContent/index.vue') })
+// 整合调整：ganwei-pc 改为 ganwei-web
+import {equipCache as EquipCache} from '@ganwei-web/gw-base-components-plus/equipProcessing/dist/index.es.js'
+import exportHistory from '@ganwei-web/gw-base-utils-plus/historyExport/dist/index.es.js'
+
+import sceneMonitor from '@/components/sceneMonitor/index.js'
+const menuColorList = ['#6763EF', '#2FA9E6', '#B945CE', '#27AE79', '#F68309', '#9872EF', '#0FD3D4', '#F37071', '#FDB03D']
+export default {
+    mixins: [exportHistory, sceneMonitor],
+    components: {
+        indexLeftContent,
+        indexRightContent,
+    },
+    data() {
+        return {
+            config: {
+                showSwitchTheme: false,
+                img: {
+                    indexSmallImg: ''
+                },
+                theme: {
+                    default: '',
+                    supportThemes: []
+                }
+            },
+            theme: {
+                indexSmallImg: ''
+            },
+            allMenus: [],
+            loading: false,
+            navTopActive: -1,
+            outerLinkMap: {},
+            routesMap: {},
+            routesToName: {},
+            routesToIcon: {},
+            routesToPackageId: {},
+            onlyContent: false,
+            isHideMenu: false,
+            isHideHead: false
+        }
+    },
+
+    provide() {
+        return {
+            theme: computed(() => this.theme),
+            config: computed(() => this.config),
+            routesMap: computed(() => this.routesMap),
+            routesToPackageId: computed(() => this.routesToPackageId),
+            routesToName: computed(() => this.routesToName),
+            routesToIcon: computed(() => this.routesToIcon),
+            outerLinkMap: computed(() => this.outerLinkMap)
+        }
+    },
+
+    beforeCreate() {
+        document.title = sessionStorage.platName || ''
+    },
+
+    mounted() {
+        this.getWebConfigAndMenu()
+        let equipDataSource = new EquipCache()
+        equipDataSource.Init()
+        // 设备列表--历史曲线导出、菜单新增等事件通信
+        window.addEventListener('message', e => {
+            this.curveSignalR(e, true)
+            if (e.data && typeof e.data == 'object' && 'setMenu' in e.data) {
+                // 传递被删除的菜单项的route到Index组件中
+                this.resetMenu({ route: e.data.route, setMenu: e.data.setMenu })
+            }
+            if (e?.data?.parentRouter) {
+                this.$router.push(e.data.parentRouter)
+            }
+
+            if (e.data && typeof e.data == 'object' && 'pub' in e.data) {
+                const allSpans = document.querySelectorAll('.jumpPage iframe');
+                allSpans.forEach(iframe => {
+                    iframe.contentWindow.postMessage({ pub: e.data.pub })
+                });
+            }
+        })
+        // 主题切换事件监听
+        this.$bus.on('themeChange', () => {
+            this.theme = JSON.parse(JSON.stringify(this.config.theme.supportThemes.find(item => item.value === sessionStorage.theme)))
+            if (process.env.NODE_ENV === 'development') {
+                const searchParams = new URL(window.location).searchParams
+                searchParams.set('theme', this.theme.value)
+                window.location.search = '?' + searchParams.toString()
+            }
+        })
+
+    },
+
+    methods: {
+
+        /**
+         * 获取网站配置和菜单
+         * 从服务器获取配置信息，设置平台Logo，应用主题，并加载菜单数据
+         */
+        getWebConfigAndMenu() {
+            this.myUtils
+                .configInfoData(this)
+                .then(data => {
+                    // 设置平台LOGO
+                    if (data?.img?.platLogo) {
+                        this.setPlatLogo(data.img.platLogo)
+                    }
+                    // // 使用个性主题替换配置默认主题
+                    let result = data
+                    this.config = result
+                    this.theme = JSON.parse(JSON.stringify(this?.config?.theme?.supportThemes.find(item => item.value === sessionStorage.theme)))
+                })
+                .catch(err => {
+                    console.log(err)
+                }).finally(() => {
+                    //获取菜单
+                    this.getMenus()
+                    // 获取平台名称
+                    this.getAuthName()
+                })
+        },
+
+        /**
+         * 设置平台Logo
+         * 创建并添加网站的favicon图标
+         * @param {string} platLogo - Logo图片URL
+         */
+        setPlatLogo(platLogo) {
+            let link = document.createElement('link')
+            link.setAttribute('rel', 'icon')
+            link.href = platLogo
+            link.setAttribute('type', 'image/x-icon')
+            window.document.head.prepend(link)
+        },
+
+        /**
+         * 获取平台名称
+         * 从服务器获取平台名称并设置到页面标题
+         */
+        getAuthName() {
+            this.$api.getAuthName().then(res => {
+                window.document.title = res?.data?.data || this.config?.titleConfig?.platName || ''
+            }).catch(err => {
+                console.log(err)
+                window.document.title = this.config?.titleConfig?.platName || ''
+            })
+        },
+
+        /**
+         * 获取菜单列表
+         * 从服务器获取菜单数据，处理并设置菜单样式
+         */
+        getMenus() {
+            this.loading = true
+            this.$api
+                .GetMenus()
+                .then(res => {
+                    let { code, data, message } = res?.data || {}
+                    if (code === 200) {
+                        if (data) {
+                            data = this.filterPCMenu(data || [])
+                            this.setMenuBackgroundColor(data)
+                            data.forEach((group, index) => {
+                                this.traverse(group, index)
+                            })
+                            this.allMenus = data
+                            this.navTopActive = 0;
+                            window.sessionStorage.asideList = JSON.stringify(this.allMenus)
+                        }
+                    } else {
+                        if (message) {
+                            this.$message.error(message)
+                        }
+                    }
+                })
+                .catch(er => {
+                    console.log(er)
+                }).finally(() => {
+                    this.loading = false
+                })
+        },
+
+        /**
+         * 过滤PC端菜单
+         * 递归过滤出适用于PC端的菜单项
+         * @param {Array} menus - 原始菜单列表
+         * @returns {Array} 过滤后的PC端菜单列表
+         */
+        filterPCMenu(menus) {
+            let newarr = [];
+            menus.forEach(element => {
+                let menuItem = {}
+                if (element.menuOwner == 0 || element.menuOwner == 1) { // 判断条件
+                    menuItem = {
+                        ...element,
+                        children: element.children ? [] : null
+                    }
+                    newarr.push(menuItem)
+                }
+                if (element.children && element.children.length > 0) {
+                    let redata = this.filterPCMenu(element.children);
+                    menuItem.children = redata.length ? redata : null
+                }
+            });
+            return newarr;
+        },
+
+        /**
+         * 设置菜单背景颜色
+         * 为菜单项分配预定义的背景颜色
+         * @param {Array} list - 菜单列表
+         */
+        setMenuBackgroundColor(list) {
+            let colorIndex = 0
+            let length = menuColorList.length
+            list.forEach(menuItem => {
+                if (colorIndex + 1 > length) {
+                    colorIndex = 0
+                }
+                menuItem.backgroundColor = menuColorList[colorIndex]
+                if (menuItem.children) {
+                    this.setMenuBackgroundColor(menuItem.children)
+                }
+                colorIndex++
+            })
+        },
+
+        /**
+         * 遍历菜单数据
+         * 递归处理菜单数据，设置路由映射关系
+         * @param {Object} data - 菜单项数据
+         * @param {number} index - 菜单索引
+         */
+        traverse(data, index) {
+            if (data && !data.route && data.children) {
+                for (let item of data.children) {
+                    this.traverse(item, index)
+                }
+            } else {
+                if (/^http/.test(data.route)) {
+                    if (!data.route.includes('target=_blank')) {
+                        let route = `/Index/jumpIframe/custom/${data.name}?outerLink=true`
+                        let parameter; // 外部链接有参数，则拼接到outerLink=true后面
+                        if (data.route && data.route.includes('?')) {
+                            parameter = data.route.split('?')[1];
+                        }
+                        let keyVal = route + (parameter ? '&' + parameter : '');
+                        this.outerLinkMap[keyVal] = data.route;
+                        data.route = keyVal;
+                        // this.outerLinkMap
+                        // {
+                        //     "/Index/jumpIframe/custom/${data.name}?outerLink=true": "https://xxxx"
+                        // }
+                    }
+                }
+                if (data.route) {
+                    this.routesMap[decodeURIComponent(data.route)] = index
+                    this.routesToPackageId[data.route] = data.packageId
+                    this.routesToPackageId[data.route.split('?').pop()] = data.packageId
+                    this.routesToName[data.route] = data.name
+                    this.routesToIcon[data.route + 'icon'] = data.icon
+                }
+            }
+        },
+
+        /**
+         * 重置菜单
+         * 根据传入的数据决定是否重新获取菜单
+         * @param {Object} data - 包含setMenu标志的对象
+         */
+        resetMenu(data) {
+            // 判断是否重新获取菜单
+            if (data.setMenu) {
+                this.getMenus()
+            }
+        }
+    },
+    watch: {
+        '$route': {
+            handler: function () {
+                this.onlyContent = window.getParameterMap().get("content") === 'true'
+                this.isHideMenu = window.getParameterMap().get("isHideMenu") === 'true'
+                this.isHideHead = window.getParameterMap().get("isHideHead") === 'true'
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+}

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/views/jumpIframe/index.vue

@@ -0,0 +1,257 @@
+<template>
+    <div class="jumpPage">
+        <loading v-show="loading"></loading>
+        <!-- 菜单至少不为空时，才开始加载页面，避免单点登录时，菜单为空，导致页面异常 -->
+        <iframe v-if="name != 'noPage' && isHasPage" :id="name" :src="path" width="100%" height="100%"
+            allowfullscreen></iframe>
+        <noPage v-if="name == 'noPage'"></noPage>
+    </div>
+</template>
+<script>
+import noPage from '@/components/noAccess/noPage.vue'
+import preloadMethod from './preloadMethod.js'
+import QueryParser from './queryParser'
+export const LOADING_TIME = 500;
+export default {
+    name: 'MFEJump',
+    mixins: [preloadMethod],
+    components: {
+        noPage
+    },
+    inject: ['outerLinkMap', 'routesToName', 'routesToPackageId'],
+    data() {
+        return {
+            loading: true,
+            path: '',
+            name: 'MFEJump',
+            isHasPage: false,
+            pageNofound: "Status Code: 404; Not Found",
+            customName: '',
+            auth: '',
+            queryParser: new QueryParser(),
+        };
+    },
+    created() {
+        if (this?.$store?.state?.loadingStatus) {
+            this?.$store?.commit("setLoadingStatus", false)
+            return;
+        }
+
+        // 预加载方法
+        this.preloadApi().then(res => {
+            if (res?.data?.data) {
+                if (typeof res?.data?.data == 'string' || typeof res?.data?.data == 'number') {
+                    this.auth = res?.data?.data
+                }
+            }
+        }).catch(e => {
+            console.log(e)
+        }).finally(() => {
+            this.queryParser = new QueryParser(this.$route)
+            this.loadApplication()
+        })
+    },
+    methods: {
+        async loadApplication() {
+            // 检查模块名
+            let packageName = this.$route.params.packageName, route = this.$route?.params?.route || '';
+            if (!packageName) {
+                this.$route.query.pageNofound = true;
+                this.isNoPage()
+                return
+            }
+
+            this.setInternalLocation(packageName, route)
+            let path = this.queryParser.getFullPath()
+            let menuName = '', packageId = ''
+
+            try {
+                if (!path.includes('outerLink=true')) {
+                    menuName = route.split('/')[0].split('?')[0]
+                    packageId = this.getPackageId(this.$route.path, this.$route.fullPath)
+                } else {
+                    path = this.setOuterLocation(this.outerLinkMap[decodeURIComponent(this.$route.fullPath)])
+                }
+            } catch (error) {
+                console.log(error)
+            }
+
+            // 获取翻译文件
+            await this.languageChangeFun(packageName, menuName, packageId)
+
+            // 传递应用参数
+            this.queryParser.addQuery({
+                packageId,
+                theme: sessionStorage.getItem('theme') || 'dark',
+                pluginName: packageName,
+                menuName,
+                languageType: localStorage.languageType,
+                userName: sessionStorage.userName,
+                auth: this.auth,
+                customName: this.customName,
+                // 会自动 encodeURIComponent,所以需要先decodeURIComponent
+                CSRF_TOKEN: decodeURIComponent(sessionStorage.getItem('CSRF_TOKEN') || '')
+            })
+
+            this.loadActualPath(packageName)
+
+            this.$nextTick(() => {
+                setTimeout(() => {
+                    this.checkFrameLoad(packageName, packageId, menuName)
+                }, 100);
+            })
+
+        },
+
+        setInternalLocation(packageName, route) {
+            let location = (this.$hostMap(packageName) || '') + (route.indexOf(".html") != -1 ? '/' : '/#/') + route
+            this.queryParser.setLocation(location)
+            return location
+        },
+
+        setOuterLocation(outerLink) {
+            const url = new URL(outerLink)
+            let location = url.href//url.origin + url.pathname
+            this.queryParser.setLocation(location)
+            return location
+        },
+
+        async languageChangeFun(packageName, menuName, packageId) {
+            if (packageName && menuName && packageId) {
+                return window.getLanguage(packageName, menuName, packageId, this)
+            }
+        },
+
+        loadActualPath(packageName) {
+            let path = this.queryParser.getFullPath()
+            if (process.env.NODE_ENV == 'production') {
+                this.isHasPage = true;
+                this.name = this.path = path;
+            }
+
+            if (process.env.NODE_ENV == 'development') {
+                if (!this.$hostMap(packageName) && path && !path.includes('http')) {
+                    this.name = 'noPage'
+                    this.isHasPage = false
+                    this.$notify({
+                        title: '提示',
+                        message: '请在hostMap.js配置该应用!'
+                    });
+                } else {
+                    this.isHasPage = true;
+                    this.name = path, this.path = path;
+                }
+            }
+        },
+
+        checkFrameLoad(packageName, packageId, menuName) {
+            let iframe = document.getElementById(this.name)
+            if (iframe) {
+                iframe.onload = () => {
+                    try {
+                        iframe.contentWindow.document.documentElement.setAttribute('data-theme', sessionStorage.theme)
+                    } catch (error) {
+                        console.log(error)
+                    }
+                    try {
+                        iframe.contentWindow.postMessage({
+                            theme: sessionStorage.theme,
+                            languagePackage: sessionStorage.languagePackage,
+                            packageId: packageId,
+                            packageName: packageName,
+                            menuName: menuName
+                        }, "*")
+                    } catch (error) {
+                        console.log(error)
+                    }
+                    this.loading = false;
+                    this.checkPageLoad()
+                }
+
+                // 防止onload不执行，兜底
+                setTimeout(() => {
+                    this.loading = false;
+                }, LOADING_TIME);
+            } else {
+                this.isNoPage()
+            }
+        },
+
+        checkPageLoad() {
+            this.loading = false;
+            let isError = false;
+            let dom = document.getElementById(this.name)
+            if (dom) {
+                try {
+                    isError = dom.contentWindow.document.querySelector('body>pre')?.innerHTML.includes(this.pageNofound)
+                } catch (error) {
+                    console.log("")
+                }
+            }
+            if (isError) {
+                this.isNoPage()
+            }
+        },
+
+        async isFileExist(filePath) {
+            let exist = false
+            await this.$api.get(filePath).then(res => {
+                if (res.status == 200) {
+                    exist = true
+                } else {
+                    exist = false
+                }
+            }).catch(err => {
+                console.log(err)
+                exist = false
+            })
+            return exist
+        },
+
+        executeIframeFun(callback) {
+            let iframe = document.getElementById(this.name)
+            let hasQueue = false
+            try {
+                // 有些第三方链接，考虑到安全性问题，不允许读取contentWindow内部变量，会报错
+                let executeQueues = iframe?.contentWindow?.executeQueues || {}
+                Object.keys(executeQueues).forEach(item => {
+                    hasQueue = true;
+                    executeQueues[item]();
+                })
+            } catch (error) {
+                console.log(error)
+            }
+
+            if (callback) {
+                if (hasQueue) {
+                    setTimeout(() => { callback() }, 500)
+                } else {
+                    callback()
+                }
+            }
+        },
+
+        getPackageId(route, fullPath) {
+            return this.routesToPackageId[fullPath] || this.routesToPackageId[route]
+        },
+
+        isNoPage() {
+            this.name = 'noPage';
+            this.isHasPage = false;
+            this.loading = false
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.jumpPage {
+    width: 100%;
+    height: 100%;
+    background: var(--frame-main-background);
+
+    iframe {
+        color-scheme: light;
+    }
+}
+</style>

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/views/jumpIframe/preloadMethod.js

@@ -0,0 +1,54 @@
+export default {
+    created () {
+        window.preloadApi = this.preloadApi.bind(this)
+    },
+    methods: {
+
+        /**
+         * 预加载接口--第三方应用配置后URL携带返回参数
+         * @param {String} configName packageId
+         * @param {String} customParameterName 自定义参数名称
+         * @param {String} path 请求路径
+         * @param {String} methods 请求方法
+         * @param {Object} data 请求参数
+         */
+        preloadApi () {
+            let routerPath = window.decodeURIComponent(this.$route.path)
+            let routerFullPath = window.decodeURIComponent(this.$route.fullPath)
+            let originName = this.routesToPackageId[routerFullPath] || this.routesToPackageId[routerPath], preloadConfig
+            try {
+                preloadConfig = JSON.parse(sessionStorage.configInfoData)?.preloadConfig
+            } catch (error) {
+                preloadConfig = []
+            }
+            if (Array.isArray(preloadConfig)) {
+                preloadConfig = preloadConfig?.filter(item => {
+                    return item?.configName?.toString()?.trim() == originName?.toString()?.trim()
+                })
+            } else {
+                preloadConfig = []
+            }
+            let configName = preloadConfig[0]?.configName || "敢为云"
+            let path = preloadConfig[0]?.path || '/api/idsvr/connect/connect'
+            let methods = preloadConfig[0]?.methods || 'get'
+            let data = preloadConfig[0]?.data || {}
+            this.customName = preloadConfig[0]?.customParameterName || 'token'
+            let xhr = this.$api
+            return new Promise((resolve, reject) => {
+                if (originName && configName && originName?.toString()?.trim() == configName?.toString()?.trim()) {
+                    xhr[methods](path, data).then(res => {
+                        if (res?.data?.code == 200) {
+                            resolve(res)
+                        } else {
+                            reject({})
+                        }
+                    }).catch(e => {
+                        reject({})
+                    })
+                } else {
+                    resolve({})
+                }
+            })
+        }
+    }
+}

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/views/jumpIframe/queryParser.js

@@ -0,0 +1,47 @@
+/**
+ *
+ * @class QueryParser
+ *
+ * @example
+ * http://127.0.0.1:8120/?languageType=zh-CN#/Index/jumpIframe/ganwei-iotcenter-event-querys/eqEvent?languageType=zh-CN
+ * 1. window.location.search
+ * 2. route.query
+ */
+export default class QueryParser {
+    location = ''
+    constructor(route) {
+        this.searchParams = new URLSearchParams(window.location.search);
+        if (route) {
+            this.addQuery(route.query);
+        }
+    }
+
+    setLocation(location) {
+        this.location = location
+    }
+
+    addURLSearchParams(outerUrlSearchParams) {
+        outerUrlSearchParams.forEach((v, k) => {
+            this.searchParams.set(k, v)
+        })
+    }
+
+    addQuery(query) {
+        if (typeof query === "object" && query !== null) {
+            for (let key in query) {
+                let value = query[key];
+                if (value) {
+                    this.searchParams.set(key, value);
+                }
+            }
+        }
+    }
+
+    getFullPath() {
+        return this.location + '?' + this.searchParams.toString()
+    }
+
+    getQueryString() {
+        return '?' + this.searchParams.toString()
+    }
+}