refactor: remove upload status cards from project detail upload page

This commit is contained in:
wkc
2026-03-05 15:33:09 +08:00
parent ba939b8eb6
commit bd0b25d059

View File

@@ -46,49 +46,6 @@
</div>
</div>
<!-- 统计卡片区域 -->
<div class="statistics-section">
<div class="stat-card" @click="handleStatusFilter('uploading')">
<div class="stat-icon uploading">
<i class="el-icon-upload"></i>
</div>
<div class="stat-content">
<div class="stat-label">上传中</div>
<div class="stat-value">{{ statistics.uploading }}</div>
</div>
</div>
<div class="stat-card" @click="handleStatusFilter('parsing')">
<div class="stat-icon parsing">
<i class="el-icon-loading"></i>
</div>
<div class="stat-content">
<div class="stat-label">解析中</div>
<div class="stat-value">{{ statistics.parsing }}</div>
</div>
</div>
<div class="stat-card" @click="handleStatusFilter('parsed_success')">
<div class="stat-icon success">
<i class="el-icon-success"></i>
</div>
<div class="stat-content">
<div class="stat-label">解析成功</div>
<div class="stat-value">{{ statistics.parsed_success }}</div>
</div>
</div>
<div class="stat-card" @click="handleStatusFilter('parsed_failed')">
<div class="stat-icon failed">
<i class="el-icon-error"></i>
</div>
<div class="stat-content">
<div class="stat-label">解析失败</div>
<div class="stat-value">{{ statistics.parsed_failed }}</div>
</div>
</div>
</div>
<!-- 文件上传记录列表 -->
<div class="file-list-section">
<div class="list-toolbar">
@@ -986,13 +943,6 @@ export default {
// === 辅助方法 ===
/** 状态筛选 */
handleStatusFilter(status) {
this.queryParams.fileStatus = status;
this.queryParams.pageNum = 1;
this.loadFileList();
},
/** 分页变化 */
handlePageChange(pageNum) {
this.queryParams.pageNum = pageNum;
@@ -1321,77 +1271,6 @@ export default {
}
}
// 统计卡片区域
.statistics-section {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-bottom: 16px;
.stat-card {
background: #fff;
border-radius: 4px;
padding: 20px;
display: flex;
align-items: center;
gap: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
cursor: pointer;
transition: all 0.3s;
&:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.stat-icon {
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
&.uploading {
background: rgba(64, 158, 255, 0.1);
color: #409eff;
}
&.parsing {
background: rgba(230, 162, 60, 0.1);
color: #e6a23c;
}
&.success {
background: rgba(103, 194, 58, 0.1);
color: #67c23a;
}
&.failed {
background: rgba(245, 108, 108, 0.1);
color: #f56c6c;
}
}
.stat-content {
flex: 1;
.stat-label {
font-size: 14px;
color: #909399;
margin-bottom: 4px;
}
.stat-value {
font-size: 24px;
font-weight: 600;
color: #303133;
}
}
}
}
// 文件列表区域
.file-list-section {
background: #fff;
@@ -1522,9 +1401,6 @@ export default {
gap: 16px;
}
.statistics-section {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
@@ -1550,10 +1426,6 @@ export default {
grid-template-columns: 1fr;
}
.statistics-section {
grid-template-columns: 1fr;
}
.file-list-section .list-toolbar {
flex-direction: column;
align-items: flex-start;