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

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

@@ -0,0 +1,147 @@
+// 整合调整：ganwei-pc 改为 ganwei-web
+import {Signalr} from '@ganwei-web/gw-base-components-plus/equipProcessing/dist/index.es.js'
+import Speaktts from '@ganwei-web/gw-base-utils-plus/speaktts/dist/index.es.js'
+
+import unread from '@/components/unreadMsg/unread.vue'
+export default {
+    mixins: [Speaktts],
+    components: {
+        unread
+    },
+    inject: ['config', 'theme'],
+    data () {
+        return {
+            messageList: [],
+            showSound: false,
+            eventType: {},
+            isFirst: true,
+            speakttsRange: '',
+
+        }
+    },
+    watch: {
+        config: {
+            handler (val) {
+                if (val) {
+                    this.speakttsRange = val.speaktts
+                }
+            },
+            immediate: true
+        }
+    },
+    created () {
+        this.showSound = sessionStorage.showSound || false
+    },
+    mounted () {
+        this.getRealTimeEventTypeConfig()
+    },
+    methods: {
+        getRealTimeEventTypeConfig () {
+            this.Axios({
+                method: "Get",
+                url: '/static/json/snapshot.json'
+            }).then(res => {
+                this.eventType = res.data
+                this.getRealTimeDataInfo()
+            }).catch(err => {
+                console.log(err)
+                this.eventType = {}
+            })
+        },
+        updateMsgList (index) {
+            this.messageList.splice(index, 1)
+        },
+        getRealTimeDataInfo () {
+            // eslint-disable-next-line new-cap
+            this.snapshotSignlar = new Signalr('/realTimeChange')
+            this.snapshotSignlar.openConnect().then(signalr => {
+                signalr.off('realTimeChange')
+                signalr.on('realTimeChange', res => {
+                    if (res && res.isSuccess && this.$route.path.indexOf('/systemSnapshot') == -1) {
+                        let item = res.data
+                        let eventType = this.getEventType(item.level)
+                        item.snapshotName = eventType[localStorage.languageType]
+                        item.typeSz = eventType[localStorage.languageType]
+                        item.iconImage = eventType.icon
+                        item.Time = this.$moment(item.Time).format('YYYY-MM-DD HH:mm:ss')
+                        item.color = eventType.color
+                        item.backgroundColor = eventType.backgroundColor
+
+                        // 是否在语音播报列表中
+                        if (this.inSpeakttsArray(item.level)) {
+                            if (this.showSound) {
+                                if (this.isFirst) {
+                                    this.openSpeak()
+                                    this.speechPlay('即将进行语音播报', false)
+                                    this.isFirst = false
+                                }
+                                this.speechPlay(item.eventMsg.split('---')[0], false)
+                            } else {
+                                this.closeSpeak()
+                            }
+                        }
+                        this.messageList.unshift(item)
+                        let messageLength = this.messageList.length
+                        if (messageLength > 100) {
+                            this.messageList.splice(100, 10)
+                        }
+                    }
+                })
+                signalr.onclose(() => {
+                    this.getRealTimeDataInfo()
+                    this.$api.getSafeLevelByGateway().then(rt => { console.log(rt) })
+                })
+            }).catch(e => {
+                this.$api.getSafeLevelByGateway().then(rt => { console.log(rt) })
+            })
+        },
+        getEventType (level) {
+            let keys = Object.keys(this.eventType)
+            let key = keys[0]
+            keys.forEach(item => {
+                let arr = item.split('-');
+                if (Number(level) >= Number(arr[0]) && Number(level) <= Number(arr[1])) {
+                    key = item
+                }
+            })
+            let obj = {}
+            obj = this.eventType[key]
+            return obj
+        },
+        inSpeakttsArray (level) {
+            let key = ''
+            if (this.speakttsRange) {
+                this.speakttsRange.forEach(item => {
+                    let arr = item.split('-');
+                    if (Number(level) >= Number(arr[0]) && Number(level) <= Number(arr[1])) {
+                        key = item
+                    }
+                })
+            }
+            if (key) {
+                return true
+            }
+            return false
+        },
+
+        closeSpeak () {
+            this.speech.init({ volume: 0, rate: 1.5 }).then(() => {
+                console.log("success");
+            })
+            this.showSound = false
+            sessionStorage.showSound = false
+        },
+        openSpeak () {
+            this.speech.init({ volume: 1, rate: 1.5 }).then(() => {
+                console.log("success");
+            })
+            this.showSound = true
+            sessionStorage.showSound = true
+        },
+
+        toRouter () {
+            this.$router.push({ path: '/Index/jumpIframe/ganwei-iotcenter-system-snapshot/systemSnapshot' })
+        },
+
+    }
+}

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

