调整上传数据页分页与卡片状态

ruoyi-ui/src/views/ccdiProject/components/detail/UploadData.vue

@@ -27,7 +27,12 @@
       <!-- 上传模块 -->
       <div class="upload-section">
         <div class="upload-cards">
-          <div v-for="card in uploadCards" :key="card.key" class="upload-card">
+          <div
+            v-for="card in uploadCards"
+            :key="card.key"
+            class="upload-card"
+            :class="{ 'is-disabled': card.disabled }"
+          >
             <div class="card-icon">
               <i :class="card.icon"></i>
             </div>
@@ -38,6 +43,7 @@
               :type="card.uploaded ? 'primary' : ''"
               :icon="card.uploaded ? 'el-icon-view' : 'el-icon-upload2'"
               :plain="!card.uploaded"
+              :disabled="card.disabled"
               @click="handleUploadClick(card.key)"
             >
               {{ card.btnText }}
@@ -49,21 +55,6 @@
       <!-- 文件上传记录列表 -->
       <div class="file-list-section">
         <div class="list-toolbar">
-          <div class="filter-group">
-            <el-select
-              v-model="queryParams.fileStatus"
-              placeholder="文件状态"
-              clearable
-              @change="loadFileList"
-              style="width: 150px"
-            >
-              <el-option label="上传中" value="uploading"></el-option>
-              <el-option label="解析中" value="parsing"></el-option>
-              <el-option label="解析成功" value="parsed_success"></el-option>
-              <el-option label="解析失败" value="parsed_failed"></el-option>
-            </el-select>
-          </div>
-
           <el-button icon="el-icon-refresh" @click="handleManualRefresh">刷新</el-button>
         </div>
 
@@ -365,6 +356,7 @@ export default {
           icon: "el-icon-document",
           btnText: "上传流水",
           uploaded: false,
+          disabled: false,
         },
         {
           key: "credit",
@@ -373,6 +365,7 @@ export default {
           icon: "el-icon-s-data",
           btnText: "上传征信",
           uploaded: false,
+          disabled: true,
         },
         {
           key: "namelist",
@@ -381,6 +374,7 @@ export default {
           icon: "el-icon-s-order",
           btnText: "选择名单",
           uploaded: false,
+          disabled: true,
         },
       ],
       // 质量指标
@@ -422,9 +416,8 @@ export default {
       listLoading: false,
       queryParams: {
         projectId: null,
-        fileStatus: null,
         pageNum: 1,
-        pageSize: 20,
+        pageSize: 10,
       },
       total: 0,
 
@@ -544,7 +537,7 @@ export default {
     /** 上传卡片点击 */
     handleUploadClick(key) {
       const card = this.uploadCards.find((c) => c.key === key);
-      if (!card) return;
+      if (!card || card.disabled) return;
 
       if (key === "transaction") {
         // 流水导入 - 打开批量上传弹窗
@@ -881,7 +874,6 @@ export default {
       try {
         const params = {
           projectId: this.projectId,
-          fileStatus: this.queryParams.fileStatus,
           pageNum: this.queryParams.pageNum,
           pageSize: this.queryParams.pageSize,
         };
@@ -1160,6 +1152,23 @@ export default {
           box-shadow: 0 4px 12px rgba(24, 144, 255, 0.15);
         }
 
+        &.is-disabled {
+          background-color: #fafafa;
+          border-color: #ebeef5;
+          opacity: 0.7;
+
+          &:hover {
+            border-color: #ebeef5;
+            box-shadow: none;
+          }
+
+          .card-icon,
+          .card-title,
+          .card-desc {
+            color: #c0c4cc;
+          }
+        }
+
         .card-icon {
           font-size: 32px;
           color: #1890ff;
@@ -1291,14 +1300,9 @@ export default {
 
   .list-toolbar {
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-end;
     align-items: center;
     margin-bottom: 16px;
-
-    .filter-group {
-      display: flex;
-      gap: 12px;
-    }
   }
 }