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

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

@@ -0,0 +1,68 @@
+/**
+ * 对话框管理 Composable
+ * 提供对话框状态管理、打开、关闭等功能
+ */
+import { reactive, ref } from 'vue'
+
+/**
+ * 对话框状态接口
+ */
+interface DialogState {
+  [key: string]: boolean
+}
+
+export function useDialog() {
+  // 对话框状态集合
+  const dialogStates = reactive<DialogState>({})
+
+  /**
+   * 打开对话框
+   * @param dialogName 对话框名称
+   */
+  const openDialog = (dialogName: string) => {
+    dialogStates[dialogName] = true
+  }
+
+  /**
+   * 关闭对话框
+   * @param dialogName 对话框名称
+   */
+  const closeDialog = (dialogName: string) => {
+    dialogStates[dialogName] = false
+  }
+
+  /**
+   * 切换对话框状态
+   * @param dialogName 对话框名称
+   */
+  const toggleDialog = (dialogName: string) => {
+    dialogStates[dialogName] = !dialogStates[dialogName]
+  }
+
+  /**
+   * 关闭所有对话框
+   */
+  const closeAllDialogs = () => {
+    Object.keys(dialogStates).forEach(key => {
+      dialogStates[key] = false
+    })
+  }
+
+  /**
+   * 获取对话框状态
+   * @param dialogName 对话框名称
+   * @returns 对话框是否打开
+   */
+  const isDialogOpen = (dialogName: string): boolean => {
+    return dialogStates[dialogName] || false
+  }
+
+  return {
+    dialogStates,
+    openDialog,
+    closeDialog,
+    toggleDialog,
+    closeAllDialogs,
+    isDialogOpen,
+  }
+}

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

@@ -0,0 +1,100 @@
+/**
+ * 全屏管理 Composable
+ * 提供进入/退出全屏功能，支持跨浏览器兼容
+ */
+import { ref } from 'vue'
+
+export function useFullscreen() {
+  const isFullscreen = ref(false)
+
+  /**
+   * 进入全屏模式
+   * @param element 要全屏的元素，默认为 document.documentElement
+   */
+  const enterFullscreen = (element: HTMLElement = document.documentElement) => {
+    const requestMethod =
+      element.requestFullscreen ||
+      (element as any).webkitRequestFullScreen ||
+      (element as any).mozRequestFullScreen ||
+      (element as any).msRequestFullscreen
+
+    if (requestMethod) {
+      requestMethod.call(element)
+      isFullscreen.value = true
+    } else if (typeof (window as any).ActiveXObject !== 'undefined') {
+      // IE 旧版本兼容
+      try {
+        const wscript = new (window as any).ActiveXObject('WScript.Shell')
+        wscript.SendKeys('{F11}')
+        isFullscreen.value = true
+      } catch (error) {
+        console.error('Failed to enter fullscreen:', error)
+      }
+    }
+  }
+
+  /**
+   * 退出全屏模式
+   */
+  const exitFullscreen = () => {
+    const exitMethod =
+      document.exitFullscreen ||
+      (document as any).webkitExitFullscreen ||
+      (document as any).webkitCancelFullScreen ||
+      (document as any).mozCancelFullScreen ||
+      (document as any).msExitFullscreen
+
+    if (exitMethod) {
+      exitMethod.call(document)
+      isFullscreen.value = false
+    } else if (typeof (window as any).ActiveXObject !== 'undefined') {
+      // IE 旧版本兼容
+      try {
+        const wscript = new (window as any).ActiveXObject('WScript.Shell')
+        wscript.SendKeys('{F11}')
+        isFullscreen.value = false
+      } catch (error) {
+        console.error('Failed to exit fullscreen:', error)
+      }
+    }
+  }
+
+  /**
+   * 切换全屏状态
+   */
+  const toggleFullscreen = () => {
+    if (isFullscreen.value) {
+      exitFullscreen()
+    } else {
+      enterFullscreen()
+    }
+  }
+
+  /**
+   * 检查当前是否处于全屏状态
+   */
+  const checkFullscreenStatus = (): boolean => {
+    return !!(
+      document.fullscreenElement ||
+      (document as any).webkitFullscreenElement ||
+      (document as any).mozFullScreenElement ||
+      (document as any).msFullscreenElement
+    )
+  }
+
+  /**
+   * 全屏变化事件处理
+   */
+  const onFullscreenChange = () => {
+    isFullscreen.value = checkFullscreenStatus()
+  }
+
+  return {
+    isFullscreen,
+    enterFullscreen,
+    exitFullscreen,
+    toggleFullscreen,
+    onFullscreenChange,
+    checkFullscreenStatus,
+  }
+}

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

