feat: 添加多项功能和修复

功能新增:
- OSS 存储使用情况显示(文件页面)
- OSS 当日流量统计(阿里云云监控API)
- 分享页面路由修复(/s/xxx 格式支持)

Bug修复:
- 修复分享页面资源路径(相对路径改绝对路径)
- 修复分享码获取逻辑(支持路径格式)
- 修复OSS配额undefined显示问题
- 修复登录流程OSS配置检查
- 修复文件数为null时的显示问题

依赖更新:
- 添加 @alicloud/cms20190101 云监控SDK
- 添加 @alicloud/openapi-client

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-22 21:04:22 +08:00
parent a86903fcdc
commit b135987fe8
3410 changed files with 494007 additions and 11 deletions

View File

@@ -1289,6 +1289,25 @@
}"></div>
</div>
</div>
<!-- OSS 存储使用情况 -->
<div v-if="storageType === 'oss'" style="display: flex; align-items: center; gap: 15px;">
<div v-if="ossUsage" style="font-size: 13px; color: var(--text-secondary);">
<i class="fas fa-database" style="color: #667eea;"></i>
已用: <span style="font-weight: 600; color: var(--text-primary);">{{ ossUsage.totalSizeFormatted }}</span>
<span v-if="ossUsage.fileCount" style="margin-left: 8px;">{{ ossUsage.fileCount }} 个文件</span>
<span v-if="ossQuota > 0" style="margin-left: 8px;">
/ 配额: <span style="font-weight: 600;">{{ formatBytes(ossQuota) }}</span>
({{ Math.round((ossUsage.totalSize / ossQuota) * 100) }}%)
</span>
</div>
<div v-else style="font-size: 13px; color: var(--text-muted);">
<i class="fas fa-database"></i> 加载存储信息中...
</div>
<span v-if="ossTraffic" style="margin-left: 15px; padding-left: 15px; border-left: 1px solid var(--glass-border);"><i class="fas fa-exchange-alt" style="color: #22c55e;"></i> 今日流量: <span style="font-weight: 600; color: var(--text-primary);">↓{{ ossTraffic.downloadFormatted }} ↑{{ ossTraffic.uploadFormatted }}</span></span>
<button class="btn btn-secondary" @click="loadOssUsage(); loadOssTraffic();" :disabled="ossUsageLoading" style="padding: 4px 10px; font-size: 12px;">
<i :class="ossUsageLoading ? 'fas fa-sync-alt fa-spin' : 'fas fa-sync-alt'"></i>
</button>
</div>
</div>
<!-- 路径导航 (面包屑) -->
@@ -3520,6 +3539,6 @@
}
</style>
<script src="app.js?v=20260122002"></script>
<script src="app.js?v=20260122007"></script>
</body>
</html>