feat: 支出明细筛选和导出功能

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

@@ -11,95 +11,44 @@
 import fvSelect from '@/fvcomponents/fvSelect/index.vue'
 import {toThousands} from '@/utils/changePrice.js'
 import { getSubCompOpt } from '@/api/user/user.js';
+import {reactive, ref} from "vue";
 const router = useRouter()
 const route = useRoute()
-const searchConfig = ref([
+const searchConfig = reactive([
   {
-    label: '公司名称',
-    prop: 'affiliatedCompanyIds',
-    component: 'el-tree-select',
-    props: {
-      placeholder: '请输入公司名称查询',
-      clearable: true,
-      data: [],
-      filterable: true,
-      checkStrictly: true,
-      remote: true
-    }
-  },
-  {
-    label: '项目名称',
-    prop: 'projectName',
+    label: '分摊名称',
+    prop: 'shareName',
     component: 'el-input',
     props: {
-      placeholder: '请输入项目名称查询',
+      placeholder: '请输入分摊名称查询',
       clearable: true,
       filterable: true,
       checkStrictly: true
     }
   },
-
   {
-    label: '项目费用',
-    prop: 'projectCost',
-    component: shallowRef(fvSelect),
-    props: {
-      placeholder: '请选择项目费用查询',
-      clearable: true,
-      filterable: true,
-      cacheKey: 'project_cost',
-      remote: true
-    }
-  },
-  {
-    label: '研发阶段',
-    prop: 'researchStage',
-    component: shallowRef(fvSelect),
-    props: {
-      placeholder: '请选择研发阶段查询',
-      clearable: true,
-      filterable: true,
-      checkStrictly: true,
-      cacheKey: 'fee_stage',
-      remote: true
-    }
-  },
-
-  {
-    label: '时间',
-    prop: 'time',
+    label: '分摊月份',
+    prop: 'apportionmentMonth',
     component: 'el-date-picker',
     props: {
-      placeholder: '请选择时间',
+      placeholder: '请选择分摊月份',
       clearable: true,
       type:'month',
       format: 'YYYY-MM',
-      valueFormat:'YYYY-MM',
+      valueFormat:"YYYY-MM"
     },
     colProps: {}
   },
-  {
-    label: '税后余额',
-    prop: 'afterTax',
-    component: 'el-input',
-    props: {
-      placeholder: '请输入税后余额查询',
-      clearable: true,
-      filterable: true,
-      checkStrictly: true
-    }
-  },
-  {
-    label: '摘要',
-    prop: 'digest',
-    component: 'el-input',
-    props: {
-      placeholder: '请输入摘要查询',
-      clearable: true,
-      filterable: true,
-      checkStrictly: true
-    }
-  },
+  // {
+  //   label: '状态',
+  //   prop: 'state',
+  //   component: shallowRef(fvSelect),
+  //   props: {
+  //     placeholder: '请选择状态',
+  //     clearable: true,
+  //     cacheKey: 'special_fund'
+  //   }
+  // },
 ])
 const tableIns = ref()
 const tableConfig = reactive({