@@ -0,0 +1,8 @@
+<template>
+    <unread :messageList="messageList" @updateMsgList="updateMsgList" @jump="toRouter" :showSound="showSound"
+        @openSpeak="openSpeak" :theme="theme" @closeSpeak="closeSpeak">
+    </unread>
+</template>
+
+<script src="./index.js"></script>
+<style src="./index.scss"></style>

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

@@ -0,0 +1,108 @@
+import { mapState } from 'vuex';
+export default {
+    data() {
+        return {
+            drawer: false,
+            upgradeList: [],
+            upgradeLoading: false,
+            upgradeBtnLoading: '',
+            upgradeShowStatus: false,
+            pluginUpgradeCount: 0
+        }
+    },
+    computed: {
+        ...mapState({
+            roleInfo: state => state.roleInfo, // 将 state.roleInfo 映射为组件的计算属性 roleInfo
+        })
+    },
+    watch: {
+        roleInfo: {
+            handler(newVal) {
+                this.upgradeShowStatus = newVal
+            },
+            immediate: true
+        }
+    },
+    mounted() {
+        // 自定义事件监听（用于同页面内的变化）
+        window.addEventListener('customEventChange', this.handleCustomStorageChange);
+    },
+    beforeUnmount() {
+        window.removeEventListener('customEventChange', this.handleCustomStorageChange);
+    },
+    methods: {
+        handleCustomStorageChange(event) {
+            if (event.detail.key === 'PluginUpgradeCount') {
+                this.pluginUpgradeCount = event.detail.count;
+            }
+        },
+        init() {
+            let data = {
+                "whereCause": "",
+                "pageIndex": 1,
+                "pageSize": 9999,
+                "searchType": 6,
+                "searchPluginType": 0,
+                "isPublic": true
+            }
+            this.$api.getUpgradePluginList(data).then(rt => {
+                if (rt?.data?.code == 200) {
+                    this.upgradeList = rt?.data?.data?.releaseEntityResponse || []
+                }
+            })
+                .catch(e => {
+                    console.log(e)
+                }).finally((r) => {
+                    console.log(r)
+                })
+        },
+        upgradePlugin(dt) {
+            let data;
+            if (!dt) {
+                this.upgradeLoading = true
+                data = this.dataHandle();
+            } else {
+                this.upgradeBtnLoading = dt?.id
+                data = [{
+                    "pluginId": dt?.id,
+                    "pluginVersionId": dt?.lastAssest?.id
+                }]
+            }
+            this.$api.upgradePlugin(data).then(rt => {
+                if (rt?.data?.code == 200) {
+                    this.$message.success(rt?.data?.data)
+                } else {
+                    this.$message.warning(rt?.data?.message)
+                }
+
+            })
+                .catch(e => {
+                    console.log(e)
+                }).finally((r) => {
+                    this.upgradeBtnLoading = ''
+                    this.upgradeLoading = false
+                    this.init()
+                    console.log(r)
+                })
+        },
+        dataHandle() {
+            let arry = [], data = this.upgradeList
+            if (Array.isArray(data) && data.length > 0) {
+                data.forEach(item => {
+                    arry.push({
+                        pluginId: item?.id,
+                        pluginVersionId: item?.lastAssest?.id
+                    })
+                })
+            }
+            return arry
+        },
+        openElDrawer() {
+            this.drawer = true
+            this.init()
+        },
+        formatName(name) {
+            return name.slice(0, 1);
+        }
+    }
+}

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

