Files

Claude e48975f9d5 fix: 修复前端登录体验和API调用问题

- 修复路由守卫：未登录时直接跳转，不显示提示信息
- 修复API拦截器：401错误直接跳转，无需确认
- 移除不必要的ElMessageBox确认框
- 优化Token过期处理逻辑
- 修复文件管理API引入路径和URL前缀
- 修复调拨/回收管理API端点不匹配问题
- 修复通知管理API方法不匹配问题
- 统一系统配置API路径为单数形式

影响文件：
- src/router/index.ts
- src/api/request.ts
- src/api/file.ts
- src/api/index.ts

测试状态：
- 前端构建通过
- 所有API路径已验证
- 登录流程测试通过

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

2026-01-25 00:26:33 +08:00

3.3 KiB

Raw Blame History

📊 图表组件库已就绪！

资产管理系统 - 数据可视化组件库 v1.0.0

完成时间：2025-01-24

快速开始

1️⃣ 查看示例

访问图表示例页面：

http://localhost:5173/examples/charts

2️⃣ 基础使用

<template>
  <PieChart
    :data="[
      { name: '库存中', value: 200 },
      { name: '在用', value: 750 }
    ]"
    title="资产状态分布"
    type="doughnut"
    height="400px"
  />
</template>

<script setup lang="ts">
import { PieChart } from '@/components/charts'
</script>

3️⃣ 查看文档

文档	说明
📖 完整文档	API 参考、使用指南、最佳实践
🚀 快速开始	5分钟上手指南
📦 交付文档	项目交付清单、技术总结
📋 文件清单	完整的文件列表

组件列表

📈 通用图表（6个）

PieChart - 饼图/环形图
BarChart - 柱状图（横向/纵向）
LineChart - 折线图（面积图）
GaugeChart - 仪表盘
FunnelChart - 漏斗图
BaseChart - 基础图表

📊 业务图表（4个）

AssetStatusChart - 资产状态图
AssetDistributionChart - 资产分布图
AssetValueTrendChart - 资产价值趋势图
AssetUtilizationChart - 资产利用率图

💳 统计卡片（2个）

StatCard - 统计卡片
StatCardGroup - 统计卡片组

🔧 Composables（2个）

useECharts - 图表实例管理
useChartData - 数据加载管理

特性

✅ 美观第一 - 青灰色系主题，与系统风格统一 ✅ 完整类型 - 100% TypeScript 支持 ✅ 响应式 - 自适应所有屏幕尺寸 ✅ 高性能 - 支持大数据量场景 ✅ 易用性 - 简化的 API，开箱即用 ✅ 完整文档 - 详细的使用说明和示例

文件结构

src/
├── components/
│   ├── charts/              # 图表组件（6个通用 + 4个业务）
│   └── statistics/          # 统计卡片组件（2个）
├── composables/
│   ├── useECharts.ts        # ECharts Composable
│   └── useChartData.ts      # 数据管理 Composable
├── utils/
│   └── echarts.ts           # 工具函数和配置
├── types/
│   └── charts.ts            # 类型定义
└── views/
    └── examples/
        └── ChartsExample.vue # 完整示例页面

导入方式

// 导入组件
import { PieChart, BarChart, StatCard } from '@/components/charts'

// 导入 Composables
import { useECharts, useChartData } from '@/composables/useECharts'

// 导入工具函数
import { formatNumber, getAssetStatusColor } from '@/utils/echarts'

// 导入类型
import type { ChartDataItem, PieChartConfig } from '@/types/charts'

统计数据

组件数量：12 个
Composables：2 个
工具函数：20+ 个
类型定义：20+ 个
代码行数：7000+ 行
文档页数：50+ 页
示例代码：10+ 个

开始使用

记住：图表美观第一，性能第二，功能第三！ 🎨📊✨

3.3 KiB Raw Blame History Unescape Escape