@ganwei-web/ganwei-pc-cli 6.2.0

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

@@ -0,0 +1,61 @@
+<template>
+    <div class="processDesign" v-if="totalMessage > 0">
+        <div @click="openElDrawer()" class="processDesign-btn">
+            <el-badge :value="totalMessage" class="item">
+                <i class="iconfont iconfont icon-gw-icon-menu-liuchengzhongxin"></i>
+            </el-badge>
+        </div>
+        <el-drawer v-model="drawer" :size="424" class="processDesign-drawer" append-to-body>
+            <template #header>
+                <span class="titleClass">
+                    <label @click="processDesignPlugin()"
+                        :class="$tt('待审批清单') && $tt('待审批清单').length > 8 ? 'titleClassLabel' : ''"><i
+                            class="iconfont icon-gw-icon-license-management"></i>{{
+                                $tt('待审批清单') }}({{ totalMessage
+                        }})</label>
+                    <a href="javascript:;" @click="handleProcessed">{{ $tt('已办事宜') }}</a>
+                </span>
+            </template>
+            <ul class="processDesign-item" ref="scrollContainer" @scroll="handleScroll" loading>
+                <loading v-if="processDesignList && processDesignList.length == 0" />
+
+                <li v-for="item in processDesignList" :key="item.pluginId" @click="showApprovalDetail(item)">
+                    <h4>
+                        <label>{{ item.name }}</label>
+                    </h4>
+                    <p class="bodySection">
+                        <span><label>{{ $tt('发送人') }}:</label> <b>{{ item.exman }}</b></span>
+                        <span><label>{{ $tt('时间') }}:</label> <b>{{ item.crtim }}</b></span>
+                    </p>
+                    <span class="footer">
+                        <el-button type="primary" plain @click.stop="rejectApproval(item)"
+                            :class="{ 'is-loading': item.id == rejectLoading }">{{ $tt('驳回') }}</el-button>
+                        <el-button type="primary" @click.stop="agreeApproval(item)"
+                            :class="{ 'is-loading': item.id == agreeLoading }">{{ $tt('同意') }}</el-button>
+                    </span>
+                </li>
+                <div v-if="loadingMore" class="loading-more">
+                    <el-icon>
+                        <loading />
+                    </el-icon>
+                </div>
+                <div v-if="noMoreData" class="no-more-data">
+                    <span>{{ $tt('没有更多数据了') }}</span>
+                </div>
+            </ul>
+            <span class="footer">
+                <el-button type="primary" @click="batchFlowAudit" :class="{ 'is-loading': allAgreeLoading }">{{
+                    $tt('全部通过') }}({{
+                        totalMessage
+                    }})</el-button>
+            </span>
+            <!-- 审批详情弹窗组件 -->
+            <approval-dialog v-model:visible="approvalDialogVisible" :item="currentItem"
+                :btnLoading="processDesignBtnLoading" @close="closeApprovalDialog" @approve="processDesignPlugin"
+                @reject="processDesignPlugin" v-if="approvalDialogVisible" :btcControl="true">
+            </approval-dialog>
+        </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/renewMessages/RenewDialog.vue

@@ -0,0 +1,97 @@
+<template>
+    <el-dialog v-model="dialogBaseProcess" width="1000" top="5vh" class="base-dialog-process-details" :close-on-click-modal="false">
+        <iframe :src="dialogBaseProcessUrl" v-if="dialogBaseProcess" frameborder="0" class="dialogRenew"></iframe>
+        <!-- <div v-else></div> -->
+    </el-dialog>
+</template>
+<script>
+export default {
+    name: 'ApprovalDialog',
+    data() {
+        return {
+            dialogBaseProcess: true,
+            dialogBaseProcessUrl: '/ganwei-iotcenter-lowcodeformflow//#/processDetails'
+        }
+    },
+    props: {
+        visible: {  // 弹窗控制
+            type: Boolean,
+            default: false
+        },
+        btnLoading: {
+            type: Boolean,
+            default: false
+        },
+        item: {  // 当前操作行数据
+            type: Object,
+            default: () => ({})
+        },
+        state: {
+            type: Number,
+            default: 10
+        },
+        btcControl: {
+            type: Boolean,
+            default: false
+        }
+    },
+    inject: ['close', 'approve', 'reject', 'initData'],
+    // emits: ['update:visible', 'close', 'approve', 'reject'],
+    mounted() {
+        window.processDetails = {
+            "pluginId": this.item.pluginId,
+            "pluginName": this.item.pluginName,
+            "packageId": this.item.packageId
+        }
+        console.log(window.processDetails)
+        console.log(this.$hostMap('ganwei-iotcenter-modules-applicationstore'))
+        this.dialogBaseProcessUrl = this.$hostMap('ganwei-iotcenter-modules-applicationstore') + '/#/pluginOrderDialog'
+        window.addEventListener('message', this.closeRenewDialog);
+    },
+    methods: {
+        closeRenewDialog(event) {
+            if (event.data.type === 'closeRenewDialog') {
+                this.dialogBaseProcess = false;
+                this.$emit('update:visible', false);
+            }
+        }
+    },
+    beforeUnmount() {
+        window.removeEventListener('message', this.closeRenewDialog);
+    }
+}
+</script>
+<style lang="scss">
+.dialogRenew {
+    position: absolute;
+    /* left: 0; */
+    right: 0;
+    top: 0;
+    /* bottom: 0; */
+    width: 100vw;
+    height: 100vh;
+}
+.base-dialog-process-details {
+    width: 100%;
+    height: 100%;
+    background: transparent;
+
+    .el-dialog__header {
+        display: none;
+    }
+
+    .el-dialog__body {
+        height: 100% !important;
+        overflow: hidden !important;
+    }
+
+    iframe {
+        width: 800px;
+        height: 660px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+    }
+}
+</style>

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