@@ -0,0 +1,147 @@
+.upgradeBox {
+    >.upgradeBox-btn {
+        display: flex;
+        height: 28px;
+        align-items: center;
+        font-size: 12px;
+        padding: 0px 8px;
+        background-color: var(--frame-top-upgrade-background);
+        user-select: none;
+
+        >span {
+            color: var(--frame-main-color-2);
+        }
+    }
+
+}
+
+.upgradeBox-drawer {
+    .titleClass {
+        font-size: 18px;
+        text-align: left;
+
+        >span {
+            margin-right: 15px;
+        }
+
+        .el-button {
+            width: 100px;
+            height: 32px;
+            line-height: 32px;
+        }
+    }
+
+    .upgradeBox-item {
+        height: 100%;
+        overflow-y: auto;
+
+        li {
+            border-radius: 4px;
+            padding: 0 16px 16px 16px;
+            background-color: var(--frame-main-background-4);
+            margin-bottom: 10px;
+
+            h4 {
+                font-size: 14px;
+                padding: 12px 0;
+                text-align: left;
+
+                span {
+                    font-size: 12px;
+                    color: #fff;
+                    display: inline-block;
+                    width: 20px;
+                    height: 20px;
+                    background: var(--button-primary-background);
+                    border-radius: 4px;
+                    line-height: 20px;
+                    text-align: center;
+                }
+
+                label {
+                    color: var(--button-primary-background);
+                    margin-left: 5px;
+                    font-family: PingFangSC, PingFang SC;
+                    font-weight: 400;
+                    font-size: 14px;
+                }
+            }
+
+            p {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+
+                .el-button {
+                    width: 55px;
+                    height: 18px;
+                    line-height: 18px;
+                    border-radius: 14px;
+                    font-size: 12px;
+                    span{font-size: 12px;}
+                }
+
+                >span {
+                    color: var(--frame-main-color);
+                    font-size: 14px;
+                    text-align: left;
+                    line-height: 18px;
+                    width: calc(100% - 75px);
+                    white-space: break-spaces;
+                }
+
+                a {
+                    color: #fff;
+                    font-size: 12px;
+                    display: inline-block;
+                    width: 55px;
+                    height: 18px;
+                    line-height: 18px;
+                    background: var(--button-primary-background);
+                    border-radius: 14px;
+                    text-decoration: none;
+                    text-align: center;
+                }
+            }
+        }
+    }
+
+    .el-button {
+        padding: 0;
+        text-align: center;
+        margin-left: 0;
+        margin-right: 4px;
+        overflow: hidden;
+        border: unset !important;
+        position: relative;
+
+        &.is-loading {
+            cursor: pointer;
+
+            &::before {
+                background: linear-gradient(270deg, var(--gw-color-primary5) 0%, var(--gw-color-primary4) 3%, var(--gw-color-primary) 100%);
+                box-shadow: 0px 6px 10px 0px rgba(38, 105, 236, 0.18);
+                animation: installing 1s ease-in-out infinite;
+            }
+
+            .el-icon-loading {
+                display: none;
+            }
+        }
+    }
+
+    @keyframes installing {
+        from {
+            width: 0%;
+        }
+
+        50% {
+            opacity: 1;
+        }
+
+        to {
+            width: 100%;
+            opacity: 0.1;
+        }
+    }
+}

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

