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

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/utils/gwEquipCache.js

@@ -0,0 +1,325 @@
+import Signalr from './gwSignalr.js';
+
+export default class equipCache {
+    constructor() {
+        this.eGroupNotify = new Signalr('/eGroupNotify', '', '', true);
+        this.alreadyUpdate = {}
+    }
+    init () {
+        //  打开signalr链接
+        this.eGroupNotify.openConnect().then((rt) => {
+            // 分组推送--start
+            // 通知后台需要推送分组结构
+            try {
+                rt.invoke('GetEquipGroupTree');
+                // 通知后台推送全量分组
+                rt.invoke('GetAllEquipGroupTree')
+            } catch (error) {
+                console.log(error)
+            }
+            // 获取分组结构
+            this.subscribeTo(rt, 'GetEquipGroupTree')
+            // 新增分组
+            this.subscribeTo(rt, 'AddEquipGroup')
+            // 编辑分组
+            this.subscribeTo(rt, 'EditEquipGroup')
+            // 删除分组
+            this.subscribeTo(rt, 'DeleteEquipGroup')
+            // 分组推送--end
+            // 设备推送--start
+            // 通知后台需要推送分组结构
+            try {
+                rt.invoke('GetGroupEquips');
+            } catch (error) {
+                console.log(error)
+            }
+            // 订阅设备推送
+            this.subscribeTo(rt, 'GetGroupEquips')
+            // 订阅分组结构推送
+            this.subscribeTo(rt, 'AddEquip')
+            // 订阅分组结构推送
+            this.subscribeTo(rt, 'DeleteEquip')
+            // 订阅分组结构推送
+            this.subscribeTo(rt, 'EditEquip')
+            this.subscribeTo(rt, 'moveEquips')
+            // 获取全量分组
+            this.subscribeTo(rt, 'GetAllEquipGroupTree')
+            // 设备推送--end
+            rt.onclose((err) => {
+                try {
+                    rt.invoke('reconnect')
+                } catch (error) {
+                    console.log(error)
+                }
+                console.log('重连', err);
+            });
+
+        }).catch((e) => {
+            console.error(e)
+        });
+    }
+    subscribeTo (signalr, func) {
+        signalr.off(func)
+        signalr.on(func, res => {
+            if (res && res.isSuccess) {
+                if (this[func]) {
+                    this[func](res.data)
+                } else {
+                    this.notice({ func, data: res.data, key: res.groupId })
+                }
+            }
+        })
+    }
+    // 获取分组---无权限管理的分组列表--空设备分组不展示
+    GetEquipGroupTree (data) {
+        window.top.groupList = data
+        this.notice({ type: 'GetEquipGroupTree' })
+    }
+    // 获取全量分组---设备管理使用
+    GetAllEquipGroupTree (data) {
+        window.top.groupList_manageMent = data
+        this.notice({ type: 'GetEquipGroupTree' })
+    }
+    // 新增分组
+    AddEquipGroup (data) {
+        const { parentGroupId, groupId, groupName } = data || {}
+        if (groupId) {
+            if (!window.top.groupList_manageMent) {
+                window.top.groupList_manageMent = []
+            }
+            window.top.groupList_manageMent.push({
+                parentId: parentGroupId,
+                id: groupId,
+                name: groupName,
+                equipCount: 0
+            })
+            this.notice({ type: 'AddEquipGroup', data })
+        }
+    }
+    // 编辑分组
+    EditEquipGroup (data) {
+        // 更新window缓存
+        const { groupId, groupName } = data
+        if (window.top.groupList) {
+            window.groupList.forEach(item => {
+                if (item.id == groupId) {
+                    item.name = groupName
+                }
+            })
+        }
+        if (window.top.groupList_manageMent) {
+            window.groupList_manageMent.forEach(item => {
+                if (item.id == groupId) {
+                    item.name = groupName
+                }
+            })
+        }
+        this.notice({ type: 'EditEquipGroup', data })
+    }
+    deleteChildGroup (parentId, list) {
+        let deleteGroups = []
+        list.forEach(item => {
+            if (item.parentId == parentId) {
+                deleteGroups.push(item.id)
+            }
+        })
+        deleteGroups.forEach(groupId => {
+            let index = list.findIndex(item => item.id == groupId)
+            index > -1 && list.splice(index, 1)
+            this.deleteChildGroup(groupId, list)
+        })
+    }
+    // 删除分组
+    DeleteEquipGroup (data) {
+        data.forEach(group => {
+            if (window.top.groupList) {
+                let index = window.top.groupList.findIndex(item => item.id == group.groupId)
+                index > -1 && window.top.groupList.splice(index, 1)
+                this.deleteChildGroup(group.groupId, window.top.groupList)
+            }
+            if (window.top.groupList_manageMent) {
+                let index = window.top.groupList_manageMent.findIndex(item => item.id == group.groupId)
+                index > -1 && window.top.groupList_manageMent.splice(index, 1)
+                this.deleteChildGroup(group.groupId, window.top.groupList_manageMent)
+            }
+        })
+        this.notice({ type: 'DeleteEquipGroup', data })
+    }
+    // 获取设备
+    GetGroupEquips (data) {
+        const { groupId, equips } = data || {}
+        if (!window.top.groupCache) {
+            window.top.groupCache = {}
+        }
+        window.top.groupCache[groupId] = {}
+        if (!this.alreadyUpdate[groupId]) {
+            if (groupId && equips && equips instanceof Array) {
+                equips.forEach(item => {
+                    item.title = item.name
+                    item.groupId = groupId
+                    item.equipNo = item.id
+                    delete item.name
+
+                    if (!window.equipCache) {
+                        window.top.equipCache = {}
+                    }
+                    // 找分组,设备编辑需要用到
+                    window.top.equipCache[item.id] = item
+
+                    // 设备状态需要用到
+                    window.top.groupCache[groupId][item.id] = item
+                })
+
+                window.top[`group-${groupId}`] = equips
+                this.notice({ type: 'GetGroupEquips', data: { groupId: groupId } })
+                this.alreadyUpdate[groupId] = true
+            }
+        }
+    }
+    // 新增设备
+    AddEquip (data) {
+        const { groupId, equips } = data || {}
+        if (!window.top[`group-${groupId}`]) {
+            window.top[`group-${groupId}`] = []
+        }
+        if (!window.top.groupCache) {
+            window.top.groupCache = {}
+        }
+        if (!window.top.groupCache[groupId]) {
+            window.top.groupCache[groupId] = {}
+        }
+        if (!window.top.equipCache) {
+            window.top.equipCache = {}
+        }
+        let length = window.top[`group-${groupId}`].length
+        if (groupId && equips) {
+            equips.forEach((equip, index) => {
+                window.top[`group-${groupId}`].push(
+                    {
+                        equipNo: equip.id,
+                        groupId: groupId,
+                        id: equip.id,
+                        title: equip.name
+                    }
+                )
+
+                // 找分组,设备编辑需要用到
+                window.top.equipCache[equip.id] = window.top[`group-${groupId}`][length + index]
+
+                // 设备状态需要用到
+                window.top.groupCache[groupId][equip.id] = window.top[`group-${groupId}`][length + index]
+            })
+
+            if (!this.exist(groupId, window.top.groupList)) {
+                let list = this.findParentList(groupId, window.top.groupList_manageMent)
+                window.top.groupList.push(...list)
+            }
+            this.notice({ type: 'AddEquip', data })
+        }
+    }
+    moveEquips (data) {
+        // 统计需要更新的分组Id
+        let updateGroups = []
+        let buildTree = true
+        let needAddToGroupList = []
+        const { sourceGroup, targetGroupId } = data || {}
+        targetGroupId && updateGroups.push(targetGroupId)
+        sourceGroup.forEach(group => {
+            updateGroups.push(group.groupId)
+            if (!window.top[`group-${targetGroupId}`] || !window.top[`group-${targetGroupId}`].length) {
+                window.top[`group-${targetGroupId}`] = []
+                needAddToGroupList.push(targetGroupId)
+            }
+            if (!window.top.groupCache) {
+                window.top.groupCache = {}
+            }
+            if (!window.top.groupCache[targetGroupId]) {
+                window.top.groupCache[targetGroupId] = {}
+            }
+            group.equips.forEach(equip => {
+                equip.title = equip.name
+                equip.groupId = targetGroupId
+                equip.equipNo = equip.id
+
+                if (window.top[`group-${group.groupId}`]) {
+                    let index = window.top[`group-${group.groupId}`].findIndex(item => item.id == equip.id)
+                    index > -1 && window.top[`group-${group.groupId}`].splice(index, 1)
+                }
+
+                if (!window.equipCache) {
+                    window.top.equipCache = {}
+                }
+                // 找分组,设备编辑需要用到
+                window.top.equipCache[equip.id] = equip
+                // 设备状态需要用到
+                window.top.groupCache[targetGroupId][equip.id] = equip
+                window.top[`group-${targetGroupId}`].push(equip)
+            })
+            if (!window.top[`group-${group.groupId}`].length) {
+                let index = window.top.groupList.findIndex(item => item.id == group.groupId)
+                index > -1 && window.top.groupList.splice(index, 1)
+                this.deleteChildGroup(group.groupId, window.top.groupList)
+            }
+        })
+        needAddToGroupList.forEach(groupId => {
+            if (!this.exist(groupId, window.top.groupList)) {
+                let list = this.findParentList(groupId, window.top.groupList_manageMent)
+                window.top.groupList.push(...list)
+            }
+        })
+        this.notice({ type: 'moveEquips', data: { updateGroups, buildTree } })
+    }
+    exist (key, list) {
+        if (list) {
+            return list.some(item => item.id == key)
+        }
+        return false
+    }
+    findParentList (groupId, list) {
+        let parentList = []
+        if (list) {
+            let index = list.findIndex(group => group.id == groupId)
+            if (index > -1) {
+                parentList.push({ ...list[index] })
+            }
+            if (list[index].parentId && !this.exist(list[index].parentId, window.top.groupList)) {
+                parentList.push(...this.findParentList(list[index].parentId, window.top.groupList_manageMent))
+            }
+        }
+        return parentList
+    }
+    // 删除设备
+    DeleteEquip (data) {
+        const { groupId, equips } = data || {}
+        if (groupId && equips && equips instanceof Array) {
+            if (window.top[`group-${groupId}`]) {
+                for (let i = 0, length = equips.length; i < length; i++) {
+                    let index = window.top[`group-${groupId}`].findIndex(item => item.id == equips[i].id)
+                    index > -1 && window.top[`group-${groupId}`].splice(index, 1)
+                    //删除引用
+                    delete window.top.equipCache[equips[i].id]
+                    delete window.top.groupCache[groupId][equips[i].id]
+                }
+            }
+            this.notice({ type: 'DeleteEquip', data })
+        }
+    }
+    // 编辑设备
+    EditEquip (data) {
+        const { equipNo, groupId, equipName } = data || {}
+        if (groupId && equipNo) {
+            if (window[`group-${groupId}`]) {
+                window.top.equipCache[equipNo] = equipName
+            }
+            this.notice({ type: 'EditEquip', data })
+        }
+    }
+    notice (data) {
+        // 下发通知
+        let iframe = document.getElementsByTagName('iframe');
+        for (let item of iframe) {
+            console.log(item)
+            item.contentWindow.postMessage(data);
+        }
+    }
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/utils/gwSignalr.js

@@ -0,0 +1,66 @@
+import * as signalR from '@aspnet/signalr';
+
+export default class Signalr {
+    constructor(path, connectionId, equipNo, reconnect) {
+        this.url = path;
+        this.connectionId = connectionId;
+        this.equipNo = equipNo;
+        this.signalr = null;
+        this.reconnect = reconnect
+    }
+
+    openConnect () {
+
+        // 停止连接
+        if (this.signalr) {
+            this.signalr.stop();
+            this.signalr = null;
+        }
+
+        //  连接
+        this.signalr = new signalR.HubConnectionBuilder()
+            .withUrl(this.url)
+            .build();
+
+        // 停止监听
+        this.signalr.onclose((err) => {
+            if (this.reconnect) {
+                try {
+                    this.signalr.invoke('reconnect')
+                } catch (error) {
+                    console.log(error)
+                }
+            }
+            // this.openConnect()
+            console.log('onclose', err);
+        });
+
+        this.signalr.serverTimeoutInMilliseconds = 500000000;
+        this.signalr.keepaliveintervalinmilliseconds = 500000000
+
+        return new Promise((resolve, reject) => {
+            this.signalr
+                .start() // 启动连接
+                .then(() => {
+                    if (this.connectionId) {
+                        this.send();
+                    }
+
+                    resolve(this.signalr);
+                })
+                .catch((e) => {
+                    console.log(e);
+                    reject(e);
+                });
+        });
+    }
+
+    async send () { // 发送请求
+        try {
+            await this.signalr.invoke(this.connectionId, this.equipNo);
+        } catch (error) {
+            console.log('connectHub 连接失败' + error);
+        }
+    }
+
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/utils/historyExport.js

@@ -0,0 +1,158 @@
+import * as signalR from '@aspnet/signalr';
+export default {
+    data () {
+        return {
+            exportSignalrConnection: null,
+            haveDataDwonload: false,
+            exportTimer: null,
+            exportTimes: 0,
+            alreadyExport: true,
+            getExportCommand: false
+        }
+    },
+    mounted () {
+        // let that = this
+        // window.onmessage = function (e) {
+        //     that.curveSignalR(e)
+        // }
+    },
+    methods: {
+        getCommand (existIframe) {
+            if (existIframe) {
+                this.getExportCommand = true;
+                if (document.getElementById('jumpIframe')) {
+                    document.getElementById('jumpIframe').contentWindow.postMessage({ getExportCommand: true }, '*')
+                } else {
+                    let arr = Array.from(document.getElementsByTagName('iframe'));
+                    arr.forEach(item => {
+                        item.contentWindow.postMessage({ getExportCommand: true }, '*')
+                    })
+                }
+            }
+        },
+
+        // existIframe:是否有外框
+        curveSignalR (e, existIframe) {
+            if (e.data.openCurveLink) {
+                this.getCommand(existIframe);
+                if (!this.haveDataDwonload) {
+                    if (this.exportSignalrConnection) {
+                        this.exportSignalrConnection.stop()
+                    }
+                    this.exportSignalrConnection = null;
+                    this.exportSignalrConnection = new signalR.HubConnectionBuilder()
+                        .withUrl('/downFileNotify', {})
+                        .build();
+                    this.exportSignalrConnection.start().then(() => { console.log('链接成功'); }).catch(function (ex) {
+                        console.log('connectHub 连接失败' + ex);
+                    });
+                    window.clearInterval(this.exportTimer);
+                    this.exportTimer = null;
+
+                    // 判断连接状态
+                    this.exportSignalrConnection.off('connectionSucceeded');
+                    this.exportSignalrConnection.on('connectionSucceeded', (res) => {
+                        if (res) {
+                            this.exportCurves(window.top.exportData);
+                        }
+                    })
+
+                    this.exportSignalrConnection.off('downloadUrl');
+                    this.exportSignalrConnection.on('downloadUrl', res => {
+                        if (res) {
+                            sessionStorage.getDownloadStatus = 'true'
+                            if (this.exportTimes && Number(this.exportTimes) > 7) {
+                                this.$message.warning(this.$t('publics.warnings.readyToExport'));
+                                setTimeout(() => {
+                                    let link = document.createElement('a');
+                                    link.style.display = 'none';
+                                    link.href = res;
+                                    link.target = 'blank'
+                                    document.body.appendChild(link);
+                                    link.click();
+                                    this.haveDataDwonload = false;
+                                    if (this.exportSignalrConnection) {
+
+                                        this.exportSignalrConnection.stop()
+                                    }
+                                    this.exportSignalrConnection = null
+                                    this.getExportCommand = false
+
+                                }, 2000);
+                                this.alreadyExport = true
+                            } else {
+                                let link = document.createElement('a');
+                                link.style.display = 'none';
+                                link.target = 'blank'
+                                link.href = res;
+                                document.body.appendChild(link);
+                                link.click();
+                                this.haveDataDwonload = false
+                                this.alreadyExport = true
+                                if (this.exportSignalrConnection) {
+
+                                    this.exportSignalrConnection.stop()
+                                }
+                                this.exportSignalrConnection = null
+                                this.getExportCommand = false
+                            }
+
+                            if (!existIframe) {
+                                this.exportCurveLoading = false
+                            } else {
+                                if (document.getElementById('jumpIframe')) {
+                                    document.getElementById('jumpIframe').contentWindow.postMessage({ exportYes: true }, '*')
+                                } else {
+                                    let arr = Array.from(document.getElementsByTagName('iframe'));
+                                    arr.forEach(item => {
+                                        item.contentWindow.postMessage({ exportYes: true }, '*')
+                                    })
+                                }
+                            }
+                            window.clearInterval(this.exportTimer);
+                            this.exportTimer = null;
+                            this.exportTimes = 0;
+
+                        }
+                    });
+
+                    this.exportSignalrConnection.off('downloadError');
+                    this.exportSignalrConnection.on('downloadError', res => {
+                        if (res) {
+                            this.$message.warning(res);
+                            sessionStorage.getDownloadStatus = 'error'
+                        }
+                    });
+                }
+                //  else {
+                //     this.$message.warning(this.$t('login.framePro.tips.historyData'))
+                // }
+
+            }
+        },
+        exportCurves (data) {
+            this.$api.exportCurve(data).then(res => {
+                if (res.data.code === 200) {
+                    this.alreadyExport = false
+                    this.haveDataDwonload = true;
+                    if (this.exportTimer) {
+                        window.clearInterval(this.exportTimer);
+                        this.exportTimer = null;
+                    }
+                    this.exportTimer = setInterval(() => {
+                        this.exportTimes = Number(this.exportTimes) + 1;
+                        if (this.exportTimes == 5 && this.$route.path.indexOf('equipListsIot') != -1 && !this.alreadyExport) {
+                            this.$message.warning(this.$t('publics.warnings.processing'));
+                        }
+                    }, 1000);
+
+                } else {
+                    this.$message.error(res.data.message, res)
+                }
+            }).catch(err => {
+                this.$message.error(err.data, err)
+                console.log(err);
+            })
+        }
+    },
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/utils/setStorage.js

@@ -0,0 +1,5 @@
+export const setTheme = (theme) => {
+  localStorage.setItem('theme', theme);
+  sessionStorage.setItem('theme', theme);
+  window.document.documentElement.setAttribute('data-theme', theme)
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/views/Index.vue

@@ -0,0 +1,81 @@
+<template>
+    <el-container id="index" :class="{ onlyContent: onlyContent, isHideMenu: isHideMenu, isHideHead: isHideHead }">
+        <div class="topIndexHeader"></div>
+        <!-- 左侧区域 -->
+        <indexLeftContent :navTopActive="navTopActive" :loading="loading" :allMenus="allMenus" />
+
+        <!-- 右侧区域 -->
+        <indexRightContent v-model="navTopActive" :allMenus="allMenus"
+            v-show="Object.keys(routesToPackageId).length > 0" />
+
+    </el-container>
+</template>
+
+<script>
+import index from "./index.js"
+export default index;
+</script>
+
+<style lang="scss" scoped>
+#index {
+    background-color: var(--frame-main-background) !important;
+
+    .el-icon svg {
+        height: 1em;
+        width: 1em;
+    }
+
+    ::v-deep .el-dialog {
+        .el-dialog__body {
+            padding: 0px 20px;
+        }
+    }
+
+    ::v-deep .el-menu {
+        will-change: transform;
+
+        .el-sub-menu .el-menu-item {
+            height: 44px !important;
+            line-height: 44px !important;
+            transition: background-color 0.2s;
+        }
+    }
+
+    height: 100%;
+
+    // 主内容
+    >.el-container {
+        flex: 1;
+
+        // 面包屑导航
+        .breadcrumb {
+            width: 100%;
+            height: 48px;
+            padding-left: 16px;
+            background-color: var(--frame-main-background-1);
+
+            >div {
+                height: 100%;
+                line-height: 48px;
+                font-size: 14px;
+            }
+
+            ::v-deep .el-breadcrumb {
+
+                .is-link,
+                span {
+                    font-weight: 500;
+                    color: var(--frame-main-color);
+                }
+            }
+        }
+
+        // 页面内容组件
+        .el-main {
+            padding: 0;
+            height: 100%;
+            position: relative;
+        }
+    }
+}
+</style>