# TGIDE-admin

**Repository Path**: yinyhy/tgide-admin

## Basic Information

- **Project Name**: TGIDE-admin
- **Description**: 1112313123
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-02-11
- **Last Updated**: 2026-02-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 账户与权限管理系统

一个现代化、专业的企业级后台管理系统，基于 Vue3 + Vite + Tailwind CSS + Element Plus 构建。

## ✨ 特性

- 🎨 **现代设计** - 采用扁平化设计风格，界面简洁专业
- 🌓 **主题切换** - 支持浅色/深色模式自由切换
- 📱 **PC端优化** - 专为桌面端设计的管理系统
- 🎯 **用户体验** - 流畅的动画过渡和交互反馈
- 🔐 **权限管理** - 完整的用户角色和权限管理体系
- 📊 **数据管理** - 授权列表、许可证书、申请审批等功能

## 🚀 快速开始

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run dev
```

访问 http://localhost:3000 查看系统

### 构建生产版本

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

## 📁 项目结构

```
TGIDE/
├── src/
│   ├── components/          # 公共组件
│   │   ├── Header.vue      # 顶部工具栏
│   │   └── Sidebar.vue     # 侧边栏导航
│   ├── views/              # 页面组件
│   │   ├── users/          # 账户与权限管理
│   │   │   ├── UserList.vue
│   │   │   ├── UserAdd.vue
│   │   │   ├── UserProfile.vue
│   │   │   └── RoleManage.vue
│   │   ├── authorization/  # 授权管理
│   │   │   ├── AuthList.vue
│   │   │   ├── CertificateList.vue
│   │   │   ├── ApplicationList.vue
│   │   │   └── EventLog.vue
│   │   └── online/         # 在线操作
│   │       ├── OnlineActivate.vue
│   │       ├── DeviceTransfer.vue
│   │       ├── AuthRevoke.vue
│   │       └── AuthRenewal.vue
│   ├── router/             # 路由配置
│   │   └── index.js
│   ├── App.vue             # 根组件
│   ├── main.js             # 应用入口
│   └── style.css           # 全局样式
├── index.html
├── vite.config.js          # Vite 配置
├── tailwind.config.js      # Tailwind CSS 配置
├── postcss.config.js       # PostCSS 配置
└── package.json
```

## 🎨 技术栈

- **框架**: Vue 3.4 (Composition API)
- **构建工具**: Vite 5.1
- **UI 组件库**: Element Plus 2.6
- **样式方案**: Tailwind CSS 3.4
- **路由**: Vue Router 4.3
- **图标**: Font Awesome 6.5 + Element Plus Icons
- **字体**: Noto Sans SC (思源黑体)

## 📦 核心功能

### 账户与权限管理
- ✅ 用户列表 - 查看、搜索、编辑、删除用户
- ✅ 新增用户 - 创建新用户并分配角色
- ✅ 个人档案 - 查看和修改个人信息
- ✅ 角色管理 - 管理用户角色和权限

### 授权管理
- ✅ 授权列表 - 审批管理、状态筛选
- ✅ 许可证书列表 - 证书查看和撤销
- ✅ 我的申请 - 申请记录和状态跟踪
- ✅ 事件日志 - 完整的操作日志记录

### 在线操作
- ✅ 在线激活 - 设备激活和授权期限选择
- ✅ 设备迁移 - 设备标识更换和证书上传
- ✅ 授权撤销 - 撤销已发放的授权
- ✅ 授权续期 - 延长授权有效期

## 🎯 设计理念

- **专业美学**: 界面现代、简洁、专业，符合企业级应用规范
- **清晰可读**: 视觉层次分明，信息模块化布局
- **高效传达**: 关键数据与核心操作按钮醒目突出
- **流畅体验**: 布局直观，交互反馈及时

## 🔧 开发说明

### 用户角色
- **管理员** - 完整的系统管理权限
- **审核员** - 审批权限和日志查看权限
- **普通用户** - 基础使用权限

### 权限项目
- 授权导出权限
- 审批权限
- 日志查看权限

### 申请事件类型
- 许可证导出
- 许可证转移
- 许可证激活
- 许可证续出

## 📝 注意事项

1. 本项目使用模拟数据，实际使用时需要对接后端 API
2. 已包含基础的表单验证，可根据需求扩展
3. 建议在现代浏览器（Chrome、Edge、Firefox）中使用
4. 系统专为 PC 端设计，暂不支持移动端适配

## 📄 License

MIT License

## 👨‍💻 作者

资深前端开发专家

---

⭐ 如有问题或建议，欢迎反馈！