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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user