From 5445620776cf2ce5f5b9f7c1a7d54b0e2ff1bb9e Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 12 Aug 2025 14:10:59 +0800
Subject: [PATCH] feat:样式调整
---
src/views/dataCenter/components/searchData.vue | 7 ++++---
src/views/dataCenter/dataCenter.vue | 26 ++++++++++++++------------
2 files changed, 18 insertions(+), 15 deletions(-)
diff --git a/src/views/dataCenter/components/searchData.vue b/src/views/dataCenter/components/searchData.vue
index 3a9f8da..829b13e 100644
--- a/src/views/dataCenter/components/searchData.vue
+++ b/src/views/dataCenter/components/searchData.vue
@@ -147,7 +147,7 @@
const timeRange = [startTime.format('YYYY-MM-DD HH:mm:ss'), endTime.format('YYYY-MM-DD HH:mm:ss')];
const dateRange = ref(timeRange);
const timeFormat = 'YYYY-MM-DD HH:mm:ss';
-const props = defineProps(['jobName','switchFolders'])
+const props = defineProps(['searchjobId','switchFolders'])
const searchForm = reactive({
jobName: '', //任务名称
name: '', //文件名称
@@ -157,6 +157,7 @@
deviceSn: '', // 所属机巢
resultType: '', //文件格式
photoType: '', //文件类别
+ wayLineJobId:''
});
const disabled = ref(false);
const treeProps = {
@@ -213,8 +214,8 @@
},
{ deep: true }
);
-watch(() => props.jobName, (newVal) => {
- searchForm.jobName = newVal;
+watch(() => props.searchjobId, (newVal) => {
+ searchForm.wayLineJobId = newVal;
handleSearch()
});
const foldersDisabled = ref(false)
diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 6b34e7a..368b873 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();
}
};
// 切换文件夹
@@ -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;
--
Gitblit v1.9.3