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

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

@@ -0,0 +1,381 @@
+
+import { computed, defineAsyncComponent } from 'vue'
+const indexLeftContent = defineAsyncComponent(() => { return import('@/components/layouts/Sidebar/LeftContent') })
+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'
+// import socketMixin from '@/services/socket.init.js', socketMixin
+const menuColorList = ['#6763EF', '#2FA9E6', '#B945CE', '#27AE79', '#F68309', '#9872EF', '#0FD3D4', '#F37071', '#FDB03D']
+export default {
+    mixins: [exportHistory, sceneMonitor],
+    components: {
+        indexLeftContent,
+        indexRightContent
+    },
+    data() {
+        return {
+            config: {
+                showSwitchTheme: false,
+                labelPage: false,
+                showTopBtn: {
+                    safeTips: undefined,
+                    update: undefined,
+                    notificationSlot: undefined,
+                    appPreview: undefined,
+                    fullScreen: undefined,
+                    contentFullScreen: undefined,
+                    notify: undefined,
+                    processDesign: undefined,
+                    themes: undefined,
+                    user: undefined
+                },
+                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()
+
+        // 监听 updateNavTopActive 事件
+        this.$bus.on('updateNavTopActive', (index) => {
+            this.navTopActive = index
+        })
+
+        // 设备列表--历史曲线导出、菜单新增等事件通信
+        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)
+                            })
+                            // data 中节点 level有些不正确，重新校正
+                            this.correctMenuLevel(data)
+                            this.allMenus = data
+                            let menesIndex = this.getMenusIndex()
+                            this.navTopActive = menesIndex == -1 ? 0 : menesIndex;
+                            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 == 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;
+        },
+
+        /**
+         * 校正菜单层级
+         * 递归校正菜单项的 level 值，确保层级正确
+         * @param {Array} menus - 菜单列表
+         * @param {number} level - 当前层级，默认为1（一级菜单）
+         */
+        correctMenuLevel(menus, level = 1) {
+            if (!menus || !Array.isArray(menus)) return
+            menus.forEach(menuItem => {
+                menuItem.level = level
+                if (menuItem.children && menuItem.children.length > 0) {
+                    this.correctMenuLevel(menuItem.children, level + 1)
+                }
+            })
+        },
+
+        /**
+         * 设置菜单背景颜色
+         * 为菜单项分配预定义的背景颜色
+         * @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) {
+                    const decodedRoute = decodeURIComponent(data.route)
+                    this.routesMap[decodedRoute] = index
+                    // this.routesToPackageId[data.route] = data.packageId
+                    this.routesToPackageId[data.route.indexOf('?') != -1 ? data.route.split('?').shift() : data.route] = 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()
+            }
+        },
+
+        /**
+         * 获取顶层菜单索引
+         * 根据传入的数据决定是否重新获取菜单
+         * @param {Object}  - 包含setMenu标志的对象
+         */
+        getMenusIndex() {
+            let currentRoute = this.$route.fullPath.indexOf('?') != -1 ? this.$route.fullPath.split('?').shift() : this.$route.fullPath
+            currentRoute = decodeURIComponent(currentRoute)
+
+            for (let i = 0; i < this.allMenus.length; i++) {
+                const group = this.allMenus[i]
+                if (!group) continue
+                // 检查当前分组本身是否匹配
+                if (group.route) {
+                    let groupRoute = group.route.indexOf('?') != -1 ? group.route.split('?').shift() : group.route
+                    if (groupRoute === currentRoute) {
+                        return i
+                    }
+                }
+                // 检查子菜单中是否包含当前路由
+                const findInChildren = (menus) => {
+                    if (!menus) return false
+                    for (let item of menus) {
+                        if (!item) continue
+                        // 如果 route 为 null，继续检查子菜单
+                        if (item.route) {
+                            let itemRoute = item.route.indexOf('?') != -1 ? item.route.split('?').shift() : item.route
+                            if (itemRoute === currentRoute) {
+                                return true
+                            }
+                        }
+                        if (item.children && item.children.length > 0) {
+                            if (findInChildren(item.children)) {
+                                return true
+                            }
+                        }
+                    }
+                    return false
+                }
+                if (group.children && findInChildren(group.children)) {
+                    return i
+                }
+            }
+            return -1
+        }
+    },
+    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'
+                // 路由变化时更新 navTopActive，确保左侧菜单正确显示
+                const menesIndex = this.getMenusIndex()
+                this.navTopActive = menesIndex == -1 ? (this.allMenus.length > 0 ? 0 : -1) : menesIndex
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+}

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

@@ -0,0 +1,271 @@
+<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
+            }
+
+            // 等待 routesToPackageId 初始化完成
+            if (!this.routesToPackageId || Object.keys(this.routesToPackageId).length === 0) {
+                console.log("routesToPackageId 未初始化，等待...")
+                // 等待一小段时间让菜单加载完成
+                await new Promise(resolve => setTimeout(resolve, 100))
+
+                // 如果还是空的，直接使用空值
+                if (!this.routesToPackageId || Object.keys(this.routesToPackageId).length === 0) {
+                    console.log("routesToPackageId 仍然为空，继续执行")
+                    this.loadApplication()
+                    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>