# salelook

**Repository Path**: TestsLing/salelook

## Basic Information

- **Project Name**: salelook
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-19
- **Last Updated**: 2025-11-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 销售数据看板 (Sales Dashboard)

科技风格的销售数据可视化看板应用

## 技术栈

- **框架**: Vue 3 (Composition API)
- **语言**: TypeScript
- **图表库**: Apache ECharts 5.x
- **状态管理**: Pinia
- **动画库**: GSAP
- **样式**: SCSS
- **构建工具**: Vite
- **测试**: Vitest + fast-check (Property-Based Testing)

## 项目结构

```
src/
├── components/     # Vue 组件
├── views/          # 页面级组件
├── stores/         # Pinia 状态管理
├── services/       # API 服务
├── utils/          # 工具函数
├── types/          # TypeScript 类型定义
└── styles/         # 全局样式
    ├── variables.scss  # SCSS 变量
    ├── main.scss       # 主样式文件
    └── reset.scss      # CSS 重置
```

## 开发命令

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview

# 运行测试
npm run test

# 运行测试（监听模式）
npm run test:watch

# 代码检查
npm run lint

# 代码格式化
npm run format
```

## 特性

- 🎨 科技风格主题（深色背景 + 霓虹色彩）
- 📊 多种图表类型（折线图、柱状图、饼图等）
- 🔄 实时数据更新
- 📱 响应式设计
- ⚡ 性能优化（虚拟滚动、懒加载、代码分割）
- 🧪 属性测试（Property-Based Testing）

## 开发规范

- 使用 TypeScript 进行类型安全开发
- 遵循 Vue 3 Composition API 最佳实践
- 使用 ESLint 和 Prettier 保持代码风格一致
- 编写单元测试和属性测试确保代码质量