From cffd1da3e8aa72ebfd8ebfe4b4a765a245c3ee84 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Wed, 13 Aug 2025 17:34:20 +0800
Subject: [PATCH] feat:修改地图颜色
---
src/views/dataCenter/dataCenter.vue | 44 +++++++++++++++++++++++++-------------------
1 files changed, 25 insertions(+), 19 deletions(-)
diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 9a0e478..501ffe4 100644
--- a/src/views/dataCenter/dataCenter.vue
+++ b/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();
}
};
// 切换文件夹
@@ -500,20 +499,20 @@
// 查询
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) => {
@@ -878,21 +877,26 @@
}
}
.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 {
@@ -907,6 +911,8 @@
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;
--
Gitblit v1.9.3