@@ -0,0 +1,230 @@
+/**
+ * 权限管理 Composable
+ * 提供权限检查、按钮权限、菜单权限等功能
+ */
+import { computed } from 'vue'
+
+import { useAuth } from './useAuth'
+
+/**
+ * 权限类型
+ */
+export type PermissionType = string | string[]
+
+/**
+ * 权限检查模式
+ * - 'some': 满足任一权限即可
+ * - 'every': 必须满足所有权限
+ */
+export type PermissionMode = 'some' | 'every'
+
+export function usePermission() {
+  const { getUserInfo } = useAuth()
+
+  /**
+   * 当前用户权限列表
+   */
+  const permissions = computed(() => {
+    const userInfo = getUserInfo()
+    return userInfo?.permissions || []
+  })
+
+  /**
+   * 当前用户角色列表
+   */
+  const roles = computed(() => {
+    const userInfo = getUserInfo()
+    return userInfo?.roles || []
+  })
+
+  /**
+   * 是否为超级管理员
+   */
+  const isSuperAdmin = computed(() => {
+    return roles.value.includes('admin') || roles.value.includes('super_admin')
+  })
+
+  /**
+   * 检查是否有权限
+   * @param permission 权限码或权限码数组
+   * @param mode 检查模式：'some' 或 'every'
+   * @returns 是否有权限
+   */
+  const hasPermission = (
+    permission: PermissionType,
+    mode: PermissionMode = 'some'
+  ): boolean => {
+    // 超级管理员拥有所有权限
+    if (isSuperAdmin.value) return true
+
+    // 如果没有权限列表，则无权限
+    if (!permissions.value || permissions.value.length === 0) return false
+
+    // 处理单个权限
+    if (typeof permission === 'string') {
+      return permissions.value.includes(permission)
+    }
+
+    // 处理权限数组
+    if (Array.isArray(permission)) {
+      if (permission.length === 0) return true
+
+      if (mode === 'every') {
+        return permission.every(p => permissions.value.includes(p))
+      } 
+        return permission.some(p => permissions.value.includes(p))
+      
+    }
+
+    return false
+  }
+
+  /**
+   * 检查是否有角色
+   * @param role 角色或角色数组
+   * @param mode 检查模式：'some' 或 'every'
+   * @returns 是否有角色
+   */
+  const hasRole = (
+    role: PermissionType,
+    mode: PermissionMode = 'some'
+  ): boolean => {
+    // 超级管理员拥有所有角色
+    if (isSuperAdmin.value) return true
+
+    // 如果没有角色列表，则无角色
+    if (!roles.value || roles.value.length === 0) return false
+
+    // 处理单个角色
+    if (typeof role === 'string') {
+      return roles.value.includes(role)
+    }
+
+    // 处理角色数组
+    if (Array.isArray(role)) {
+      if (role.length === 0) return true
+
+      if (mode === 'every') {
+        return role.every(r => roles.value.includes(r))
+      } 
+        return role.some(r => roles.value.includes(r))
+      
+    }
+
+    return false
+  }
+
+  /**
+   * 检查是否有权限或角色（满足其一即可）
+   * @param permission 权限码
+   * @param role 角色
+   * @returns 是否有权限或角色
+   */
+  const hasPermissionOrRole = (
+    permission: PermissionType,
+    role: PermissionType
+  ): boolean => {
+    return hasPermission(permission) || hasRole(role)
+  }
+
+  /**
+   * 检查是否同时有权限和角色
+   * @param permission 权限码
+   * @param role 角色
+   * @returns 是否同时有权限和角色
+   */
+  const hasPermissionAndRole = (
+    permission: PermissionType,
+    role: PermissionType
+  ): boolean => {
+    return hasPermission(permission) && hasRole(role)
+  }
+
+  /**
+   * 检查菜单权限
+   * @param menuPermission 菜单权限配置
+   * @returns 是否有菜单权限
+   */
+  const hasMenuPermission = (menuPermission: {
+    permissions?: PermissionType
+    roles?: PermissionType
+    mode?: 'or' | 'and'
+  }): boolean => {
+    const { permissions: perms, roles: rs, mode = 'or' } = menuPermission
+
+    // 如果没有配置权限和角色，默认有权限
+    if (!perms && !rs) return true
+
+    // 如果是 'and' 模式，需要同时满足权限和角色
+    if (mode === 'and') {
+      const hasPerms = perms ? hasPermission(perms) : true
+      const hasRs = rs ? hasRole(rs) : true
+      return hasPerms && hasRs
+    }
+
+    // 如果是 'or' 模式，满足权限或角色之一即可
+    const hasPerms = perms ? hasPermission(perms) : false
+    const hasRs = rs ? hasRole(rs) : false
+    return hasPerms || hasRs
+  }
+
+  /**
+   * 检查按钮权限
+   * @param buttonPermission 按钮权限码
+   * @returns 是否有按钮权限
+   */
+  const hasButtonPermission = (buttonPermission: PermissionType): boolean => {
+    return hasPermission(buttonPermission)
+  }
+
+  /**
+   * 权限过滤：从列表中过滤出有权限的项
+   * @param list 待过滤的列表
+   * @param getPermission 获取权限的函数
+   * @returns 过滤后的列表
+   */
+  const filterByPermission = <T>(
+    list: T[],
+    getPermission: (item: T) => PermissionType | undefined
+  ): T[] => {
+    return list.filter(item => {
+      const permission = getPermission(item)
+      if (!permission) return true
+      return hasPermission(permission)
+    })
+  }
+
+  /**
+   * 角色过滤：从列表中过滤出有角色的项
+   * @param list 待过滤的列表
+   * @param getRole 获取角色的函数
+   * @returns 过滤后的列表
+   */
+  const filterByRole = <T>(
+    list: T[],
+    getRole: (item: T) => PermissionType | undefined
+  ): T[] => {
+    return list.filter(item => {
+      const role = getRole(item)
+      if (!role) return true
+      return hasRole(role)
+    })
+  }
+
+  return {
+    // State
+    permissions,
+    roles,
+    isSuperAdmin,
+
+    // Methods
+    hasPermission,
+    hasRole,
+    hasPermissionOrRole,
+    hasPermissionAndRole,
+    hasMenuPermission,
+    hasButtonPermission,
+    filterByPermission,
+    filterByRole,
+  }
+}

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

@@ -0,0 +1,115 @@
+/**
+ * 主题管理 Composable
+ * 提供主题切换、主题状态管理功能
+ */
+import { computed, ref, watch } from 'vue'
+
+export type ThemeType = 'light' | 'dark' | 'green'
+
+interface ThemeConfig {
+  name: string
+  value: ThemeType
+  cssFile: string
+}
+
+const THEMES: ThemeConfig[] = [
+  { name: '浅色主题', value: 'light', cssFile: '/static/themes/light-6-1.css' },
+  { name: '深色主题', value: 'dark', cssFile: '/static/themes/dark-6-1.css' },
+  { name: '绿色主题', value: 'green', cssFile: '/static/themes/green-6-1.css' },
+]
+
+const STORAGE_KEY = 'gw-theme'
+
+export function useTheme() {
+  // 当前主题
+  const currentTheme = ref<ThemeType>('dark')
+  
+  // 主题配置列表
+  const themeList = computed(() => THEMES)
+  
+  // 当前主题配置
+  const currentThemeConfig = computed(() => 
+    THEMES.find(theme => theme.value === currentTheme.value) || THEMES[1]
+  )
+
+  /**
+   * 从 localStorage 加载主题
+   */
+  const loadTheme = (): ThemeType => {
+    try {
+      const savedTheme = localStorage.getItem(STORAGE_KEY) as ThemeType
+      if (savedTheme && THEMES.some(theme => theme.value === savedTheme)) {
+        return savedTheme
+      }
+    } catch (error) {
+      console.error('Failed to load theme from localStorage:', error)
+    }
+    return 'dark' // 默认深色主题
+  }
+
+  /**
+   * 保存主题到 localStorage
+   */
+  const saveTheme = (theme: ThemeType) => {
+    try {
+      localStorage.setItem(STORAGE_KEY, theme)
+    } catch (error) {
+      console.error('Failed to save theme to localStorage:', error)
+    }
+  }
+
+  /**
+   * 应用主题样式
+   */
+  const applyTheme = (theme: ThemeType) => {
+    const config = THEMES.find(t => t.value === theme)
+    if (!config) return
+
+    // 移除旧的主题样式
+    const oldLinks = document.querySelectorAll('link[data-theme]')
+    oldLinks.forEach(link => link.remove())
+
+    // 添加新的主题样式
+    const link = document.createElement('link')
+    link.rel = 'stylesheet'
+    link.href = config.cssFile
+    link.setAttribute('data-theme', theme)
+    document.head.appendChild(link)
+
+    // 设置 data-theme 属性到 html 元素
+    document.documentElement.setAttribute('data-theme', theme)
+  }
+
+  /**
+   * 切换主题
+   */
+  const switchTheme = (theme: ThemeType) => {
+    if (currentTheme.value === theme) return
+    
+    currentTheme.value = theme
+    applyTheme(theme)
+    saveTheme(theme)
+  }
+
+  /**
+   * 初始化主题
+   */
+  const initTheme = () => {
+    const savedTheme = loadTheme()
+    currentTheme.value = savedTheme
+    applyTheme(savedTheme)
+  }
+
+  // 监听主题变化
+  watch(currentTheme, (newTheme: ThemeType) => {
+    applyTheme(newTheme)
+  })
+
+  return {
+    currentTheme,
+    themeList,
+    currentThemeConfig,
+    switchTheme,
+    initTheme,
+  }
+}

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/hostMap.js

@@ -0,0 +1,13 @@
+
+import routerUrl from '../../../configuration/moduleConfiguration.json'
+const map = routerUrl.addressMapping;
+export default function hostMap (host) {
+    if (process.env.NODE_ENV === "production") return host;
+    return map[host];
+}
+if (process.env.NODE_ENV === "production") {
+    try{ window.top.isProduction = true }catch(e){ window.isProduction = true }
+} else {
+    localStorage.hostMap = JSON.stringify(map)
+}
+hostMap._map = map;

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/main.js

@@ -0,0 +1,52 @@
+
+/* eslint-disable */
+import { createApp } from "vue";
+import Element from 'element-plus';
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import store from "./store";
+import Axios from "axios";
+import App from "./App";
+import router from "./router";
+import api from "./request/api";
+import { encrypt as getCode } from "@ganwei-web/gw-base-api-plus/dist/index.es.js";
+import moment from "moment";
+import VirtualList from 'vue-virtual-list-v3';
+import mitt from 'mitt'
+import { PartialNotify as notification } from "@ganwei-web/gw-base-utils-plus/notification/dist/index.es.js";
+import hostMap from "./hostMap";
+
+import loading from '@ganwei-web/gw-base-components-plus/loading/dist/index.es.js'
+import i18n from "@ganwei-web/gw-base-utils-plus/i18n/dist/index.es.js";
+import { configInfoData, changeStyle, dateFormat } from '@ganwei-web/gw-base-utils-plus/commonutils/dist/index.es.js';
+import "@ganwei-web/gw-base-components-plus/element-plus-adapter/dist/ElementPlusAdapter.css";
+import { adapterInstall } from '@ganwei-web/gw-base-components-plus/element-plus-adapter/dist/ElementPlusAdapter.js';
+import SocketPlugin from './services/socketPlugin'
+
+window.axios = Axios;
+const app = createApp(App);
+
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component)
+}
+window.hasIframe = true
+app.component('loading', loading)
+app.config.productionTip = false;
+app.config.globalProperties.$bus = mitt()
+app.config.globalProperties.Axios = Axios;
+app.config.globalProperties.$store = store
+app.config.globalProperties.i18n = i18n
+app.config.globalProperties.$moment = moment
+app.config.globalProperties.$message = notification
+app.config.globalProperties.$hostMap = hostMap
+app.config.globalProperties.$api = api
+app.config.globalProperties.$getCode = getCode
+app.config.globalProperties.myUtils = {
+    configInfoData,
+    changeStyle,
+    dateFormat
+};
+
+app.provide('$message', app.config.globalProperties.$message)
+
+app.use(VirtualList).use(i18n).use(router).use(Element).use(adapterInstall).use(SocketPlugin).mount("#app");
+

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/mixins/judgePermission.js

