chore: 完善类型；内部处理格式化逻辑

src/pages/afterService/returnManage/components/FileList/index.tsx

@@ -5,19 +5,38 @@
  * @LastEditTime: 2020-11-06 10:02:30
  * @Description: 附件列表
  */
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { Upload } from 'antd';
-import { FileData } from '@/utils';
+import { normalizeFiledata, FileData } from '@/utils';
 import MellowCard from '@/components/MellowCard';
 import styles from './index.less';
 
+export type FaultFileListItem = {
+  /**
+   * 文件名
+   */
+  fileName: string
+  /**
+   * 文件地址
+   */
+  filePath: string
+}
+
 interface FileListProps {
-  fileList: FileData[];
+  fileList: FaultFileListItem[];
 };
 
 const FileList: React.FC<FileListProps> = ({
   fileList = [], 
 }) => {
+  const [innerFileList, setInnerFileList] = useState<FileData[]>();
+
+  useEffect(() => {
+    if (fileList && fileList.length) {
+      setInnerFileList(fileList?.map(item => normalizeFiledata(item.filePath)),);
+    }
+  }, [fileList]);
+
   return (
     <MellowCard
       title="相关不良原因举证附件"
@@ -25,7 +44,7 @@ const FileList: React.FC<FileListProps> = ({
     >
       <Upload 
         className={styles.file}
-        fileList={fileList}
+        fileList={innerFileList}
       />
     </MellowCard>
   );