From e3c98161a15fc1e82397147a591d4043fe7438ca Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 12 Aug 2025 11:33:45 +0800
Subject: [PATCH] feat:修复loading效果
---
src/views/dataCenter/dataCenter.vue | 50 +++++++++++++++++++-------------------------------
1 files changed, 19 insertions(+), 31 deletions(-)
diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 9172422..9a0e478 100644
--- a/src/views/dataCenter/dataCenter.vue
+++ b/src/views/dataCenter/dataCenter.vue
@@ -4,15 +4,14 @@
>
<div class="dataCenter-table">
<searchData
- :jobName ="jobName"
:switchFolders="switchFolders"
@search="searchClick"
@downFun="downloadFile"
@allDownFun="aLLDownloadFile"
- @handleswitchFolders="handleswitchFolders"
+ @handleswitchFolders="handleswitchFolders"
></searchData>
<!-- 文件夹 -->
- <div class="fileshow" v-if="switchFolders" v-loading="loadings " element-loading-text="加载中">
+ <div class="fileshow" v-if="switchFolders" v-loading="loadings " element-loading-text="加载中">
<div
class="filePackage"
v-for="(folderItem, fileIndex) in folderList"
@@ -27,7 +26,7 @@
</div>
</div>
<!-- 表格部分 -->
- <div class="dataTable" v-else v-loading="loadings" element-loading-text="加载中">
+ <div class="dataTable" v-else>
<el-table
border
stripe
@@ -140,11 +139,9 @@
</el-table-column>
</el-table>
</div>
-
-
<!-- 分页 -->
<div class="pagination">
- <el-pagination
+ <el-pagination
:current-page="switchFolders ? FolderListParams.page : jobListParams.current"
:page-size="switchFolders ? FolderListParams.page_size : jobListParams.size"
:page-sizes="[10, 20, 30, 40]"
@@ -154,7 +151,7 @@
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
- </div>
+ </div>
<!-- 查看弹框 -->
<el-dialog
v-model="dialogVisible"
@@ -475,13 +472,13 @@
})
}
const jobName = ref('')
-// const foldersOpen = (val)=>{
-// loadings.value = true;
-// tableData.value=[]
-// jobName.value = val.name
-// switchFolders.value = false
+const foldersOpen = (val)=>{
+loadings.value = true;
+tableData.value=[]
+jobName.value = val.name
+switchFolders.value = false
-// }
+}
// 获取数据时使用各自的分页参数
const fetchData = () => {
loadings.value = true;
@@ -501,31 +498,23 @@
fetchData();
};
// 查询
-const searchClick = async (params) => {
- loadings.value = true;
- total.value = 0;
-
- if (switchFolders.value) {
- // 文件夹
- FolderListParams.page = 1;
+const searchClick = params => {
+ if(switchFolders.value){
+ 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,
- await getFolderList();
- } else {
- // 表格
- jobListParams.current = 1;
+getFolderList()
+ }else{
+ jobListParams.current = 1;
jobListParams.size = 10;
jobListParams.searchParams = {
...jobListParams.searchParams,
...params
};
- await getaiImagesPage();
-
+ getaiImagesPage()
}
-
- loadings.value = false;
};
const handleSizeChange = (val) => {
if (switchFolders.value) {
@@ -854,7 +843,6 @@
viewInstance.value?.viewerDestroy();
});
</script>
-
<style scoped lang="scss">
.dataCenter-table {
height: 0;
@@ -1099,4 +1087,4 @@
}
}
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.3