@@ -0,0 +1,60 @@
+
+export default {
+    data: () => ({
+        isLogin: false,
+        checkLoginRetryCount: 0,
+        maxRetryCount: 5
+    }),
+    created() {
+        console.time("getSystemInfo")
+        this.checkLoginStatus()
+        let map = window?.getParameterMap() || {}
+        if (process.env.NODE_ENV == "development" && map) {
+            if (map.get("languageType")) { sessionStorage.languageType = localStorage.languageType = map.get("languageType") }
+            sessionStorage.userName = map.get("userName")
+            sessionStorage.passwordPolicy = map.get("passwordPolicy")
+            if (map.get("multiPark")) { localStorage.multiPark = map.get("multiPark") }
+            if (!sessionStorage.getItem('theme') || sessionStorage.getItem('theme') == 'null' || sessionStorage.getItem('theme') == 'undefined') {
+                sessionStorage.setItem('theme', map.get("theme"))
+            }
+        }
+    },
+    methods: {
+        // 检查登录状态，带重试机制
+        async checkLoginStatus() {
+            try {
+                const res = await this.$api.getSystemInfo()
+                console.timeEnd("getSystemInfo")
+
+                // 检查响应状态
+                if (res?.data?.code == 200 || res?.data?.code == -99999) {
+                    this.isLogin = true
+                } else {
+                    console.log('getSystemInfo 返回异常 code:', res?.data?.code)
+                    this.jumpLogin()
+                }
+            } catch (err) {
+                console.log('getSystemInfo 请求失败:', err)
+
+                // 如果是首次编译阶段，可能后端还未就绪，给予重试机会
+                if (this.checkLoginRetryCount < this.maxRetryCount) {
+                    this.checkLoginRetryCount++
+                    const retryDelay = 1000 // 1秒后重试
+
+                    console.log(`系统可能还在启动中，${retryDelay}ms 后重试 (${this.checkLoginRetryCount}/${this.maxRetryCount})...`)
+
+                    await new Promise(resolve => setTimeout(resolve, retryDelay))
+                    return this.checkLoginStatus()
+                } 
+                    console.log('已达到最大重试次数，跳转到登录页')
+                    this.isLogin = false
+                    this.jumpLogin()
+                
+            }
+        },
+        jumpLogin() {
+            let url = (process.env.NODE_ENV === "development" ? this.$hostMap('ganwei-iotcenter-login') : '/ganwei-iotcenter-login/#/')
+            window.location.href = url
+        }
+    }
+}