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

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/equipAlarmDialog/index.vue

@@ -0,0 +1,203 @@
+<template>
+    <div></div>
+</template>
+<script>
+import { ElNotification } from 'element-plus'
+
+export default {
+    data() {
+        return {
+            alarmInfo: {
+                Id: 0,
+                Message: 0,
+                Position: 0,
+                AlarmStyle: 0,
+                AlarmTime: 0
+            },
+            // 队列相关数据
+            alarmQueue: [], // 存储待显示的通知队列
+            isProcessing: false, // 是否正在显示通知
+            notificationInterval: 1000, // 通知显示间隔（ms）
+            queueTimer: null, // 队列处理定时器
+            // 可选：用于去重
+            shownIds: new Set(),
+            maxShownIds: 100, // 避免内存泄漏，限制最大存储数量
+            activeNotifications: new Map(), // 存储当前活动的通知
+            maxActiveNotifications: 3, // 最多同时显示的通知数量
+            notificationOrder: [], // 按顺序存储通知ID，用于FIFO管理
+        }
+    },
+    mounted() {
+        // 自定义事件监听（用于同页面内的变化）
+        window.addEventListener('customEventChange', this.handleCustomStorageChange);
+    },
+    beforeUnmount() {
+        // 移除事件监听
+        window.removeEventListener('customEventChange', this.handleCustomStorageChange);
+        // 清理队列和通知
+        this.clearAllNotifications();
+    },
+    methods: {
+        handleCustomStorageChange(event) {
+            if (event.detail.key === 'EquipAlarmDialog') {
+                if (!event.detail.data) {
+                    return;
+                }
+                const alarmData = JSON.parse(event.detail.data);
+                this.addToQueue(alarmData);
+            }
+        },
+
+        // 添加通知到队列
+        addToQueue(alarmData) {
+            // 可选：根据Id去重
+            // if (alarmData.Id && this.shownIds.has(alarmData.Id)) {
+            //     return; // 已显示过，跳过
+            // }
+
+            // 添加到队列
+            this.alarmQueue.push(alarmData);
+
+            // 如果队列长度过大，移除最旧的通知（可选）
+            if (this.alarmQueue.length > 50) {
+                this.alarmQueue.shift();
+            }
+
+            // 启动处理队列（如果还没启动）
+            if (!this.isProcessing) {
+                this.startQueueProcessing();
+            }
+        },
+
+        // 启动队列处理
+        startQueueProcessing() {
+            this.isProcessing = true;
+
+            // 立即处理第一个通知
+            this.processNextNotification();
+
+            // 设置定时器，每this.notificationInterval处理一个通知
+            this.queueTimer = setInterval(() => {
+                this.processNextNotification();
+            }, this.notificationInterval);
+        },
+
+        // 处理下一个通知
+        processNextNotification() {
+            // 如果队列为空，停止处理
+            if (this.alarmQueue.length === 0) {
+                this.stopQueueProcessing();
+                return;
+            }
+
+            // 取出队列中的第一个通知
+            const alarmData = this.alarmQueue.shift();
+
+            // 记录已显示的Id（可选）
+            if (alarmData.Id) {
+                this.shownIds.add(alarmData.Id);
+                // 清理过期的记录，避免内存泄漏
+                if (this.shownIds.size > this.maxShownIds) {
+                    const iterator = this.shownIds.values();
+                    this.shownIds.delete(iterator.next().value);
+                }
+            }
+
+            // 显示通知
+            this.showNotification(alarmData);
+        },
+
+        // 显示通知
+        showNotification(alarmData) {
+            // 检查是否达到最大通知数量
+            if (this.notificationOrder.length >= this.maxActiveNotifications) {
+                // 移除最早的通知（第一个）
+                this.removeOldestNotification();
+            }
+
+            // 生成唯一ID用于跟踪
+            const notificationId = Date.now() + Math.random().toString(36).substr(2, 9);
+
+            // 显示新通知
+            const notification = ElNotification({
+                title: alarmData.AlarmTime ? alarmData.AlarmTime.replace('T', ' ') : '',
+                message: alarmData.Message,
+                position: alarmData.Position,
+                type: alarmData.AlarmStyle,
+                customClass: 'equip-alarm-notification',
+                duration: 3000, // 设置显示时长，比如3秒
+                onClose: () => {
+                    // 从活动通知中移除
+                    this.activeNotifications.delete(notificationId);
+                    // 从顺序列表中移除
+                    const index = this.notificationOrder.indexOf(notificationId);
+                    if (index > -1) {
+                        this.notificationOrder.splice(index, 1);
+                    }
+                }
+            });
+
+            // 保存到活动通知中
+            this.activeNotifications.set(notificationId, {
+                instance: notification,
+                data: alarmData,
+                timestamp: Date.now()
+            });
+
+            // 添加到顺序列表
+            this.notificationOrder.push(notificationId);
+        },
+
+        // 移除最早的通知
+        removeOldestNotification() {
+            if (this.notificationOrder.length === 0) return;
+
+            // 获取最早的通知ID
+            const oldestNotificationId = this.notificationOrder[0];
+
+            // 从Map中获取通知实例并关闭
+            const oldestNotification = this.activeNotifications.get(oldestNotificationId);
+            if (oldestNotification) {
+                oldestNotification.instance.close();
+            }
+
+            // 从Map中移除
+            this.activeNotifications.delete(oldestNotificationId);
+
+            // 从顺序列表中移除
+            this.notificationOrder.shift();
+        },
+
+        // 停止队列处理
+        stopQueueProcessing() {
+            this.isProcessing = false;
+            if (this.queueTimer) {
+                clearInterval(this.queueTimer);
+                this.queueTimer = null;
+            }
+        },
+
+        // 清理所有通知
+        clearAllNotifications() {
+            // 停止队列处理
+            this.stopQueueProcessing();
+
+            // 清空队列
+            this.alarmQueue = [];
+
+            // 关闭所有活动的通知
+            for (const notification of this.activeNotifications.values()) {
+                notification.instance.close();
+            }
+            this.activeNotifications.clear();
+
+            // 清空顺序列表
+            this.notificationOrder = [];
+
+            // 清空已显示的ID记录
+            this.shownIds.clear();
+        }
+    }
+}
+</script>
+<style lang="scss" scoped></style>

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/expirationReminder/index.vue

