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

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/components/sceneMonitor/index.js

@@ -0,0 +1,145 @@
+// 整合调整：ganwei-pc 改为 ganwei-web
+import { Signalr } from '@ganwei-web/gw-base-components-plus/equipProcessing/dist/index.es.js'
+export default {
+    inject: ['config', 'theme'],
+    data() {
+        return {
+            monitor: null
+        }
+    },
+    mounted() {
+        this.connectMonitor()
+    },
+    methods: {
+
+        connectMonitor() {
+            window.sessionStorage.setItem('PluginRenewalCount', 0);
+
+            new Signalr('/monitor').openConnect().then(res => {
+                window.monitor = this.monitor = res
+
+                this.monitor.invoke('AddUserToGroup').then().catch(er => {
+                    console.log('signalR', er);
+                }).catch(err => console.error(err));
+
+                this.monitor.on('OnOpenWindow', signalrData => {
+                    this.signalrMonitorScene(signalrData)
+                })
+
+                this.monitor.on('ToDoMainCount', signalrData => {
+                    this.$store.commit('processesStatistics', signalrData);
+                })
+
+                // 监听插件待续费数量
+                this.monitor.on('PluginRenewalCount', count => {
+                    window.sessionStorage.setItem('PluginRenewalCount', count);
+                    window.dispatchEvent(new CustomEvent('customEventChange', {
+                        detail: { key: 'PluginRenewalCount', count }
+                    }));
+                })
+
+                // 监听插件到期数量
+                this.monitor.on('PluginExpireCount', count => {
+                    window.dispatchEvent(new CustomEvent('customEventChange', {
+                        detail: { key: 'PluginExpireCount', count }
+                    }));
+                })
+
+                // 监听插件可升级数量
+                this.monitor.on('PluginUpgradeCount', count => {
+                    window.dispatchEvent(new CustomEvent('customEventChange', {
+                        detail: { key: 'PluginUpgradeCount', count }
+                    }));
+                })
+
+                // 监听设备告警信息
+                this.monitor.on('EquipAlarmDialog', signalrData => {
+                    window.dispatchEvent(new CustomEvent('customEventChange', {
+                        detail: { key: 'EquipAlarmDialog', data: signalrData }
+                    }));
+
+                    const iframe = document.querySelector('iframe');
+                    iframe.contentWindow.postMessage({
+                        type: 'AlarmCenterRefresh',
+                        detail: signalrData
+                    }, '*');
+                })
+
+                // 自定义消息体
+                let notificationSlotList = this.config?.notificationSlot || [], _this = this
+                notificationSlotList.forEach(item => {
+                    // 动态创建$store，然后监听信号量
+                    this.$store.registerModule(item.hubName, {
+                        state: {
+                            data: null
+                        },
+                        mutations: {
+                            [item.hubName](state, data) {
+                                state.data = data
+                            }
+                        }
+                    })
+                    if (item.hubName) {
+                        _this.monitor.on(item.hubName, signalrData => {
+                            this.$store.commit(item.hubName, signalrData);
+                        })
+                    }
+                })
+
+                this.monitor.onclose(() => {
+                    this.connectMonitor()
+                })
+            })
+        },
+        signalrMonitorScene(signalrData) {
+            let pageArr = signalrData.replace(/"/g, '').split('%');
+            if (pageArr[0].toUpperCase() === sessionStorage.userName.toUpperCase()) {
+                let changePath = '';
+                let judgeArr = [];
+                if (pageArr[1].includes('clickId')) {
+                    let newQuery = this.getQueryClickId(pageArr[1]);
+                    changePath = newQuery.newHref;
+                    judgeArr = newQuery.newParames;
+                } else {
+                    changePath = pageArr[1];
+                }
+
+                let callback = () => this.$bus.emit('contentFullScreen', false)
+                if (changePath.includes('fullscreen=true')) {
+                    callback = () => this.$bus.emit('contentFullScreen', true)
+                }
+
+                // 当预跳转路径与当前路径相同时不进行二次跳转
+                if (changePath) {
+                    if (changePath.includes('?')) {
+                        changePath = `${changePath}&refreshTab=true`
+                    } else {
+                        changePath = `${changePath}?refreshTab=true`
+                    }
+                    this.$bus.emit('openPage', { changePath, callback })
+                }
+            }
+        },
+        getQueryClickId(variable) {
+            let href = variable;
+            let param = href.indexOf('&') !== -1 ? href.split('&') : href.split('?');
+            let newHref = '';
+            let newParames = [];
+            for (let i = 0; i < param.length; i++) {
+                let pair;
+                if (param[i].indexOf('?') != -1) {
+                    pair = param[i].split('?')[1].split('=');
+                } else {
+                    pair = param[i].split('=');
+                }
+                if (pair[0] == 'clickId') {
+                    window.sessionStorage.setItem('clickId', pair[1]);
+                    continue;
+                }
+                newHref += (i == 0 ? '' : '&') + param[i];
+                newParames.push(param[i]);
+            }
+            return { newHref: newHref, newParames: newParames };
+        },
+    }
+}

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/components/unreadMsg/listItem.vue

@@ -0,0 +1,36 @@
+<template>
+    <div class="message-content-item" @click="contentItemClick(source, index)">
+        <p class="item-top">{{ source.eventMsg }}</p>
+        <div class="item-bottom">
+            <div class="item-label item-left" :class="source.className">
+                <img :src="source.iconRes" alt="">
+                {{ source.snapshotName }}
+            </div>
+            <div class="item-time item-right">
+                {{ source.Time }}
+            </div>
+        </div>
+        <div class="message-content-line"></div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'item-component',
+    props: {
+        index: {
+            type: Number
+        }, // 每一行的索引
+        source: {
+            type: Object,
+            default () {
+                return {};
+            }
+        }, // 每一行的内容
+        contentItemClick: {
+            type: Object,
+            default: () => ({})
+        }
+    }
+};
+</script>
+<style lang="scss" scoped></style>

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/components/unreadMsg/unread.vue

