@ganwei-web/ganwei-pc-cli 6.2.1 → 6.2.3

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

@@ -0,0 +1,253 @@
+.processDesign {
+    >.processDesign-btn {
+        display: flex;
+        align-items: center;
+        font-size: 12px;
+        user-select: none;
+
+        i {
+            font-size: 28px;
+        }
+
+        >span {
+            color: var(--frame-main-color-2);
+        }
+
+        .el-badge .el-badge__content {
+            background-color: var(--gw-color-danger);
+            color: white;
+        }
+
+        .el-badge__content.is-fixed {
+            top: 3px;
+        }
+
+        .el-badge__content {
+            border-color: #ff0024;
+        }
+    }
+
+}
+
+.processDesign-drawer {
+    box-shadow: 0px 0px;
+
+    .el-drawer__header {
+        border-bottom: 1px solid var(--frame-main-border);
+        margin-bottom: 0;
+
+        .titleClass {
+            font-size: 18px;
+            text-align: left;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 10px 0;
+            color: var(--frame-main-color);
+
+            .titleClassLabel {
+                font-size: 14px !important;
+            }
+
+            label {
+                font-family: PingFangSC, PingFang SC;
+                font-weight: 600;
+                margin-right: 10px;
+                font-size: 18px;
+                color: var(--frame-main-color);
+
+                i {
+                    font-size: 18px;
+                    margin-right: 10px;
+                }
+            }
+
+            a {
+                font-size: 18px;
+                height: 24px;
+                line-height: 24px;
+                text-decoration: none;
+                text-align: center;
+                margin-right: 10px;
+                color: var(--button-primary-color);
+            }
+        }
+    }
+
+
+    .el-drawer__body {
+        overflow: hidden;
+        padding: 0;
+
+        .el-modal-dialog .el-overlay-dialog {
+            overflow: hidden;
+        }
+
+        .processDesign-item {
+            height: calc(100% - 46px);
+            overflow-y: auto;
+            padding: 20px;
+            position: relative;
+
+            li {
+                height: 158px;
+                border-radius: 4px;
+                padding: 14px;
+                background-color: var(--frame-main-background-4);
+                margin-bottom: 10px;
+
+                h4 {
+                    height: 38px;
+                    line-height: 38px;
+                    font-size: 14px;
+                    text-align: left;
+
+                    label {
+                        color: var(--button-primary-color);
+                        font-family: PingFangSC, PingFang SC;
+                        font-weight: 400;
+                        font-size: 14px;
+                    }
+                }
+
+                .bodySection {
+                    height: calc(100% - 68px);
+                    padding-top: 4px;
+
+                    >span {
+                        margin-bottom: 8px;
+
+                        label,
+                        b {
+                            font-size: 14px;
+                            color: var(--frame-main-color);
+                            font-weight: 500;
+                        }
+
+                        label {
+                            display: inline-block;
+                            max-width: 80px;
+                            text-overflow: ellipsis;
+                            padding-right: 10px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                        }
+
+                        display: flex;
+                        text-align: left;
+                        line-height: 20px;
+                        white-space: break-spaces;
+                    }
+                }
+
+                .footer {
+                    display: block;
+                    text-align: right;
+
+                    .el-button {
+                        width: 84px;
+                        height: 30px;
+                        border-radius: 2px;
+                        border: 1px solid var(--button-primary-color) !important;
+                        margin-left: 10px;
+
+                        span {
+                            font-size: 12px;
+                        }
+                    }
+
+                }
+            }
+
+            .loading-more {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                padding: 15px;
+                color: var(--frame-main-color);
+
+                .el-icon {
+                    margin-right: 8px;
+                    font-size: 16px;
+                }
+            }
+
+            .no-more-data {
+                text-align: center;
+                padding: 15px;
+                color: var(--frame-main-color);
+                font-size: 14px;
+            }
+        }
+
+        .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;
+                }
+            }
+        }
+    }
+
+
+    .footer {
+        .el-button {
+            width: 100%;
+            height: 46px;
+            border-radius: 0;
+
+            &.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;
+                }
+            }
+        }
+    }
+
+    .el-dialog {
+        .el-dialog__header {
+            padding: 0;
+        }
+    }
+
+    @keyframes installing {
+        from {
+            width: 0%;
+        }
+
+        50% {
+            opacity: 1;
+        }
+
+        to {
+            width: 100%;
+            opacity: 0.1;
+        }
+    }
+
+
+}

package/ganwei-iotcenter-index-6.2.1/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.1/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.1/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.1/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>