fix : 项目归档附件查询功能优化

src/components/DetailComponent/ExpenseDetail.vue

@@ -1,34 +1,15 @@
 <template>
   <div v-loading="loading">
-    <el-form :model="formData" ref="form" class="query-form" label-width="auto">
-      <el-row>
-        <el-col :span="24">
-          <el-form-item>
-            <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item>
-            <el-table :data="detailList" style="width: 100%">
-              <el-table-column prop="projectId" label="项目名称" width="180"/>
-              <el-table-column prop="researchPersonnel" label="研发人员" width="180"/>
-              <el-table-column prop="wagesPayable" label="应发工资"/>
-              <el-table-column prop="performance" label="绩效"/>
-              <el-table-column prop="reserveFund" label="公积金"/>
-              <el-table-column prop="socialSecurity" label="社保"/>
-              <el-table-column prop="annuity" label="年金"/>
-              <el-table-column prop="workday" label="工作日(天)"/>
-              <el-table-column prop="researchDuration" label="研发时长(天)"/>
-            </el-table>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
+    <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+    <fvTable ref="tableIns" :tableConfig="tableConfig" :data="detailList" style="width: 100%">
+      <template #empty>
+        <el-empty description="暂无数据"/>
+      </template>
+    </fvTable>
   </div>
 </template>
 
 <script setup lang="jsx">
-
 const searchConfig = reactive([
   {
     label: '项目名称',
@@ -63,16 +44,57 @@ const searchConfig = reactive([
     colProps: {}
   },
 ])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'projectName',
+      label: '项目名称',
+      align: 'center'
+    },
+    {
+      prop: 'researchPersonnel',
+      label: '研发人员',
+      align: 'center'
+    },
+    {
+      prop: 'wagesPayable',
+      label: '应发工资',
+      align: 'center'
+    },
+    {
+      prop: 'performance',
+      label: '绩效',
+      align: 'center'
+    },
+    {
+      prop: 'reserveFund',
+      label: '公积金',
+      align: 'center'
+    },
+    {
+      prop: 'socialSecurity',
+      label: '社保',
+      align: 'center'
+    },
+    {
+      prop: 'annuity',
+      label: '年金',
+      align: 'center'
+    },
+    {
+      prop: 'workday',
+      label: '工作日(天)',
+      align: 'center'
+    },
+    {
+      prop: 'researchDuration',
+      label: '研发时长(天)',
+      align: 'center'
+    },
+  ]
+})
 const tableIns = ref()
 const props = defineProps({
-  formData: {
-    type: Array,
-    default: []
-  },
-  data: {
-    type: Array,
-    default: []
-  },
   detailList: {
     type: Array,
     default: []