Project Structure
├── src
│ ├── api # API interface related code
│ │ ├── auth.ts # Authentication API definitions (login, register, user info)
│ │ └── system-manage.ts # System management API definitions (menu, user, role management)
│ ├── App.vue # Vue root component, defines global app structure and entry
│ ├── assets # Static assets directory
│ │ ├── images # Image resources directory
│ │ ├── styles # Global style files
│ │ │ ├── core # Core styles (system-level styles)
│ │ │ ├── custom # Custom styles (business-level styles)
│ │ │ └── index.scss # Style entry file
│ │ └── svg # SVG related resources
│ │ └── loading.ts # Loading animation SVG definitions
│ ├── components # Components directory
│ │ ├── business # Business components (custom business-related components)
│ │ │ └── comment-widget # Comment component
│ │ └── core # Core components (system-level common component library)
│ │ ├── banners # Banner components
│ │ ├── base # Base components
│ │ ├── cards # Card components
│ │ ├── charts # Chart components
│ │ ├── forms # Form components
│ │ ├── layouts # Layout components
│ │ ├── media # Media components
│ │ ├── others # Other components
│ │ ├── tables # Table components
│ │ ├── text-effect # Text effect components
│ │ ├── theme # Theme related components
│ │ ├── views # View components
│ │ └── widget # Widget components
│ ├── config # Project configuration directory
│ │ ├── assets # Static assets configuration
│ │ │ └── images.ts # Image resource path configuration
│ │ ├── modules # Modular configuration
│ │ │ ├── component.ts # Component configuration
│ │ │ ├── fastEnter.ts # Quick entry configuration
│ │ │ ├── festival.ts # Festival/event configuration
│ │ │ └── headerBar.ts # Header bar configuration
│ │ ├── index.ts # Configuration entry file
│ │ └── setting.ts # System settings configuration
│ ├── directives # Vue custom directives
│ │ ├── business # Business directives
│ │ │ ├── highlight.ts # Highlight directive
│ │ │ └── ripple.ts # Ripple effect directive
│ │ ├── core # Core directives
│ │ │ ├── auth.ts # Authentication directive
│ │ │ └── roles.ts # Role permission directive
│ │ └── index.ts # Directives entry file
│ ├── enums # Enum definitions
│ │ ├── appEnum.ts # Application-level enums (theme types, language types)
│ │ └── formEnum.ts # Form related enums (form states, validation rules)
│ ├── env.d.ts # TypeScript environment declaration file
│ ├── hooks # Vue 3 Composable functions (reusable logic)
│ │ ├── core # Core Hooks
│ │ │ ├── useAppMode.ts # Application mode related logic
│ │ │ ├── useAuth.ts # Authentication related logic
│ │ │ ├── useCeremony.ts # Festival/ceremony related logic
│ │ │ ├── useChart.ts # Chart related logic
│ │ │ ├── useCommon.ts # Common logic
│ │ │ ├── useFastEnter.ts # Quick entry logic
│ │ │ ├── useHeaderBar.ts # Header bar logic
│ │ │ ├── useLayoutHeight.ts # Layout height calculation logic
│ │ │ ├── useTable.ts # Table logic
│ │ │ ├── useTableColumns.ts # Table column configuration logic
│ │ │ ├── useTableHeight.ts # Table height calculation logic
│ │ │ └── useTheme.ts # Theme switching logic
│ │ └── index.ts # Hooks entry file
│ ├── locales # Internationalization (i18n) resources
│ │ ├── index.ts # Internationalization entry file
│ │ └── langs # Multi-language files
│ │ ├── en.json # English language pack
│ │ └── zh.json # Chinese language pack
│ ├── main.ts # Project main entry file
│ ├── mock # Mock data directory
│ │ ├── json # JSON format mock data
│ │ │ └── chinaMap.json # China map data
│ │ ├── temp # Temporary mock data
│ │ │ ├── articleList.ts # Article list data
│ │ │ ├── commentDetail.ts # Comment detail data
│ │ │ ├── commentList.ts # Comment list data
│ │ │ └── formData.ts # Form data
│ │ └── upgrade # Update log data
│ │ └── changeLog.ts # Change log data
│ ├── plugins # Plugin configuration
│ │ ├── echarts.ts # ECharts library configuration
│ │ └── index.ts # Plugins entry file
│ ├── router # Vue Router related code
│ │ ├── core # Router core functionality
│ │ │ ├── ComponentLoader.ts # Component loader
│ │ │ ├── IframeRouteManager.ts # Iframe route manager
│ │ │ ├── MenuProcessor.ts # Menu processor
│ │ │ ├── RouteRegistry.ts # Route registry
│ │ │ ├── RouteTransformer.ts # Route transformer
│ │ │ ├── RouteValidator.ts # Route validator
│ │ │ └── index.ts # Core functionality entry
│ │ ├── guards # Route guards
│ │ │ ├── afterEach.ts # Global after guard
│ │ │ └── beforeEach.ts # Global before guard
│ │ ├── modules # Route module definitions
│ │ │ ├── article.ts # Article module routes
│ │ │ ├── dashboard.ts # Dashboard routes
│ │ │ ├── examples.ts # Example page routes
│ │ │ ├── exception.ts # Exception page routes
│ │ │ ├── help.ts # Help page routes
│ │ │ ├── index.ts # Route modules entry
│ │ │ ├── result.ts # Result page routes
│ │ │ ├── safeguard.ts # Security protection routes
│ │ │ ├── system.ts # System management routes
│ │ │ ├── template.ts # Template page routes
│ │ │ └── widgets.ts # Widget routes
│ │ ├── routes # Route configuration
│ │ │ ├── asyncRoutes.ts # Async routes (dynamic routes)
│ │ │ └── staticRoutes.ts # Static routes (fixed routes)
│ │ ├── index.ts # Router main entry
│ │ └── routesAlias.ts # Route alias definitions
│ ├── store # Pinia state management
│ │ ├── modules # State management modules
│ │ │ ├── menu.ts # Menu state management
│ │ │ ├── setting.ts # Settings state management
│ │ │ ├── table.ts # Table state management
│ │ │ ├── user.ts # User state management
│ │ │ └── worktab.ts # Work tab state management
│ │ └── index.ts # Pinia entry file
│ ├── types # TypeScript type definitions
│ │ ├── api # API related types
│ │ │ └── api.d.ts # API interface type definitions
│ │ ├── common # Common type definitions
│ │ │ ├── index.ts # Common types entry
│ │ │ └── response.ts # Response type definitions
│ │ ├── component # Component related types
│ │ │ ├── chart.ts # Chart component types
│ │ │ └── index.ts # Component types entry
│ │ ├── config # Configuration related types
│ │ │ └── index.ts # Configuration type definitions
│ │ ├── import # Auto-import type declarations
│ │ │ ├── auto-imports.d.ts # Auto-imported function types
│ │ │ └── components.d.ts # Auto-imported component types
│ │ ├── router # Router related types
│ │ │ └── index.ts # Router type definitions
│ │ ├── store # State management related types
│ │ │ └── index.ts # Store type definitions
│ │ └── index.ts # Types main entry
│ ├── utils # Utility functions directory
│ │ ├── constants # Constant definitions
│ │ │ ├── index.ts # Constants entry
│ │ │ └── links.ts # Link constants
│ │ ├── form # Form related utilities
│ │ │ ├── index.ts # Form utilities entry
│ │ │ ├── responsive.ts # Responsive form utilities
│ │ │ └── validator.ts # Form validation utilities
│ │ ├── http # HTTP request utilities
│ │ │ ├── error.ts # Error handling
│ │ │ ├── index.ts # HTTP utilities entry
│ │ │ └── status.ts # Status code handling
│ │ ├── navigation # Navigation related utilities
│ │ │ ├── index.ts # Navigation utilities entry
│ │ │ ├── jump.ts # Page jump utilities
│ │ │ ├── route.ts # Route utilities
│ │ │ └── worktab.ts # Work tab utilities
│ │ ├── storage # Storage related utilities
│ │ │ ├── index.ts # Storage utilities entry
│ │ │ ├── storage-config.ts # Storage configuration
│ │ │ ├── storage-key-manager.ts # Storage key manager
│ │ │ └── storage.ts # Storage utilities implementation
│ │ ├── sys # System related utilities
│ │ │ ├── console.ts # Console utilities
│ │ │ ├── error-handle.ts # Error handling
│ │ │ ├── index.ts # System utilities entry
│ │ │ ├── mittBus.ts # Event bus
│ │ │ └── upgrade.ts # Upgrade related utilities
│ │ ├── table # Table related utilities
│ │ │ ├── tableCache.ts # Table cache
│ │ │ ├── tableConfig.ts # Table configuration
│ │ │ └── tableUtils.ts # Table utility functions
│ │ ├── ui # UI related utilities
│ │ │ ├── animation.ts # Animation utilities
│ │ │ ├── colors.ts # Color utilities
│ │ │ ├── emojo.ts # Emoji utilities
│ │ │ ├── index.ts # UI utilities entry
│ │ │ ├── loading.ts # Loading animation utilities
│ │ │ └── tabs.ts # Tab utilities
│ │ ├── index.ts # Utilities main entry
│ │ └── router.ts # Router utility functions
│ └── views # Page components directory
├── tsconfig.json # TypeScript configuration file
└── vite.config.ts # Vite configuration file