feat:样式调整

张含笑

2025-08-12 5445620776cf2ce5f5b9f7c1a7d54b0e2ff1bb9e

 src/views/dataCenter/dataCenter.vue

@@ -4,6 +4,7 @@
  >
    <div class="dataCenter-table">
      <searchData
      :searchjobId="searchjobId"
      :switchFolders="switchFolders"
        @search="searchClick"
        @downFun="downloadFile"
@@ -471,12 +472,12 @@
        loadings.value = false; 
      })
}
const jobName = ref('')
const searchjobId = ref('')
const foldersOpen = (val)=>{
loadings.value = true;
tableData.value=[]
jobName.value = val.name
switchFolders.value = false
    loadings.value = true;
    tableData.value=[]
    searchjobId.value = val.job_id
    switchFolders.value = false

}
// 获取数据时使用各自的分页参数
@@ -485,9 +486,7 @@
  if (switchFolders.value) {
    getFolderList();
  } else {
    getaiImagesPage();
  
    
    getaiImagesPage();  
  }
};
// 切换文件夹
@@ -878,17 +877,20 @@
    }
  }
   .fileshow {
         display: grid;
         grid-template-columns: repeat(6, 1fr);
         gap: 10px;
       display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
  overflow: auto;
  flex: 1;
  min-height: 0; /* 关键：解决 flex 容器中的最小高度问题 */
  align-content: flex-start; /* 让内容从顶部开始排列 */
         .filePackage {
            width: 260px;
            height: 146px;
            border-radius: 4px 4px 4px 4px;
            position: relative;
            background: #ddd;
            // cursor: pointer;
            cursor: pointer;
            img {
               width: 111px;
               height: 111px;