refactor: remove upload status cards from project detail upload page
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user