# HTUI

**Repository Path**: naumy/htui

## Basic Information

- **Project Name**: HTUI
- **Description**: HT公司前端，代码通过cursor生成
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-24
- **Last Updated**: 2025-06-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 验证管理系统 (HTUI)

基于 Vue 3 + Vite + Element Plus 开发的管理系统，用于管理和可视覆盖率及验证结果。

## 功能特点

### 1. 验证比例管理
- 实时展示各模块测试覆盖率和验证状态
- 支持树形结构和列表视图切换
- 提供数据趋势图表分析
- 支持数据导出功能

### 2. 模块管理
#### CMU 模块
- 文件结构可视化
- 覆盖率实时监控
- 验证状态追踪
- 历史数据对比

#### RTC 模块
- 实时状态监控
- 测试结果统计
- 性能指标分析
- 异常记录追踪

### 3. 数据可视化
- 交互式图表展示
- 多维度数据分析
- 自定义时间范围
- 数据导出功能

## 技术栈

- Vue 3 - 渐进式 JavaScript 框架
- Vite - 下一代前端构建工具
- Element Plus - 基于 Vue 3 的组件库
- ECharts - 数据可视化图表库
- Vue Router - 路由管理
- Pinia - 状态管理

## 快速开始

### 环境要求
- Node.js >= 16.0.0
- npm >= 7.0.0

### 安装步骤

1. 克隆项目
```bash
git clone [项目地址]
cd htui
```

2. 安装依赖
```bash
npm install
```

3. 启动开发服务器
```bash
npm run dev
```

4. 构建生产版本
```bash
npm run build
```

## 项目结构

```
htui/
├── src/
│   ├── assets/          # 静态资源
│   ├── components/      # 公共组件
│   ├── layout/         # 布局组件
│   ├── router/         # 路由配置
│   ├── stores/         # Pinia 状态管理
│   ├── styles/         # 全局样式
│   └── views/          # 页面组件
│       └── checklist/   # 验证管理相关页面
│           ├── database/  # 数据库管理
│           │   ├── cmu.vue
│           │   └── rtc.vue
│           └── overview.vue
├── public/            # 公共资源
├── index.html         # 入口 HTML
├── package.json       # 项目配置
└── vite.config.js    # Vite 配置
```

## 开发指南

### 代码规范
- 使用 ESLint 进行代码检查
- 遵循 Vue 3 组合式 API 规范
- 组件名使用 PascalCase
- 属性和方法使用 camelCase

### 提交规范
提交信息格式：`<type>(<scope>): <subject>`
- type: feat, fix, docs, style, refactor, test, chore
- scope: 影响范围
- subject: 简短描述

## 浏览器支持

- Chrome >= 87
- Firefox >= 78
- Safari >= 14
- Edge >= 88

## 许可证

[MIT License](LICENSE)