feat:界面优化

张含笑

2025-08-23 26d6fbb0c19105367f00ffd88049f830c1a18250

 src/views/dataCenter/dataCenter.vue

@@ -4,6 +4,7 @@
  >
    <div class="dataCenter-table">
      <searchData
      ref="searchBoxRef"
      :searchjobId="searchjobId"
      :switchFolders="switchFolders"
        @search="searchClick"
@@ -12,10 +13,12 @@
        @handleswitchFolders="handleswitchFolders"
        @handleBack ="handleBack"
       :viewDetails ="viewDetails"
    
      ></searchData>
      <!-- 文件夹 -->
      <div v-if="switchFolders" class="dataTable">
            <el-table
          
         class="custom-header custom-body"
          v-loading="loadings"
          element-loading-text=""
@@ -35,7 +38,7 @@
          <el-table-column property="name" label="任务名称" show-overflow-tooltip />    
           <el-table-column property="regionName" label="所属区域">
             <template #default="scope">
              <span>{{scope.row.regionName ? scope.row.regionName :'--'}}</span>
              <span>{{scope.row.city_name ? scope.row.city_name :'--'}},{{scope.row.area_name ? scope.row.area_name :'--'}}</span>
            </template>
            </el-table-column>   
          <el-table-column property="nickname" label="所属机巢" >
@@ -55,6 +58,7 @@
      <!-- 表格部分 -->
      <div class="dataTable" v-else>
        <el-table   
        border
          v-loading="loadings"
          element-loading-text=""
          :data="tableData"
@@ -486,11 +490,11 @@
const folderList = ref([])
// 获取文件夹数据
const getFolderList=()=>{
 loadings.value = true;
 const apiParams = {
  ...FolderListParams,
  };
  getJobIdsBySnApi(apiParams)
    loadings.value = true;
    const apiParams = {
      ...FolderListParams,
      };
    getJobIdsBySnApi(apiParams)
      .then(res => {
    folderList.value = res.data.data.records.map(i => ({ ...i, checked: false }))
    total.value = res.data.data.total  
@@ -523,18 +527,21 @@
     switchFolders.value = !switchFolders.value;
     jobListParams.current = 1;
     FolderListParams.page = 1;
     fetchData();  
     
    
     searchBoxRef.value?.handleReset();
      fetchData();  
   };
   const handleBack =()=>{
    searchjobId.value = ''
    switchFolders.value = true
    viewDetails.value = false
    jobListParams.current = 1;
     FolderListParams.page = 1;
    FolderListParams.page = 1;
     fetchData();  
 
   }
   const searchBoxRef = ref(null);
  
// 查询
const searchClick = params => {
  if(switchFolders.value){