年份处理

src/views/everydayPage/annual.vue

 <template>
   <div class="manage-container">
     <div class="manage-wrap">
-      <search-form @search="handleSearch" :items="items" />
+      <search-form ref="searchRef" @search="handleSearch" :items="items" />
       <div class="manage-header">
         <div class="header-left"></div>
         <div class="header-right">
@@ -60,6 +60,7 @@ import { ElMessage, ElMessageBox } from "element-plus";
 import CommonTable from "@/components/common/commonTable.vue";
 import SearchForm from "@/components/common/SearchForm.vue";
 
+const searchRef = ref();
 const handleSearch = (formData) => {
   currentPage.value = 1;
 
@@ -91,14 +92,20 @@ const items = ref([
     span: 6,
     clearable: true,
   },
+
   {
-    type: "input",
-    label: "直属企业",
-    prop: "zsqy",
-    placeholder: "请输入直属企业",
-    span: 6,
+    type: "date",
+    label: "年度",
+    prop: "jhnf",
+    dateType: "year",
+    format: "YYYY",
+    valueFormat: "YYYY",
+    placeholder: "请选择年度",
     clearable: true,
+    defaultValue: new Date().getFullYear().toString(),
+    span: 6,
   },
+
   {
     type: "input",
     label: "管理主体",
@@ -248,7 +255,7 @@ const deleteStatement = (item) => {
     .catch(() => {});
 };
 onMounted(() => {
-  getProjectData();
+  searchRef.value.search();
 });
 </script>