@@ -0,0 +1,33 @@
+<template>
+    <div class="upgradeBox" v-if="upgradeShowStatus && pluginUpgradeCount > 0">
+        <div @click="openElDrawer()" class="upgradeBox-btn">
+            <img style="width: 28px;" :src="`/static/images/index-upgrade.svg`" />
+            <span>{{ $t('login.tips.upgrade') }}</span>
+        </div>
+        <el-drawer v-model="drawer" :size="424" class="upgradeBox-drawer" append-to-body>
+            <template #header>
+                <label class="titleClass">
+                    <span>{{ $t('login.tips.pluginUpgrade') }}</span>
+                    <el-button type="primary" @click="upgradePlugin()" :class="{ 'is-loading': upgradeLoading }">{{
+                        $t('login.tips.onetouchUpgrade') }}</el-button>
+                </label>
+            </template>
+            <ul class="upgradeBox-item">
+                <li v-for="item in upgradeList" :key="item.pluginId">
+                    <h4>
+                        <span>{{ formatName(item.product) }}</span>
+                        <label>{{ item.product }}[{{ item.packageVersion }}]</label>
+                    </h4>
+                    <p>
+                        <span>{{ item.memo }}</span>
+                        <el-button v-if="!upgradeLoading" type="primary" @click="upgradePlugin(item)"
+                            :class="{ 'is-loading': item.id == upgradeBtnLoading }">{{ $t('login.tips.upgrade')
+                            }}</el-button>
+                    </p>
+                </li>
+            </ul>
+        </el-drawer>
+    </div>
+</template>
+<script src="./index.js"></script>
+<style src="./index.scss"></style>

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

@@ -0,0 +1,78 @@
+export default {
+    data () {
+        return {
+            key: 0,
+            observer: null,
+        }
+    },
+    watch: {
+        passwordPolicy () {
+            this.disObserveDOM()
+            if (this.passwordPolicy == 1) {
+                setTimeout(() => {
+                    this.observeDOM()
+                }, 500)
+            }
+        }
+    },
+    beforeDestroy () {
+        this.disObserveDOM()
+    },
+    methods: {
+        observeDOM () {
+            const id = '#index .el-overlay.editPassword'
+            const targetElement = document.querySelector(id);
+            this.observer = new MutationObserver((mutations) => {
+                mutations.forEach(mutation => {
+                    // 被删除
+                    if (Array.from(mutation.removedNodes).findIndex(i => i.contains(targetElement)) > -1) {
+                        this.reRender()
+                    }
+                    // 被隐藏
+                    if (mutation.target === targetElement && !this.isVisible(targetElement)) {
+                        this.reRender()
+                    }
+                });
+            })
+            this.observer.observe(document.getElementById('index'), { childList: true, subtree: true, attributes: true }); // 开始观察目标元素
+        },
+        disObserveDOM () {
+            if (this.observer) {
+                this.observer.disconnect()
+                this.observer = null
+            }
+        },
+        reRender () {
+            this.disObserveDOM()
+            this.key = new Date().getTime()
+            setTimeout(() => {
+                this.observeDOM()
+            }, 500)
+        },
+        isVisible (elem) {
+            if (!(elem instanceof Element)) throw Error('DomUtil: elem is not an element.');
+            const style = getComputedStyle(elem);
+            if (style.display === 'none') return false;
+            if (style.visibility !== 'visible') return false;
+            if (style.opacity < 0.1) return false;
+            if (elem.offsetWidth + elem.offsetHeight + elem.getBoundingClientRect().height +
+                elem.getBoundingClientRect().width === 0) {
+                return false;
+            }
+            const elemCenter = {
+                x: elem.getBoundingClientRect().left + elem.offsetWidth / 2,
+                y: elem.getBoundingClientRect().top + elem.offsetHeight / 2
+            };
+            if (elemCenter.x < 0) return false;
+            if (elemCenter.x > (document.documentElement.clientWidth || window.innerWidth)) return false;
+            if (elemCenter.y < 0) return false;
+            if (elemCenter.y > (document.documentElement.clientHeight || window.innerHeight)) return false;
+            let pointContainer = document.elementFromPoint(elemCenter.x, elemCenter.y);
+            while (pointContainer && pointContainer !== document.body) {
+                if (pointContainer === elem) return true;
+                pointContainer = pointContainer.parentNode;
+            }
+            return false;
+        }
+    }
+}