fix : 修复细节

src/views/projectdemand/demandcollection/detail.vue

@@ -36,23 +36,12 @@
           <baseTitle title="附件列表"></baseTitle>
           <el-col :span="24">
             <el-form-item>
-              <el-table :data="formData.fileList" style="width: 100%">
-                <el-table-column label="序号" type="index" align="center" width="80"/>
-                <el-table-column prop="originalFileName" label="文件名" align="center"/>
-                <el-table-column prop="tag" label="标签" align="center"/>
-                <el-table-column prop="size" label="文件大小" align="center">
-                  <template #default="scope">
-                    {{ parseInt(scope.row.size / 1024) }}KB
-                  </template>
-                </el-table-column>
-                <el-table-column align="center" label="操作">
-                  <template #default="scope">
-                    <a :href="scope.row.url">
-                      下载
-                    </a>
-                  </template>
-                </el-table-column>
-              </el-table>
+              <fvTable style="width: 100%;max-height: 200px" v-if="showTable" :tableConfig="tableConfig"
+                       :data="formData.fileList" :isSettingCol="false" :pagination="false">
+                <template #empty>
+                  <el-empty :image-size="90" description="暂无待办" style="padding: 0"/>
+                </template>
+              </fvTable>
             </el-form-item>
           </el-col>
           <el-col :span="24">
@@ -104,6 +93,7 @@ const demandForm = ref()
 const processStore = useProcessStore()
 const companyOption = ref([])
 const processInstanceData = ref({})
+const showTable = ref(false)
 const processDiagramViewer = ref(false)
 const processTree = ref()
 const companyNameArray = ref([])
@@ -111,6 +101,41 @@ const formData = ref({})
 const rules = reactive({
   auditOpinion: [{required: true, message: '请输入审核意见', trigger: 'blur'}],
 })
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: '80',
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      currentRender: ({row, index}) => {
+        return (<a style="cursor: pointer;font-size: 14px;color: #2a99ff;" href={row.url}>下载</a>)
+      }
+    }
+  ]
+})
 const handleSubmit = () => {
   let approve = {
     taskId: processInstanceData.value.taskId,
@@ -124,7 +149,7 @@ const handleSubmit = () => {
       router.push({
         path: '/projectdemand/demandcollection'
       })
-    }else {
+    } else {
       ElMessage.error(res.msg)
     }
   })
@@ -144,7 +169,7 @@ const handleReject = (instance) => {
         router.push({
           path: '/projectdemand/demandcollection'
         })
-      }else {
+      } else {
         ElMessage.error(res.msg)
       }
     })
@@ -156,7 +181,7 @@ const getCompanyOption = async () => {
 }
 
 const matterTree = (data, id) => {
-  if(id){
+  if (id) {
     for (let i = 0; i < data.length; i++) {
       if (data[i].value == id) {
         companyNameArray.value.push(data[i].label);
@@ -172,18 +197,18 @@ const matterTree = (data, id) => {
 const getDataSourceOptionItem = (val) => {
   if (val !== undefined) {
     val.forEach(item => {
-      matterTree(companyOption.value,item)
+      matterTree(companyOption.value, item)
     })
   }
   return companyNameArray.value.join('，');
 }
 const init = async () => {
-  if(!route.query.id)return;
+  if (!route.query.id) return;
   await getCompanyOption()
   getInfo(route.query.id).then(res => {
     let data = res.data
     formData.value = data.formData;
-    data.formData.companyIds= getDataSourceOptionItem(data.formData.companyIds)
+    data.formData.companyIds = getDataSourceOptionItem(data.formData.companyIds)
     processInstanceData.value = data
     processStore.setDesign(data)
     processStore.runningList.value = data.runningList;
@@ -193,6 +218,7 @@ const init = async () => {
     processStore.passList.value = data.passList;
     nextTick(() => {
       processDiagramViewer.value = true
+      showTable.value = true
     })
   })
 }
@@ -200,12 +226,9 @@ init()
 </script>
 
 <style lang="scss" scoped>
-a {
-  cursor: pointer;
-  font-size: 14px;
-  color: #2a99ff;
+:deep(.el-empty__description){
+  margin-top: 0;
 }
-
 .detail-block {
   overflow: hidden;
   padding-right: 10px;
@@ -231,6 +254,7 @@ a {
 
   .approval-record {
     padding-bottom: 30px;
+
     .process {
       position: relative;
     }