feat(expense-management): 为成本明细页面添加年份和月份筛选功能

- 在成本明细、支出明细和分摊明细页面的搜索表单中添加了年份和月份选择器
- 优化了搜索表单的样式和布局- 注释掉了部分未使用的代码

src/views/expense-management/cost-detail/index.vue

@@ -3,7 +3,8 @@
   <div style="float: left">
     <import-cost-excel @success="importTheExpenseLedger"/>
   </div>
-  <fvTable ref="tableIns" class="tablte" :tableConfig="tableConfig" @headBtnClick="headBtnClick" :changeExportPosition="true">
+  <fvTable ref="tableIns" class="tablte" :tableConfig="tableConfig" @headBtnClick="headBtnClick"
+           :changeExportPosition="true">
     <template #empty>
       <el-empty description="暂无数据"/>
     </template>
@@ -21,10 +22,36 @@ import {
   getMasterProjectNameOption,
   getSubprojectNameOption
 } from "@/api/project-demand/summary/index.js";
+
 const router = useRouter()
 const route = useRoute()
 const searchConfig = ref([
-
+  // {
+  //   label: '年份',
+  //   prop: 'rdYear',
+  //   component: 'el-date-picker',
+  //   props: {
+  //     placeholder: '请选择年份',
+  //     clearable: true,
+  //     type: 'year',
+  //     format: 'YYYY',
+  //     valueFormat: 'YYYY',
+  //   },
+  //   colProps: {}
+  // },
+  // {
+  //   label: '月份',
+  //   prop: 'rdMonth',
+  //   component: 'el-date-picker',
+  //   props: {
+  //     placeholder: '请选择月份',
+  //     clearable: true,
+  //     type: 'month',
+  //     format: 'MM',
+  //     valueFormat: 'MM',
+  //   },
+  //   colProps: {}
+  // },
   {
     label: '主项目',
     prop: 'masterProjectName',
@@ -100,19 +127,7 @@ const searchConfig = ref([
   //   },
   //   colProps: {}
   // },
-  // {
+
-  //   label: '归档时间',
-  //   prop: 'filingTime',
-  //   component: 'el-date-picker',
-  //   props: {
-  //     placeholder: '请选择归档时间',
-  //     clearable: true,
-  //     type:'date',
-  //     format: 'YYYY-MM-DD HH:mm',
-  //     valueFormat:'YYYY-MM-DD HH:mm',
-  //   },
-  //   colProps: {}
-  // },
 ])
 const tableIns = ref()
 const tableConfig = reactive({
@@ -320,6 +335,7 @@ const importTheExpenseLedger = () => {
 :deep(.el-form-item__label-wrap) {
   margin-left: 0 !important;
 }
+
 :deep(.el-table__header) {
   .is-leaf:first-child {
     .cell {
@@ -335,6 +351,7 @@ const importTheExpenseLedger = () => {
     }
   }
 }
+
 :deep(.el-date-editor--month) {
   width: 100%;
 }

src/views/expense-management/expend-detail/index.vue

@@ -20,7 +20,32 @@ const router = useRouter()
 const route = useRoute()
 const searchConfig = ref(
     [
-
+      // {
+      //   label: '年份',
+      //   prop: 'paymentYear',
+      //   component: 'el-date-picker',
+      //   props: {
+      //     placeholder: '请选择年份',
+      //     clearable: true,
+      //     type: 'year',
+      //     format: 'YYYY',
+      //     valueFormat: 'YYYY',
+      //   },
+      //   colProps: {}
+      // },
+      // {
+      //   label: '月份',
+      //   prop: 'paymentMonth',
+      //   component: 'el-date-picker',
+      //   props: {
+      //     placeholder: '请选择月份',
+      //     clearable: true,
+      //     type: 'month',
+      //     format: 'MM',
+      //     valueFormat: 'MM',
+      //   },
+      //   colProps: {}
+      // },
   {
     label: '主项目',
     prop: 'masterProjectName',

src/views/expense-management/share-detail/index.vue

@@ -2,7 +2,7 @@
   <fvSearchForm :searchConfig="searchConfig" @search="search" style="margin-left: 16px"></fvSearchForm>
 <!--  <el-button color="#DED0B2" style="float: left;margin: 0 10px 10px 0" @click="exportTable">导出</el-button>-->
 
-  <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick" style="margin-top: 15px"  @selectionChange="selectionChange">
+  <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick"   @selectionChange="selectionChange">
     <template #empty>
       <el-empty description="暂无数据"/>
     </template>
@@ -24,7 +24,32 @@ import {
 const router = useRouter()
 const route = useRoute()
 const searchConfig = ref([
-
+  // {
+  //   label: '年份',
+  //   prop: 'paymentYear',
+  //   component: 'el-date-picker',
+  //   props: {
+  //     placeholder: '请选择年份',
+  //     clearable: true,
+  //     type: 'year',
+  //     format: 'YYYY',
+  //     valueFormat: 'YYYY',
+  //   },
+  //   colProps: {}
+  // },
+  // {
+  //   label: '月份',
+  //   prop: 'paymentMonth',
+  //   component: 'el-date-picker',
+  //   props: {
+  //     placeholder: '请选择月份',
+  //     clearable: true,
+  //     type: 'month',
+  //     format: 'MM',
+  //     valueFormat: 'MM',
+  //   },
+  //   colProps: {}
+  // },
   {
     label: '主项目',
     prop: 'masterProjectName',