| | |
| | | > |
| | | <div class="dataCenter-table"> |
| | | <searchData |
| | | :searchjobId="searchjobId" |
| | | :switchFolders="switchFolders" |
| | | @search="searchClick" |
| | | @downFun="downloadFile" |
| | |
| | | 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 |
| | | |
| | | } |
| | | // 获取数据时使用各自的分页参数 |
| | |
| | | if (switchFolders.value) { |
| | | getFolderList(); |
| | | } else { |
| | | getaiImagesPage(); |
| | | |
| | | |
| | | getaiImagesPage(); |
| | | } |
| | | }; |
| | | // 切换文件夹 |
| | |
| | | // 查询 |
| | | const searchClick = params => { |
| | | if(switchFolders.value){ |
| | | FolderListParams.page = 1; |
| | | FolderListParams.page = 1; |
| | | FolderListParams.page_size = 30; |
| | | FolderListParams.startTime = params.startTime?.slice(0, 10); |
| | | FolderListParams.endTime = params.endTime?.slice(0, 10); |
| | | FolderListParams.waylineName=params.jobName, |
| | | getFolderList() |
| | | getFolderList() |
| | | }else{ |
| | | jobListParams.current = 1; |
| | | jobListParams.size = 10; |
| | | jobListParams.searchParams = { |
| | | jobListParams.current = 1; |
| | | jobListParams.size = 10; |
| | | jobListParams.searchParams = { |
| | | ...jobListParams.searchParams, |
| | | ...params |
| | | }; |
| | | getaiImagesPage() |
| | | getaiImagesPage() |
| | | } |
| | | }; |
| | | const handleSizeChange = (val) => { |
| | |
| | | } |
| | | } |
| | | .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 { |
| | | display: flex; |
| | | justify-content: center; |
| | | width: 260px; |
| | | height: 146px; |
| | | border-radius: 4px 4px 4px 4px; |
| | | position: relative; |
| | | background: #ddd; |
| | | // cursor: pointer; |
| | | cursor: pointer; |
| | | img { |
| | | width: 111px; |
| | | height: 111px; |
| | | margin-left: 56px; |
| | | |
| | | } |
| | | |
| | | .el-checkbox { |
| | |
| | | left: 0; |
| | | height: 23px; |
| | | width: 100%; |
| | | padding: 0 10px; |
| | | box-sizing: border-box; |
| | | background: rgba(22, 56, 101, 0.3); |
| | | border-radius: 0px 0px 4px 4px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |