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

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

@@ -1,6 +1,6 @@
 <template>
-<!--  <fvSearchForm :searchConfig="searchConfig" @search="search" style="margin-left: 16px"></fvSearchForm>-->
-  <fvTable ref="tableIns" :tableConfig="tableConfig" style="margin-top: 15px">
+  <fvSearchForm :searchConfig="searchConfig" @search="search" style="margin-left: 16px"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" >
     <template #empty>
       <el-empty description="暂无数据"/>
     </template>
@@ -13,93 +13,57 @@ import {toThousands} from '@/utils/changePrice.js'
 import { getSubCompOpt } from '@/api/user/user.js';
 const router = useRouter()
 const route = useRoute()
-const searchConfig = ref([
+const searchConfig = ref(
+    [
+
   {
-    label: '公司名称',
-    prop: 'affiliatedCompanyIds',
-    component: 'el-tree-select',
-    props: {
-      placeholder: '请输入公司名称查询',
-      clearable: true,
-      data: [],
-      filterable: true,
-      checkStrictly: true,
-      remote: true
-    }
-  },
-  {
-    label: '项目名称',
-    prop: 'projectName',
+    label: '主项目',
+    prop: 'masterProjectName',
     component: 'el-input',
     props: {
-      placeholder: '请输入项目名称查询',
+      placeholder: '请输入主项目查询',
       clearable: true,
       filterable: true,
       checkStrictly: true
     }
   },
-
   {
-    label: '项目费用',
-    prop: 'projectCost',
-    component: shallowRef(fvSelect),
+    label: '子项目',
+    prop: 'subProjectName',
+    component: 'el-input',
     props: {
-      placeholder: '请选择项目费用查询',
+      placeholder: '请输入子项目查询',
       clearable: true,
       filterable: true,
-      cacheKey: 'project_cost',
-      remote: true
+      checkStrictly: true
     }
   },
   {
-    label: '研发阶段',
-    prop: 'researchStage',
+    label: '项目类型',
+    prop: 'projectType',
     component: shallowRef(fvSelect),
     props: {
-      placeholder: '请选择研发阶段查询',
+      placeholder: '请选择项目类型',
+      cacheKey: 'project_type',
       clearable: true,
       filterable: true,
-      checkStrictly: true,
-      cacheKey: 'fee_stage',
       remote: true
-    }
-  },
-
-  {
-    label: '时间',
-    prop: 'time',
-    component: 'el-date-picker',
-    props: {
-      placeholder: '请选择时间',
-      clearable: true,
-      type:'month',
-      format: '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: '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({
@@ -116,12 +80,12 @@ const tableConfig = reactive({
     // },
     {
       prop: 'paymentYear',
-      label: '支出年份',
+      label: '支付年份',
       align: 'center'
     },
     {
       prop: 'paymentMonth',
-      label: '月份',
+      label: '支付月份',
       align: 'center'
     },
 
@@ -154,13 +118,21 @@ const tableConfig = reactive({
     },
     {
       prop: 'rdType',
-      label: 'RAD统计类型',
-      align: 'center'
+      label: 'R&D统计类型',
+      align: 'center',
+      width: 200
+    },
+    {
+      prop: 'rdSub',
+      label: 'R&D统计子项',
+      align: 'center',
+      width: 150
     },
     {
       prop: 'paymentProcessType',
       label: '付款流程类型',
       align: 'center',
+      width: 150
     },
     {
       prop: 'processState',
@@ -171,11 +143,13 @@ const tableConfig = reactive({
       prop: 'filingTime',
       label: '归档时间',
       align: 'center',
+      width: 180
     },
     {
       prop: 'paymentProcessNum',
       label: '付款流程编号',
       align: 'center',
+      width: 150
     },
     {
       prop: 'paymentAmount',
@@ -186,6 +160,7 @@ const tableConfig = reactive({
       prop: 'paymentSubject',
       label: '付款/请款事由',
       align: 'center',
+      width: 130
     },
 
     {
@@ -200,7 +175,19 @@ const tableConfig = reactive({
     },
     {
       prop: 'contractSumAmount',
-      label: '合同金额(元)',
+      label: '合同总额(元)',
+      align: 'center',
+      width: 130
+    },
+    {
+      prop: 'recipientName',
+      label: '收款方名称',
+      align: 'center',
+      width: 130
+    },
+    {
+      prop: 'remarks',
+      label: '备注说明',
       align: 'center',
     },
   ],