feat : 文件组件抽象封装

src/components/DetailComponent/ApprovalDetail.vue

@@ -2,18 +2,15 @@
   <div  v-loading="loading">
     <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>
     <!-- <AttachmentUpload></AttachmentUpload> -->
-    <el-form :model="formData" label-width="auto">
+    <el-form :model="formData" label-width="auto" v-if="fileListShow === 'READ' || fileListShow === 'EDIT'">
       <el-form-item label="其他文件">
-        <el-table :data="formData.fileList" style="width: 100%">
-          <el-table-column label="序号" type="index" width="80"></el-table-column>
-          <el-table-column label="文件名称" prop="originalFileName"></el-table-column>
-          <el-table-column label="标签" prop="tag"></el-table-column>
-          <el-table-column label="文件大小" prop="size">
-            <template #default="{row}">
-              {{ parseInt(row.size / 1024) + 'KB' }}
-            </template>
-          </el-table-column>
-        </el-table>
+        <file-upload @getFile="getOtherFile" v-if="fileListShow === 'EDIT'"/>
+        <fvTable style="width: 100%;max-height: 400px;" v-if="processViewer" :tableConfig="tableConfig"
+                 :data="localFormData.fileList" :isSettingCol="false" :pagination="false">
+          <template #empty>
+            <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+          </template>
+        </fvTable>
       </el-form-item>
     </el-form>
     <div class="approval-record">