@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/renewMessages/renew.vue

@@ -0,0 +1,278 @@
+<template>
+    <div class="messageIcon" v-show="pluginRenewalCount > 0">
+        <el-badge :value="pluginRenewalCount" class="item" @click="toShowDrawer">
+            <img :src="`/static/images/renew-message-${theme.value}.svg`" alt="" />
+        </el-badge>
+        <el-drawer class="message-el-drawer" custom-id="message-el-drawer" :size="424" v-model="drawer">
+            <template #header>
+                <span class="titleClass">
+                    <span class="item-left">
+                        <img :src="`/static/images/unread-message-${theme.value}.svg`" alt="" />
+                        <span>{{ $t('login.待续费应用') }}({{ msgList.length }})</span>
+                    </span>
+                </span>
+            </template>
+            <div class="message-content" v-if="drawer">
+                <div v-if="msgList.length" class="list">
+                    <div class="message-content-item" v-for="(source, index) in msgList" :key="index">
+                        <div class="item-top">
+                            <div class="title">
+                                <div class="item-left">
+                                    {{ source.pluginName }}
+                                </div>
+                            </div>
+                            <p class="item-top-info"><span class="label">{{ $t('login.应用标识') }}</span>{{ source.packageId }}</p>
+                            <p class="item-top-info"><span class="label">{{ $t('login.到期时间') }}</span>{{ source.endTime }}</p>
+                        </div>
+                        <div class="item-bottom">
+                            <div><span class="label">{{ $t('login.剩余使用时长') }}</span>{{ calculateRemainingDays(source.endTime) }}{{ $t('login.天') }}</div>
+                            <el-button type="primary" @click="showApprovalDetail(source, index)">{{ source.orderType === 1 ? $t('login.续费') : $t('login.购买') }}</el-button>
+                        </div>
+                    </div>
+                </div>
+                <div class="noDataTips" v-else :data-noData="$t('login.publics.noData')">
+                </div>
+            </div>
+            <widthSetting leftSide="message-el-drawer" side="left" :minWidth="400" />
+        </el-drawer>
+        <renew-dialog v-model:visible="approvalDialogVisible" :item="currentItem" v-if="approvalDialogVisible" :btcControl="true">
+        </renew-dialog>
+    </div>
+    <div v-show="pluginRenewalCount == 0"></div>
+</template>
+
+<script>
+import RenewDialog from './RenewDialog.vue';
+export default {
+    name: 'unread',
+    components: {
+        RenewDialog  // 引入审批对话框组件
+    },
+    props: {
+        messageList: {
+            type: Array,
+            default: () => []
+        },
+        theme: {
+            type: Object,
+            default: () => ({
+                value: 'dark'
+            })
+        },
+        pluginRenewalCount: {
+            type: Number,
+            default: 0
+        },
+    },
+    data () {
+        return {
+            approvalDialogVisible: false,
+            currentItem: {},
+            // itemComponent: listItem,
+            showDropdown: false,
+            drawer: false,
+            msgList: [],
+            timer: null
+        }
+    },
+
+    mounted () {
+        this.msgList = JSON.parse(JSON.stringify(this.messageList));
+        this.timer = setInterval(() => {
+            this.msgList = JSON.parse(JSON.stringify(this.messageList));
+        }, 1000)
+    },
+
+    methods: {
+        // 新增方法：计算剩余天数
+        calculateRemainingDays(endTime) {
+            if (!endTime) return 0;
+
+            try {
+                const endDate = new Date(endTime);
+                const currentDate = new Date();
+
+                // 计算时间差（毫秒）
+                const timeDiff = endDate.getTime() - currentDate.getTime();
+
+                // 转换为天数，向上取整确保至少显示1天
+                const daysDiff = Math.ceil(timeDiff / (1000 * 60 * 60 * 24));
+
+                // 如果已经过期，显示0天
+                return daysDiff > 0 ? daysDiff : 0;
+            } catch (error) {
+                console.error('计算剩余天数出错:', error);
+                return 0;
+            }
+        },
+        toShowDrawer () {
+            this.drawer = true;
+            this.myUtils.changeStyle()
+            this.$bus.emit('themeChange')
+        },
+        contentItemClick (data, index) {
+            this.$router.push({ path: '/Index/jumpIframe/ganwei-iotcenter-modules-applicationstore/plugin' });
+            setTimeout(() => {
+                let iframe = document.getElementsByTagName("iframe");
+                for (let item of iframe) {
+                    item.contentWindow.postMessage({ renewPlugin: true, params: JSON.parse(JSON.stringify(data)) })
+                }
+            }, 600)
+            this.$emit('renewPlugin', index);
+            this.drawer = false;
+        },
+        showApprovalDetail(item) {
+            this.$nextTick(() => {
+                this.myUtils.changeStyle()
+                this.$bus.emit('themeChange')
+            })
+            this.approvalDialogVisible = true;
+            this.currentItem = item;
+        },
+        toRouter () {
+            this.drawer = false
+            this.$emit('jump');
+        },
+        closeSpeak () {
+            this.$emit('closeSpeak')
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+.messageIcon {
+    // position: relative;
+    user-select: none;
+    padding: 0 12px;
+
+    ::v-deep .el-badge {
+        line-height: 1;
+        cursor: pointer;
+        transform: translateY(-2px);
+
+        .el-badge__content.is-fixed {
+            top: 4px;
+            right: 13px;
+        }
+
+        .el-badge__content {
+            background-color: #ff0024;
+            border-color: #ff0024;
+        }
+
+        img {
+            width: 28px;
+            height: 28px;
+            display: block;
+        }
+    }
+}
+
+::v-deep .message-el-drawer {
+    white-space: normal !important;
+    overflow: visible !important;
+    cursor: default;
+
+    .el-drawer__header {
+        border-bottom: 1px solid var(--frame-main-border);
+        margin-bottom: 0;
+        .titleClass {
+            font-size: 18px;
+            line-height: 24px;
+            color: var(--frame-main-color);
+            padding: 10px 0;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .item-left {
+            font-family: PingFangSC, PingFang SC;
+            font-weight: 600;
+            margin-right: 10px;
+            font-size: 18px;
+            display: flex;
+            align-items: center;
+            img {
+                width: 22px;
+                height: 22px;
+                margin-right: 10px;
+                transform: translateY(-1px);
+            }
+        }
+    }
+
+    .el-drawer__body {
+        height: calc(100% - 43px);
+        padding-bottom: 20px;
+    }
+
+    .message-content {
+        height: 100%;
+
+        .list {
+            height: 100%;
+            overflow: auto;
+            font-size: 14px;
+        }
+
+        .message-content-item {
+            width: 100%;
+            margin-bottom: 10px;
+            color: var(--frame-main-color);
+            background-color: var(--frame-main-background-4);
+            border-radius: 4px;
+            padding: 14px;
+
+            .item-top {
+                padding-bottom: 2px;
+                .title {
+                    line-height: 38px;
+                    margin-bottom: 4px;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                }
+                .item-left {
+                    color: var(--button-primary-color);
+                }
+                .item-top-info {
+                    text-align: left;
+                    line-height: 20px;
+                    margin-bottom: 8px;
+                    white-space: pre-wrap;
+                    word-break: break-all;
+                }
+            }
+
+            .item-bottom {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+
+                .el-button {
+                    width: 84px;
+                    height: 30px;
+                    margin-right: 4px;
+                    border-radius: 2px;
+                    border: 1px solid var(--button-primary-color) !important;
+                    span {
+                        font-size: 12px;
+                    }
+                }
+            }
+        }
+        .noDataTips {
+            position: relative;
+        }
+    }
+
+    .noData {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+</style>

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

@@ -0,0 +1,45 @@
+export default {
+    data() {
+        return {
+            safeTipsText: 'login.tips.safeLevel.unSafeMode',
+            safeTipsTime: 5000,
+            safeMode: 1,
+            hasGetData: false
+        }
+    },
+    inject: ['config', 'theme'],
+    mounted() {
+        this.setSafeMode();
+        window.onmessage = (e) => {
+            if (e.data?.updateSafeMode) {
+                this.setSafeMode()
+            }
+        }
+    },
+    methods: {
+        setSafeMode() {
+            this.$api
+                .getSafeLevelByGateway()
+                .then(rt => {
+                    if (rt?.data?.code == 200) {
+                        this.safeMode = rt?.data?.data || ''
+                        if (this.safeMode == 2) {
+                            this.safeTipsText = 'login.tips.safeLevel.safeMode'
+                        } else if (this.safeMode == 1) {
+                            this.safeTipsText = 'login.tips.safeLevel.unSafeMode'
+                        }
+                        if (this.safeMode == 2) {
+                            setTimeout(() => {
+                                this.safeTipsText = ''
+                            }, this.safeTipsTime)
+                        }
+                    }
+                })
+                .catch(e => {
+                    console.log(e)
+                }).finally(() => {
+                    this.hasGetData = true
+                })
+        }
+    }
+}

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

@@ -0,0 +1,36 @@
+.safeModeBox{
+    >div{
+        display: flex;
+        height: 28px;
+        align-items: center;
+        font-size: 14px;
+        // padding: 0px 8px;
+        .safeMode {
+            font-size: 14px;
+            color: #878A91;
+            line-height: 24px;
+            pointer-events: none;
+            .safeMode1 {
+                margin-left: 5px;
+                color: #F22433;
+            }
+        
+            .safeMode2 {
+                margin-right: 5px;
+                color: #00DB1C;
+            }
+        
+            .safeMode3 {
+                margin-left: 5px;
+                color: #78262E;
+            }
+        }
+    }
+    .safeModeContainer1{
+        padding: 0px 8px;
+        background-color: var(--frame-top-alarm-background);
+    }
+    .safeModeContainer2{
+        // background-color: var(--frame-top-normal-background);
+    }
+}

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

@@ -0,0 +1,22 @@
+<template>
+    <div class="safeModeBox" v-if="hasGetData">
+        <div :class="'safeModeContainer'+safeMode">
+            <span class="safeMode" v-if="safeTipsText && safeMode == 2"><label :class="'safeMode' + safeMode">{{
+                $t(safeTipsText) }}</label>
+            </span>
+            <el-tooltip popper-class="topToolTip" :content="$t('login.framePro.tips.runMode')" placement="bottom">
+                <div>
+                    <img style="width: 28px;" v-if="safeMode == 2" :src="`/static/images/index-normalIcon-${theme.value || 'dark'}.svg`" alt=""
+                        @click.stop.prevent="setSafeMode()" />
+                    <img style="width: 20px;" v-if="safeMode == 1" :src="`/static/images/index-alarmIcon-${theme.value || 'dark'}.svg`" alt=""
+                        @click.stop.prevent="setSafeMode()" />
+                </div>
+            </el-tooltip>
+            <span class="safeMode" v-if="safeTipsText && safeMode == 1"><label :class="'safeMode' + safeMode">{{
+                $t(safeTipsText) }}</label>
+            </span>
+        </div>
+    </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/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.2/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.2/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>