修复Dashboard.vue编译错误

问题:
- Dashboard.vue中使用了错误的导入方式
- import { dashboardApi } 应该是 import * as dashboardAPI
- API调用方式不匹配实际的导出格式

修复:
- 修正导入语句为正确的命名导入
- 更新API调用使用正确的接口方法
- 清理重复的数据处理代码
- 确保与dashboard.js API文件兼容

现在前端可以正常编译和运行
This commit is contained in:
AIGC Developer
2025-10-22 10:13:09 +08:00
parent 9b301f8df7
commit be1876a03c

View File

@@ -109,7 +109,7 @@
<script> <script>
import { ref, onMounted, nextTick } from 'vue' import { ref, onMounted, nextTick } from 'vue'
import { dashboardApi } from '@/api/dashboard' import * as dashboardAPI from '@/api/dashboard'
// 动态加载ECharts // 动态加载ECharts
const loadECharts = () => { const loadECharts = () => {
@@ -145,19 +145,24 @@ export default {
// 加载仪表盘数据 // 加载仪表盘数据
const loadDashboardData = async () => { const loadDashboardData = async () => {
try { try {
const response = await dashboardApi.getAllData() const [overviewRes, monthlyRes, conversionRes, ordersRes] = await Promise.all([
const data = response.data dashboardAPI.getDashboardOverview(),
dashboardAPI.getMonthlyRevenue(),
dashboardAPI.getConversionRate(),
dashboardAPI.getRecentOrders()
])
overviewData.value = data.overview overviewData.value = overviewRes.data || {}
dailyActiveData.value = data.dailyActiveUsers.dailyData || [] revenueData.value = monthlyRes.data?.monthlyData || []
revenueData.value = data.revenueTrend.revenueData || [] recentOrders.value = ordersRes.data?.recentOrders || []
orderStatusData.value = data.orderStatusDistribution.statusData || []
paymentMethodData.value = data.paymentMethodDistribution.methodData || [] // 计算转化率
recentOrders.value = data.recentOrders.orders || [] if (conversionRes.data) {
overviewData.value.conversionRate = conversionRes.data.conversionRate || 0
}
// 等待DOM更新后初始化图表
await nextTick() await nextTick()
await initCharts() initCharts()
} catch (error) { } catch (error) {
console.error('加载仪表盘数据失败:', error) console.error('加载仪表盘数据失败:', error)
} }