# venus-art-design **Repository Path**: automotive-finance/venus-art-design ## Basic Information - **Project Name**: venus-art-design - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-01-18 - **Last Updated**: 2026-03-17 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Venus Art Design 汽车金融系统管理后台前端项目 ## 项目简介 Venus Art Design 是一套基于 Vue 3 + TypeScript + Element Plus 构建的汽车金融系统管理后台前端解决方案。该系统主要为汽车金融机构提供经销商管理、门店管理、人员管理、贷款申请审批、合同管理、产品方案配置、工作流管理等核心业务功能。 ## 技术栈 - **前端框架**: Vue 3 (Composition API) - **构建工具**: Vite - **UI 组件库**: Element Plus - **状态管理**: Pinia - **路由**: Vue Router - **语言**: TypeScript - **图表库**: ECharts - **HTTP 请求**: Axios - **样式预处理**: SCSS - **代码规范**: ESLint + Prettier + Stylelint ## 功能模块 ### 核心管理模块 - **仪表盘 (Dashboard)**: 数据概览、统计卡片、销售概况、用户活跃度等 - **进件管理 (Apply Finance)**: 贷款申请创建、初审、审批、签约、风险控制等全流程管理 - **汽车信息 (Car Info)**: 品牌管理、车系列表、车型库、车辆入库、估值管理等 - **合同管理 (Contract Manage)**: 合同列表、合同详情、合同签署、模板管理 - **产品方案 (Product Plan)**: 产品目录、方案配置、佣金管理、渠道策略、黑名单管理等 - **任务中心 (Task)**: 待办任务、已办任务、任务发起 - **工作流管理 (Workflow)**: 流程定义、流程实例、流程历史、流程分类 ### 系统管理模块 - **经销商管理 (Dealer)**: 经销商列表、经销商详情、门店管理、人员管理、经销商树形视图 - **系统管理 (System)**: - 用户管理 - 角色管理 - 菜单管理 - 部门管理 - 岗位管理 - 字典管理 - 组织架构 ### 文档与文件管理 - **文件管理 (File Manage)**: 文件分类、文件列表、文件详情、文件上传、分享回收站 - **UI 原型**: 包含各模块的 HTML 原型设计文档 ## 项目结构 ``` src/ ├── api/ # API 接口定义 ├── assets/ # 静态资源 │ ├── images/ # 图片资源 │ └── styles/ # 样式文件 ├── components/ # 组件库 │ └── core/ # 核心业务组件 │ ├── base/ # 基础组件 │ ├── banners/ # 横幅组件 │ ├── cards/ # 卡片组件 │ ├── charts/ # 图表组件 │ ├── forms/ # 表单组件 │ ├── layouts/ # 布局组件 │ ├── media/ # 媒体组件 │ ├── others/ # 其他组件 │ ├── tables/ # 表格组件 │ ├── text-effect/ # 文字特效 │ ├── theme/ # 主题组件 │ └── views/ # 视图组件 ├── config/ # 配置文件 ├── directives/ # 自定义指令 ├── enums/ # 枚举定义 ├── hooks/ # 组合式函数 ├── locales/ # 国际化语言包 ├── mock/ # 模拟数据 ├── plugins/ # 插件配置 ├── router/ # 路由配置 │ ├── core/ # 路由核心逻辑 │ ├── guards/ # 路由守卫 │ ├── modules/ # 路由模块 │ └── routes/ # 路由定义 ├── store/ # Pinia 状态管理 ├── types/ # TypeScript 类型定义 ├── utils/ # 工具函数 └── views/ # 页面视图 ``` ## 快速开始 ### 环境要求 - Node.js >= 16.0.0 - pnpm >= 7.0.0 ### 安装依赖 ```bash pnpm install ``` ### 开发环境启动 ```bash pnpm dev ``` ### 生产环境构建 ```bash pnpm build ``` ### 代码检查 ```bash # ESLint 检查 pnpm lint:eslint # StyleLint 检查 pnpm lint:stylelint # Prettier 格式化 pnpm lint:prettier ``` ## 特色功能 ### 主题定制 - 支持亮色主题、暗色主题、系统主题跟随 - 多种菜单布局模式（垂直、水平、混合、双列） - 丰富的组件主题配置 ### 权限控制 - 基于角色和权限的访问控制 - 页面级权限控制 - 按钮级权限指令 ### 数据可视化 - 多种图表组件（折线图、柱状图、饼图、雷达图等） - 动态数据统计卡片 - 可视化数据展示 ### 用户体验 - 标签页式工作区 - 屏幕锁定功能 - 快捷入口配置 - 搜索功能（全局搜索、菜单搜索） - 主题切换动画 ## 开发规范 ### 组件开发 - 使用 Composition API (