@@ -0,0 +1,265 @@
+<template>
+    <div class="messageIcon">
+        <el-badge :value="totalMessage" class="item" :max="99" @click="toShowDrawer">
+            <img :src="`/static/images/unread-message-${theme.value}.svg`" alt="" />
+        </el-badge>
+        <el-drawer class="message-el-drawer" :wrapperClosable="false" :size="424" v-model="drawer" :before-close="handleClose">
+            <template #header>
+                <span class="titleClass">
+                    <span class="item-left"><img :src="`/static/images/unread-message-${theme.value}.svg`" alt="" />
+                        {{ $t('login.publics.notice') }}
+                        <span class="sound" v-if="showSound" @click="closeSpeak"><i
+                                class="iconfont icon-shengyin1"></i></span>
+                        <span class="sound" v-else @click="openSpeak"><i class="iconfont icon-jingyin"></i></span>
+                    </span>
+                    <span class="item-right" @click="toRouter">{{ $t('login.publics.more') }}</span>
+                </span>
+            </template>
+            <div class="message-content" v-if="drawer">
+                <div v-if="msgList.length" class="list">
+                    <div class="message-content-item" :style="{ background: source.backgroundColor }"
+                        @click="contentItemClick(source, index)" v-for="(source, index) in msgList" :key="index">
+                        <div class="item-top">
+                            <div class="title">
+                                <div class="item-label item-left" :style="{ color: source.color }">
+                                    <img :src="source.iconImage" alt="">
+                                    {{ source.snapshotName }}
+                                </div>
+                            </div>
+                            <p class="item-top-info">{{ source.Time }}</p>
+                            <p class="item-top-info">{{ source.eventMsg }}</p>
+                        </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>
+    </div>
+</template>
+
+<script>
+// 整合调整：ganwei-pc 改为 ganwei-web
+import widthSetting from '@ganwei-web/gw-base-components-plus/widthSetting/dist/index.es.js'
+export default {
+    name: 'unread',
+    components: {
+        // VirtualList,
+        widthSetting
+    },
+    props: {
+        messageList: {
+            type: Array,
+            default: () => []
+        },
+        theme: {
+            type: Object,
+            default: () => ({
+                value: 'dark'
+            })
+        },
+        showSound: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data () {
+        return {
+            // itemComponent: listItem,
+            showDropdown: false,
+            drawer: false,
+            totalMessage: 0,
+            msgList: [],
+            timer: null
+        }
+    },
+
+    watch: {
+        'messageList.length' (val) {
+            this.totalMessage = val
+            // this.msgList = JSON.parse(JSON.stringify(this.messageList))
+        }
+    },
+
+    mounted () {
+        this.msgList = JSON.parse(JSON.stringify(this.messageList));
+        this.timer = setInterval(() => {
+            this.msgList = JSON.parse(JSON.stringify(this.messageList));
+        }, 1000)
+    },
+
+    methods: {
+        toShowDrawer () {
+            this.drawer = true;
+        },
+        contentItemClick (data, index) {
+            window.snapshotData = JSON.parse(JSON.stringify(data))
+            let iframe = document.getElementsByTagName("iframe");
+            for (let item of iframe) {
+                item.contentWindow.postMessage({ haveNewSnapshotData: true })
+            }
+            this.$router.push({ path: '/Index/jumpIframe/ganwei-iotcenter-system-snapshot/systemSnapshot' });
+            this.$emit('updateMsgList', index)
+            this.drawer = false
+        },
+        handleClose () {
+            this.drawer = false
+        },
+        toRouter () {
+            this.drawer = false
+            this.$emit('jump');
+        },
+        closeSpeak () {
+            this.$emit('closeSpeak')
+        },
+        openSpeak () {
+            this.$emit('openSpeak')
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+.messageIcon {
+    position: relative;
+    user-select: none;
+
+    ::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: 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;
+            font-size: 18px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            img {
+                width: 22px;
+                height: 22px;
+                transform: translateY(-1px);
+            }
+        }
+
+        .item-right {
+            font-family: PingFangSC, PingFang SC;
+            margin-right: 10px;
+            font-size: 18px;
+            color: var(--button-primary-color);
+            cursor: pointer;
+        }
+    }
+
+    .el-drawer__body {
+        height: calc(100% - 43px);
+        padding-bottom: 10px;
+    }
+
+    .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);
+            cursor: pointer;
+            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);
+                    img {
+                        width: 14px;
+                        height: 14px;
+                        transform: translateY(2px);
+                    }
+                }
+
+                .item-top-info {
+                    text-align: left;
+                    line-height: 20px;
+                    margin-bottom: 8px;
+                    white-space: pre-wrap;
+                    word-break: break-all;
+                }
+            }
+
+            .item-bottom {
+                padding-bottom: 2px;
+                text-align: left;
+            }
+
+            &:hover {
+                .item-top-info {
+                    color: var(--gw-color-primary) !important;
+                }
+            }
+        }
+    }
+    .noDataTips {
+        position: relative;
+    }
+
+    .noData {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+</style>

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/composables/useAuth.ts

@@ -0,0 +1,269 @@
+/**
+ * 认证管理 Composable
+ * 提供登录、登出、token 管理等功能
+ */
+import { computed, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+/**
+ * 用户信息接口
+ */
+export interface UserInfo {
+  userId?: string | number
+  username?: string
+  realName?: string
+  email?: string
+  phone?: string
+  avatar?: string
+  roles?: string[]
+  permissions?: string[]
+  [key: string]: any
+}
+
+/**
+ * 登录参数接口
+ */
+export interface LoginParams {
+  username: string
+  password: string
+  captcha?: string
+  remember?: boolean
+}
+
+/**
+ * Token 信息接口
+ */
+export interface TokenInfo {
+  accessToken: string
+  refreshToken?: string
+  expiresIn?: number
+}
+
+const TOKEN_KEY = 'access_token'
+const REFRESH_TOKEN_KEY = 'refresh_token'
+const USER_INFO_KEY = 'user_info'
+
+export function useAuth() {
+  const router = useRouter()
+
+  // State
+  const userInfo = ref<UserInfo | null>(null)
+  const token = ref<string>('')
+  const isLoggedIn = computed(() => !!token.value && !!userInfo.value)
+
+  /**
+   * 获取 Token
+   */
+  const getToken = (): string => {
+    if (token.value) return token.value
+    
+    const storedToken = localStorage.getItem(TOKEN_KEY) || sessionStorage.getItem(TOKEN_KEY)
+    if (storedToken) {
+      token.value = storedToken
+    }
+    return token.value
+  }
+
+  /**
+   * 设置 Token
+   */
+  const setToken = (tokenInfo: TokenInfo, remember = false) => {
+    token.value = tokenInfo.accessToken
+    
+    const storage = remember ? localStorage : sessionStorage
+    storage.setItem(TOKEN_KEY, tokenInfo.accessToken)
+    
+    if (tokenInfo.refreshToken) {
+      storage.setItem(REFRESH_TOKEN_KEY, tokenInfo.refreshToken)
+    }
+  }
+
+  /**
+   * 移除 Token
+   */
+  const removeToken = () => {
+    token.value = ''
+    localStorage.removeItem(TOKEN_KEY)
+    localStorage.removeItem(REFRESH_TOKEN_KEY)
+    sessionStorage.removeItem(TOKEN_KEY)
+    sessionStorage.removeItem(REFRESH_TOKEN_KEY)
+  }
+
+  /**
+   * 获取用户信息
+   */
+  const getUserInfo = (): UserInfo | null => {
+    if (userInfo.value) return userInfo.value
+    
+    try {
+      const storedUserInfo = localStorage.getItem(USER_INFO_KEY) || sessionStorage.getItem(USER_INFO_KEY)
+      if (storedUserInfo) {
+        userInfo.value = JSON.parse(storedUserInfo)
+      }
+    } catch (error) {
+      console.error('解析用户信息失败:', error)
+    }
+    
+    return userInfo.value
+  }
+
+  /**
+   * 设置用户信息
+   */
+  const setUserInfo = (info: UserInfo, remember = false) => {
+    userInfo.value = info
+    
+    const storage = remember ? localStorage : sessionStorage
+    storage.setItem(USER_INFO_KEY, JSON.stringify(info))
+  }
+
+  /**
+   * 移除用户信息
+   */
+  const removeUserInfo = () => {
+    userInfo.value = null
+    localStorage.removeItem(USER_INFO_KEY)
+    sessionStorage.removeItem(USER_INFO_KEY)
+  }
+
+  /**
+   * 登录
+   */
+  const login = async (params: LoginParams, api: any): Promise<boolean> => {
+    try {
+      const response = await api.login(params)
+      const { code, data, message } = response?.data || {}
+      
+      if (code === 200 && data) {
+        // 保存 Token
+        const tokenInfo: TokenInfo = {
+          accessToken: data.token || data.accessToken,
+          refreshToken: data.refreshToken,
+          expiresIn: data.expiresIn,
+        }
+        setToken(tokenInfo, params.remember || false)
+        
+        // 保存用户信息
+        if (data.userInfo) {
+          setUserInfo(data.userInfo, params.remember || false)
+        }
+        
+        return true
+      } 
+        console.error('登录失败:', message)
+        return false
+      
+    } catch (error) {
+      console.error('登录异常:', error)
+      return false
+    }
+  }
+
+  /**
+   * 登出
+   */
+  const logout = async (api?: any, redirectToLogin = true) => {
+    try {
+      // 调用登出 API（可选）
+      if (api?.logout) {
+        await api.logout()
+      }
+    } catch (error) {
+      console.error('登出 API 调用失败:', error)
+    } finally {
+      // 清除本地数据
+      removeToken()
+      removeUserInfo()
+      
+      // 跳转到登录页
+      if (redirectToLogin) {
+        router.push('/login')
+      }
+    }
+  }
+
+  /**
+   * 刷新 Token
+   */
+  const refreshToken = async (api: any): Promise<boolean> => {
+    try {
+      const oldRefreshToken = localStorage.getItem(REFRESH_TOKEN_KEY) || sessionStorage.getItem(REFRESH_TOKEN_KEY)
+      
+      if (!oldRefreshToken) {
+        return false
+      }
+      
+      const response = await api.refreshToken({ refreshToken: oldRefreshToken })
+      const { code, data } = response?.data || {}
+      
+      if (code === 200 && data) {
+        const tokenInfo: TokenInfo = {
+          accessToken: data.token || data.accessToken,
+          refreshToken: data.refreshToken,
+          expiresIn: data.expiresIn,
+        }
+        
+        const remember = !!localStorage.getItem(TOKEN_KEY)
+        setToken(tokenInfo, remember)
+        
+        return true
+      }
+      
+      return false
+    } catch (error) {
+      console.error('刷新 Token 失败:', error)
+      return false
+    }
+  }
+
+  /**
+   * 检查是否有权限
+   */
+  const hasPermission = (permission: string | string[]): boolean => {
+    const user = getUserInfo()
+    if (!user || !user.permissions) return false
+    
+    const permissions = Array.isArray(permission) ? permission : [permission]
+    return permissions.some(p => user.permissions?.includes(p))
+  }
+
+  /**
+   * 检查是否有角色
+   */
+  const hasRole = (role: string | string[]): boolean => {
+    const user = getUserInfo()
+    if (!user || !user.roles) return false
+    
+    const roles = Array.isArray(role) ? role : [role]
+    return roles.some(r => user.roles?.includes(r))
+  }
+
+  /**
+   * 初始化认证状态
+   */
+  const initAuth = () => {
+    getToken()
+    getUserInfo()
+  }
+
+  return {
+    // State
+    userInfo,
+    token,
+    isLoggedIn,
+    
+    // Methods
+    getToken,
+    setToken,
+    removeToken,
+    getUserInfo,
+    setUserInfo,
+    removeUserInfo,
+    login,
+    logout,
+    refreshToken,
+    hasPermission,
+    hasRole,
+    initAuth,
+  }
+}