@@ -0,0 +1,108 @@
+<template>
+    <el-dialog :title="$t('login.应用到期提醒')" class="systemInformation_main" v-model="dialogVisible" :before-close="closeDialog" width="690" top="6vh" center append-to="#index">
+        <el-table :data="expirepluginList" height="400" border >
+            <template v-slot:empty>
+                <div class="noDataTips"></div>
+            </template>
+            <el-table-column prop="pluginName" :label="$t('login.应用名称')" min-width="120px"></el-table-column>
+            <el-table-column prop="endTime" :label="$t('login.到期时间')" min-width="120px"></el-table-column>
+            <el-table-column prop="isExpired" :label="$t('login.状态')" min-width="120px">
+                <template #default="scope">
+                    <el-tag :type="getState(scope.row.isExpired, 'type')">{{ $t(getState(scope.row.isExpired, 'label')) }}</el-tag>
+                </template>
+            </el-table-column>
+        </el-table>
+        <template v-slot:footer>
+            <span class="dialog-footer">
+                <el-button type="primary" plain @click="restartIoT">{{$t('login.framePro.title.RestartPlatform')}}</el-button>
+                <el-button type="primary" @click="toRenew">{{$t('login.续费')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            dialogVisible: false,
+            expirepluginList: [],
+            stateList: [{
+                value: true,
+                label: 'login.即将到期',
+                type: 'warning'
+            }, {
+                value: false,
+                label: 'login.已到期',
+                type: 'error'
+            }]
+        }
+    },
+    mounted () {
+        // 自定义事件监听（用于同页面内的变化）
+        window.addEventListener('customEventChange', this.handleCustomStorageChange);
+    },
+    beforeUnmount() {
+        window.removeEventListener('customEventChange', this.handleCustomStorageChange);
+    },
+    computed: {
+    },
+    methods: {
+        handleCustomStorageChange(event) {
+            if (event.detail.key === 'PluginExpireCount') {
+                if (event.detail.count > 0) {
+                    this.getAllPluginExpire()
+                }
+            }
+        },
+        getAllPluginExpire() {
+            this.$api.getAllPluginExpire().then(res => {
+                const { data, code, message } = res.data;
+                if (code == 200) {
+                    this.expirepluginList = data;
+                    if (this.expirepluginList.length > 0) {
+                        this.dialogVisible = true;
+                    }
+                } else {
+                    this.$message.warning(message)
+                }
+            })
+        },
+        restartIoT() {
+            this.dialogVisible = false;
+            try {
+                this.$parent.$refs.userInfo.showRestartPlatform = true;
+            } catch (error) {
+                console.log(error);
+            }
+        },
+        toRenew() {
+            try {
+                this.$parent.$refs.renewMessages.$refs.renew.drawer = true;
+            } catch (error) {
+                console.log(error);
+            }
+            this.dialogVisible = false;
+        },
+        getState(value, key) {
+            let result = this.stateList.find(item => item.value === value);
+            return result ? result[key] : '';
+        },
+        closeDialog () {
+            this.expirepluginList = [];
+            this.dialogVisible = false;
+            // this.$emit('closeDialog')
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.el-overlay,
+.el-overlay-dialog {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+:deep(td.el-table__cell) {
+    border-bottom: 1px solid var(--frame-main-border) !important;
+}
+</style>

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/fullScreen/index.js

@@ -0,0 +1,50 @@
+
+export default {
+    inject: ['config', 'theme'],
+    data () {
+        return {
+            n: 0,
+        }
+    },
+    mounted () {
+        let that = this
+        document.addEventListener("webkitfullscreenchange", function(e) {
+            if (!e.currentTarget.webkitIsFullScreen) {
+                that.signOutFullCreen()
+            }
+          });
+    },
+    methods: {
+        setFullCreen(){
+            this.n = 1
+            this.inFullCreeen(document.documentElement)
+        },
+        signOutFullCreen(){
+            this.n = 2
+            this.outFullCreeen(document)
+        },
+
+        inFullCreeen (element) {
+            let el = element
+            let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen
+            if (typeof rfs != 'undefined' && rfs) {
+                rfs.call(el)
+            } else if (typeof window.ActiveXObject != 'undefined') {
+                // eslint-disable-next-line
+                let wscript = new ActiveXObject('WScript.Shell')
+                wscript.SendKeys('{F11}')
+            }
+        },
+        outFullCreeen (element) {
+            let el = element
+            let cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen
+            if (typeof cfs != 'undefined' && cfs) {
+                cfs.call(el)
+            } else if (typeof window.ActiveXObject != 'undefined') {
+                // eslint-disable-next-line
+                let wscript = new ActiveXObject('WScript.Shell')
+                wscript.SendKeys('{F11}')
+            }
+        }
+    }
+}

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/fullScreen/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <el-tooltip popper-class="topToolTip" :content="$t('login.framePro.tips.fullScreen')" placement="bottom">
+            <img v-if="n % 2 == 0" :src="theme.fullScreen" alt="" @click.stop.prevent="setFullCreen()" />
+            <img v-else :src="theme.outFullScreeen" @click.stop.prevent="signOutFullCreen()" alt="" />
+        </el-tooltip>
+    </div>
+</template>
+
+<script src="./index.js"></script>

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/index.js

@@ -0,0 +1,32 @@
+import isDebug from '@/components/isDebug/isDebug.vue'
+import appPreview from './appPreview/index.vue'
+import contentFullScreen from './contentFullScreen/index.vue'
+import equipAlarmDialog from './equipAlarmDialog/index.vue'
+import expirationReminder from './expirationReminder/index.vue'
+import fullScreen from './fullScreen/index.vue'
+import processDesign from './processDesign/index.vue'
+import renewMessages from './renewMessages/index.vue'
+import saveMode from './saveMode/index.vue'
+import switchTheme from './switchTheme/index.vue'
+import unReadMessages from './unReadMessages/index.vue'
+import upgrade from './upgrade/index.vue'
+import userInfo from './userInfo/index.vue'
+
+export default {
+    components: {
+        saveMode,
+        fullScreen,
+        contentFullScreen,
+        unReadMessages,
+        switchTheme,
+        userInfo,
+        equipAlarmDialog,
+        isDebug,
+        appPreview,
+        upgrade,
+        processDesign,
+        renewMessages,
+        expirationReminder
+    },
+    inject: ['config', 'theme'],
+}

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/index.scss

@@ -0,0 +1,137 @@
+
+.indexHeader {
+    height: 64px;
+    line-height: 64px;
+    text-align: center;
+    background-color: var(--frame-top-background);
+    white-space: nowrap;
+    position: relative;
+    padding-left: 16px;
+    padding-right: 16px;
+    z-index: 2;
+    .el-menu--horizontal {
+        display: flex;
+        height: 100%;
+        border-bottom: 0px;
+
+        >div {
+            display: flex;
+            align-items: center;
+            height: 100%;
+        }
+    }
+
+    .aside-header {
+        margin-left: -24px;
+        width: 220px;
+        height: 60px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+
+        .aside-header-box {
+            display: flex;
+            justify-content: center;
+            white-space: nowrap;
+            height: 100%;
+
+            a {
+                display: flex;
+                align-items: center;
+            }
+
+            .min-img {
+                width: 100%;
+            }
+        }
+    }
+
+    &>a {
+        display: none;
+    }
+
+    .header-right {
+        display: flex;
+        align-items: center;
+        float: right;
+        position: absolute;
+        right: 16px;
+        top: 0;
+        height: 100%;
+        color: var(--frame-main-color);
+
+        >div:last-child {
+            padding-right: 0px !important;
+        }
+
+        >div {
+            line-height: 1;
+            cursor: pointer;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            padding: 0 12px;
+        }
+
+        ::v-deep .el-avatar {
+            width: 28px;
+            height: 28px;
+            line-height: 28px;
+            vertical-align: middle;
+            background-color: transparent;
+            border-radius: 0px;
+            // margin: 0 18px;
+        }
+
+        span {
+            vertical-align: middle;
+            cursor: pointer;
+        }
+
+        .username {
+            padding-right: 10px;
+            font-size: 14px;
+        }
+
+        .iconxiajiantou {
+            margin-right: 18px;
+            font-size: 20px;
+        }
+
+        .icon-xialasanjiao {
+            font-size: 12px;
+            margin-left: 3px;
+            color: var(--dropdown-menu-color);
+        }
+
+    }
+
+    ::v-deep .el-dialog {
+        .el-form {
+            padding: 0 16px;
+
+            .el-form-item {
+                margin-top: 8px;
+                margin-bottom: 8px;
+            }
+        }
+
+        .el-dialog__body {
+            .el-input__inner {
+                height: 34px;
+                line-height: 34px;
+                border-radius: 2px;
+            }
+
+            .el-form-item__label {
+                padding-right: 24px;
+            }
+
+            .el-form-item__error {
+                top: 90%;
+                left: 90px;
+            }
+        }
+    }
+}

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/index.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="header-right">
+        <equipAlarmDialog />
+        <expirationReminder />
+        <saveMode v-if="config?.showTopBtn?.safeTips || config?.showTopBtn?.safeTips === undefined" />
+        <upgrade v-if="config?.showTopBtn?.update || config?.showTopBtn?.update === undefined" />
+        <app-preview v-if="config?.showTopBtn?.appPreview || config?.showTopBtn?.appPreview === undefined" />
+        <fullScreen v-if="config?.showTopBtn?.fullScreen || config?.showTopBtn?.fullScreen === undefined" />
+        <contentFullScreen
+            v-if="config?.showTopBtn?.contentFullScreen || config?.showTopBtn?.contentFullScreen === undefined" />
+        <unReadMessages v-if="config?.showTopBtn?.notify || config?.showTopBtn?.notify === undefined" />
+        <processDesign v-if="config?.showTopBtn?.processDesign || config?.showTopBtn?.processDesign === undefined" />
+        <renewMessages ref="renewMessages"
+            v-if="config?.showTopBtn?.notify || config?.showTopBtn?.notify === undefined" />
+        <switchTheme v-if="config?.showTopBtn?.themes || config?.showTopBtn?.themes === undefined" />
+        <!-- config?.showSwitchTheme -->
+        <userInfo ref="userInfo" v-if="config?.showTopBtn?.user || config?.showTopBtn?.user === undefined" />
+        <!-- <isDebug /> -->
+    </div>
+</template>
+
+<script src="./index.js"></script>
+<style src="./index.scss" scoped></style>