@ganwei-web/ganwei-pc-cli 6.2.0

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

@@ -0,0 +1,70 @@
+/*
+ * @Description:
+ * @LastEditTime: 2024-09-30 18:19:44
+ */
+export default {
+    inject: ['config', 'theme'],
+    data() {
+        return {
+            dialogVisible: false,
+            selectedTheme: sessionStorage.getItem('theme'),
+            historyTheme: '',
+            saveLoading: false,
+            themeList: []
+        }
+    },
+    mounted() {
+        let currentList = this?.config?.theme?.supportThemes
+        this.themeList = currentList.filter(item => {
+            return item.enable != false
+        })
+    },
+    methods: {
+        changeTheme(theme){
+            this.checkStyle(theme)
+        },
+        checkStyle(theme) {
+            sessionStorage.setItem('theme', theme)
+            this.myUtils.changeStyle()
+            this.$bus.emit('themeChange')
+            this.selectedTheme = theme
+            // this.sendAiTheme()
+        },
+        showDialog () {
+            this.historyTheme = sessionStorage.getItem('theme')
+            this.dialogVisible = true
+        },
+        closeDialog () {
+            this.dialogVisible = false
+            if(this.historyTheme != '') { this.checkStyle(this.historyTheme) }
+        },
+        saveTheme () {
+            let data = {
+                "ContentDic": {"userTheme": this.selectedTheme}
+            }
+            this.$api.saveTheme(data).then(res => {
+                const { code, message } = res?.data || {}
+                if (code == 200) {
+                    sessionStorage.setItem('theme', this.selectedTheme)
+                    localStorage.setItem('theme', this.selectedTheme)
+                } else {
+                    this.checkStyle(this.historyTheme)
+                }
+            }).catch(e=>{
+                this.checkStyle(this.historyTheme)
+                console.log(e)
+            }).finally(er=>{
+                this.historyTheme = ''
+                this.dialogVisible = false
+            })
+        },
+        sendAiTheme () {
+            // 向AI发送通知 start
+            let iframes = document.getElementsByTagName("iframe");
+            for (let i = 0; i < iframes.length; i++) {
+                if(iframes[i]?.src?.indexOf("ai") != -1) { iframes?.contentWindow?.postMessage({ theme: sessionStorage.theme }, "https://ai.ganweicloud.com/"); }
+            }
+            // 向AI发送通知 end
+        }
+    }
+}

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

@@ -0,0 +1,94 @@
+
+
+.el-radio-group {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    align-items: center;
+}
+
+.el-dropdown-menu p.actived::after{
+    left: 11px !important;
+    border-color: var(--gw-color-Neutrals2);
+}
+
+.selectedTheme{
+    background-color: var(--dialog-background);
+    .themeContainer {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 16px;
+        .themeOptionCard{
+            margin-bottom: 16px;
+            justify-content: center;
+            align-items: center;
+            display: flex;
+            width: 180px;
+            height: 185px;
+            border-radius: 12px;
+            background-color: var(--radio-inner-background);
+            position: relative;
+            overflow: hidden;
+            border: 1px solid var(--dialog-border);
+            cursor: pointer;
+            .optionBox{
+                text-align: center;
+            }
+            .optionBox>i{
+                display: inline-block;
+                width: 30px;
+                height: 30px;
+                border: 1px solid var(--frame-main-color);
+            }
+            .optionBox>p{
+                margin-top: 23px;
+            }
+            >span{
+                display: inline-block;
+                width: 40px;
+                height: 40px;
+                position: absolute;
+                right: -10px;
+                top: -10px;
+                transform: skew(30deg, 10deg);
+                border-radius: 50%;
+            }
+
+            >label{
+                position: absolute;
+                right: 5px;
+                top: 0px;
+                font-size: 20px;
+                display: none;
+            }
+
+        }
+        .is-active{
+            border: 1px solid var(--radio-inner-border__checked);
+            >span{
+                background-color: var(--radio-inner-border__checked);
+            }
+            >label{
+                display: block;
+                color: white;
+            }
+        }
+        .noPadding{
+            margin-right: 0;
+        }
+    }
+
+    ::v-deep .safetyLevel {
+        .el-dialog__header {
+            display: none !important;
+        }
+        .el-dialog__body {
+            height: 224px;
+            padding-top: 0;
+            padding-bottom: 0;
+        }
+    }
+
+}
+

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

@@ -0,0 +1,35 @@
+<template>
+    <div>
+        <div class="themeImage" style="margin-right: 0px">
+            <img :src="theme.skin" alt="" @click="showDialog"/>
+        </div>
+        <el-dialog :title="$t('login.framePro.theme.themeTitle')" v-model="dialogVisible" center :close-on-click-modal="false"
+         width="auto" class="selectedTheme" top="0vh" append-to="#index" @close="closeDialog">
+            <div class="themeContainer">
+                <div class="themeOptionCard" v-for="(item, index) in themeList" :key="index"
+                    :class="{ 'is-active': item.value == selectedTheme, 'noPadding': (index + 1) % 3 == 0 }"  @click="changeTheme(item.value)">
+                    <div class="optionBox" >
+                        <i :style="{background: item.color}"></i>
+                        <p>{{  $t('login.framePro.theme.supportThemes.' + item.value) }}</p>
+                    </div>
+                    <span></span>
+                    <label>
+                        ✔
+                    </label>
+                </div>
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" plain @click.stop.prevent="closeDialog">{{
+            $t('login.publics.button.cancel') }}</el-button>
+                    <el-button type="primary" :loading="saveLoading" @click.stop.prevent="saveTheme()">{{
+            $t('login.publics.button.confirm') }}
+                    </el-button>
+                </span>
+            </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script src="./index.js"></script>
+<style src="./index.scss"></style>

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

@@ -0,0 +1,146 @@
+import {Signalr as gwSignalr} 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 gwSignalr('/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.0/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.0/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/upgrade/index.js

@@ -0,0 +1,81 @@
+
+export default {
+    data () {
+        return {
+            drawer: false,
+            upgradeList: [],
+            upgradeLoading: false,
+            upgradeBtnLoading: ''
+        }
+    },
+    methods: { 
+        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.0/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.0/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/upgrade/index.vue

@@ -0,0 +1,30 @@
+<template>
+    <div class="upgradeBox">
+        <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.0/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;
+        }
+    }
+}