@@ -0,0 +1,95 @@
+// import gwSignalr from '@ganwei-pc/gw-base-components-plus/equipProcessing/gwSignalr.js'
+import Speaktts from '@ganwei-web/gw-base-utils-plus/speaktts/dist/index.es.js'
+
+import renew from '@/components/indexRightContent/headerRight/renewMessages/renew.vue'
+export default {
+    mixins: [Speaktts],
+    components: {
+        renew
+    },
+    inject: ['config', 'theme'],
+    data() {
+        return {
+            messageList: [],
+            showSound: false,
+            eventType: {},
+            isFirst: true,
+            speakttsRange: '',
+
+            interval: null,
+            pluginRenewalCount: 0
+        }
+    },
+    watch: {
+        config: {
+            handler(val) {
+                if (val) {
+                    this.speakttsRange = val.speaktts
+                }
+            },
+            immediate: true
+        }
+    },
+    created() {
+        this.showSound = sessionStorage.showSound || false
+    },
+    mounted() {
+        // 初始化值
+        this.pluginRenewalCount = sessionStorage.pluginRenewalCount || this.pluginRenewalCount;
+        this.getRenewList();
+
+        // 监听storage变化事件
+        window.addEventListener('storage', this.handleStorageChange);
+
+        // 自定义事件监听（用于同页面内的变化）
+        window.addEventListener('customStorageChange', this.handleCustomStorageChange);
+    },
+    beforeUnmount() {
+        // 移除事件监听
+        window.removeEventListener('storage', this.handleStorageChange);
+        window.removeEventListener('customStorageChange', this.handleCustomStorageChange);
+    },
+    methods: {
+        handleStorageChange(event) {
+            if (event.key === 'pluginRenewalCount') {
+                this.pluginRenewalCount = event.newValue || 0;
+            }
+        },
+        handleCustomStorageChange(event) {
+            if (event.detail.key === 'pluginRenewalCount') {
+                this.pluginRenewalCount = event.detail.count;
+            }
+        },
+        getRenewList() {
+            this.$api.getAllPluginRenewal().then(res => {
+                if (res.data.code == 200) {
+                    this.messageList = res.data.data || [];
+                }
+            }).catch(err => {
+                console.log('获取续费插件列表失败', err);
+            });
+        },
+        renewPlugin(index) {
+            console.log('续费插件', index)
+        },
+        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-modules-applicationstore/plugin' })
+        },
+
+    }
+}

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

@@ -0,0 +1,8 @@
+<template>
+    <renew :messageList="messageList" @renewPlugin="renewPlugin" @jump="toRouter" :pluginRenewalCount="pluginRenewalCount"
+        @openSpeak="openSpeak" :theme="theme" @closeSpeak="closeSpeak">
+    </renew>
+</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/renewMessages/renew.vue

@@ -0,0 +1,271 @@
+<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 class="item-right">
+                                    <!-- <el-tag type="warning">待处理</el-tag> -->
+                                </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)">{{ $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;
+        },
+        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.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;
+
+        .el-badge__content.is-fixed {
+            top: 4px;
+            right: 13px;
+        }
+
+        .el-badge__content {
+            background-color: #ff0024;
+            border-color: #ff0024;
+        }
+
+        img {
+            width: 31px;
+            height: 31px;
+        }
+    }
+}
+
+::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;
+            padding: 10px 0;
+            color: var(--frame-main-color);
+            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: 24px;
+                height: 24px;
+                margin-right: 10px;
+            }
+        }
+    }
+
+    .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.0/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.0/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.0/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>