# data-operation-platform

**Repository Path**: shan-yitian/data-operation-platform

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-02
- **Last Updated**: 2026-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 数据运营平台

## 项目背景

数据运营平台是一个综合性的数据管理和运营支撑系统，旨在帮助企业实现数据资产的统一管理、数据分析洞察、运营任务协同以及数据质量保障。系统采用轻量化设计，无需注册登录即可直接使用，适合作为数据中台的入门版本或演示系统。

## 功能模块

系统包含10个核心功能模块，覆盖数据管理、运营支撑、服务管理和系统配置四个维度：

### 管理维度
- **工作台 (Dashboard)** - 数据概览、统计卡片、快捷入口、最近操作记录
- **数据资产 (Assets)** - 数据资产目录管理、资产登记、分类维护、状态管理
- **数据分析 (Analysis)** - 数据资产分布分析、任务执行状态、质量评分趋势、API调用统计

### 运营维度
- **数据任务 (Tasks)** - 任务管理、进度跟踪、优先级设置、负责人分配
- **调度中心 (Schedule)** - 作业调度管理、执行频率配置、运行状态监控
- **数据质量 (Quality)** - 质量检查规则配置、问题追踪、评分统计

### 服务维度
- **数据服务 (Services)** - API接口管理、服务监控、调用统计
- **数据报表 (Reports)** - 报表模板管理、定时生成配置、下载统计
- **消息通知 (Notifications)** - 告警管理、通知记录、消息处理状态

### 支撑维度
- **系统设置 (Settings)** - 系统参数配置、基础设置管理

## 技术栈

- **前端框架**: Vue 3 (Composition API)
- **构建工具**: Vite 5
- **路由管理**: Vue Router 4
- **数据存储**: localStorage（内置示例数据）
- **UI设计**: 浅色简约科技风格，无渐变色

## 运行方式

### 安装依赖
```bash
cd data-operation-platform
npm install
```

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

### 访问地址
- 本地访问: http://localhost:18085
- 网络访问: http://<您的IP地址>:18085

### 构建生产版本
```bash
npm run build
```

## 项目结构

```
data-operation-platform/
├── index.html              # 入口HTML
├── package.json            # 项目依赖配置
├── vite.config.js          # Vite构建配置
├── README.md               # 项目说明文档
├── src/
│   ├── main.js             # 应用入口
│   ├── App.vue             # 根组件（布局框架）
│   ├── router/index.js     # 路由配置
│   ├── data/mockData.js    # 初始化示例数据
│   ├── components/         # 公共组件
│   │   ├── Sidebar.vue     # 侧边栏导航
│   │   ├── Header.vue      # 顶部导航栏
│   │   └── DataTable.vue   # 通用数据表格组件
│   └── views/              # 页面组件
│       ├── Dashboard.vue   # 工作台
│       ├── Assets.vue      # 数据资产
│       ├── Analysis.vue    # 数据分析
│       ├── Tasks.vue       # 数据任务
│       ├── Schedule.vue    # 调度中心
│       ├── Quality.vue     # 数据质量
│       ├── Services.vue    # 数据服务
│       ├── Reports.vue     # 数据报表
│       ├── Notifications.vue # 消息通知
│       └── Settings.vue    # 系统设置
```

## 功能特点

1. **无需登录**: 系统直接可用，无需注册和登录流程
2. **内置数据**: 每个模块预置适量示例数据，可直接体验操作
3. **完整CRUD**: 支持数据的查看、新增、编辑、删除操作
4. **实时统计**: 工作台展示各模块的实时统计数据
5. **数据持久化**: 所有数据变更保存在localStorage
6. **响应式设计**: 适配不同屏幕尺寸
7. **浅色简约**: 界面清晰整洁，科技感设计风格

## 数据操作

系统所有数据存储在浏览器localStorage中，支持以下操作：

- **查看**: 表格展示所有数据记录
- **搜索**: 支持关键词搜索过滤
- **新增**: 弹窗表单添加新记录
- **编辑**: 修改现有记录信息
- **删除**: 确认后删除指定记录

数据会在浏览器关闭后保留，清除浏览器数据会恢复初始示例数据。

## 界面设计原则

- 浅色背景为主（白色、浅灰、浅蓝）
- 无渐变色设计
- 线条清晰，边框分明
- 布局整洁，层次分明
- 科技感图标和配色
- 高对比度文字，易于阅读

## 系统截图

启动系统后可在各模块中查看界面效果，每个模块都有完整的数据展示和操作功能。