feat:样式调整

张含笑

2025-08-12 5445620776cf2ce5f5b9f7c1a7d54b0e2ff1bb9e

feat:样式调整

 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)

 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;