# xust-tracker

**Repository Path**: azureroots/xust-tracker

## Basic Information

- **Project Name**: xust-tracker
- **Description**: 东数西算跨域算力任务智能体调度与跟踪系统
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-09
- **Last Updated**: 2026-03-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端项目

东数西算跨域算力任务AI智能体调度与跟踪系统-前端项目

## 项目介绍

这是一个基于 Vue 3 的"东数西算跨域算力任务AI智能体调度与跟踪系统"前端项目，实现了算力节点管理、任务调度、状态跟踪和仪表盘可视化等功能。

## 技术栈

- 前端框架：Vue 3
- 构建工具：Vite
- UI组件库：Element Plus
- 状态管理：Pinia
- 图表库：ECharts
- HTTP客户端：Axios
- 路由：Vue Router
- 包管理：pnpm

## 项目结构

```
xust-tracker/
├── index.html             # 入口HTML文件
├── package.json          # 项目配置
├── vite.config.js        # Vite配置
├── pnpm-lock.yaml        # 依赖锁定文件
├── public/               # 静态资源
│   └── vite.svg          # Vite图标
└── src/                  # 源代码目录
    ├── main.js           # 应用入口
    ├── App.vue           # 根组件
    ├── style.css         # 全局样式
    ├── api/              # API接口
    │   ├── auth.js       # 认证接口
    │   ├── node.js       # 节点接口
    │   ├── request.js   # 请求封装
    │   ├── statistics.js # 统计接口
    │   └── task.js      # 任务接口
    ├── assets/           # 资源文件
    │   └── styles/       # 样式文件
    │       ├── global.css    # 全局样式
    │       └── variables.css # 样式变量
    ├── components/       # 组件
    │   ├── charts/       # 图表组件
    │   │   ├── BarChart.vue  # 柱状图
    │   │   └── LineChart.vue # 折线图
    │   ├── common/       # 通用组件
    │   │   └── DataCard.vue  # 数据卡片
    │   └── layout/       # 布局组件
    │       ├── AppAside.vue  # 侧边栏
    │       └── AppHeader.vue # 顶部栏
    ├── router/           # 路由配置
    │   └── index.js       # 路由定义
    ├── stores/           # 状态管理
    │   ├── app.js        # 应用状态
    │   └── user.js       # 用户状态
    ├── utils/           # 工具函数
    │   ├── auth.js      # 认证工具
    │   └── theme.js     # 主题工具
    └── views/           # 页面视图
        ├── Dashboard.vue    # 仪表盘
        ├── Login.vue       # 登录页
        ├── NodeManage.vue  # 节点管理
        └── TaskManage.vue  # 任务管理
```

## 环境配置

1. 安装依赖

```bash
pnpm install
```

## 运行项目

```bash
pnpm dev
```

项目将在 http://localhost:5173 运行

## 构建项目

```bash
pnpm build
```

## 功能模块

### 认证模块
- 用户登录
- JWT Token管理
- 路由守卫

### 仪表盘
- 核心指数展示（总节点数、总任务数、在线节点数、算力利用率）
- 节点负载趋势图（近72小时）
- 任务调度匹配情况图

### 节点管理
- 节点列表展示
- 节点筛选（按区域、状态）
- 节点详情查看
- 节点状态修改（管理员）

### 任务管理
- 任务列表展示
- 任务筛选（按状态、节点）
- 任务详情查看
- 任务提交

### 主题切换
- 亮色主题
- 暗夜黑主题
- 主题跟随系统

## 项目依赖安装方法

1. 确保已安装 Node.js（推荐 v18+）
2. 确保已安装 pnpm 包管理工具

```bash
# 安装 pnpm（如未安装）
npm install -g pnpm

# 进入项目目录
cd xust-tracker

# 安装项目依赖
pnpm install
```

## 启动方法

1. 确保后端服务已启动（http://localhost:5000）

2. 启动前端开发服务器

```bash
pnpm dev
```

3. 在浏览器中访问 http://localhost:5173

## 生产环境构建

```bash
pnpm build
```

构建完成后，生成的静态文件在 `dist` 目录中