项目资料收集

src/views/project/ledger.vue

@@ -1,34 +1,34 @@
 <template>
     <hc-tab-card :tabs="tabsData" :tab-key="tabsKey" class="hc-project-ledger-page" @change="tabsChange">
         <template #extra>
-            <hc-date-year v-model="searchForm.startYear" v-model:end="searchForm.endYear" />
-            <div class="relative ml-3 w-[300px]">
-                <hc-search-input v-model="searchForm.queryValue" text="搜索" @search="searchClick">
-                    <template #prepend>
-                        <el-select v-model="searchForm.year" placeholder="年份" style="width: 75px">
-                            <el-option label="2023" value="2023" />
-                            <el-option label="2024" value="2024" />
-                        </el-select>
-                    </template>
-                </hc-search-input>
+            <div v-if="tabsKey === '1'" class="hc-flex">
+                <hc-date-year v-model="searchForm.startYear" v-model:end="searchForm.endYear" />
+                <div class="relative ml-3 w-[300px]">
+                    <hc-search-input v-model="searchForm.queryValue" text="搜索" @search="searchClick">
+                        <template #prepend>
+                            <el-select v-model="searchForm.year" placeholder="年份" style="width: 75px">
+                                <el-option label="2023" value="2023" />
+                                <el-option label="2024" value="2024" />
+                            </el-select>
+                        </template>
+                    </hc-search-input>
+                </div>
+                <div class="ml-6 w-[120px]">
+                    <el-select v-model="searchForm.key1" filterable clearable block placeholder="项目阶段" @change="searchClick">
+                        <el-option v-for="item in stateData" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="ml-2 w-[100px]">
+                    <el-select v-model="searchForm.key2" filterable clearable block placeholder="项目类型" @change="searchClick">
+                        <el-option v-for="item in typeData" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <el-button v-yes-com:[deriveTableItem] type="primary" class="ml-2">批量导出</el-button>
             </div>
-            <div class="ml-6 w-[120px]">
-                <el-select v-model="searchForm.key1" filterable clearable block placeholder="项目阶段" @change="searchClick">
-                    <el-option v-for="item in stateData" :key="item.value" :label="item.label" :value="item.value" />
-                </el-select>
-            </div>
-            <div class="ml-2 w-[100px]">
-                <el-select v-model="searchForm.key2" filterable clearable block placeholder="项目类型" @change="searchClick">
-                    <el-option v-for="item in typeData" :key="item.value" :label="item.label" :value="item.value" />
-                </el-select>
-            </div>
-            <el-button v-yes-com:[deriveTableItem] type="primary" class="ml-2">批量导出</el-button>
         </template>
-
-        <HcTableList ref="tableRef" />
-
+        <HcTableList v-if="tabsKey === '1'" ref="tableRef" />
         <template #action>
-            <hc-pages :pages="searchForm" @change="pageChange" />
+            <hc-pages v-if="tabsKey === '1'" :pages="searchForm" @change="pageChange" />
         </template>
     </hc-tab-card>
 </template>