feat: 添加上传失败展示

src/pages/member/components/QualitiesUpload/index.tsx

@@ -2,12 +2,12 @@
  * @Author: XieZhiXiong
  * @Date: 2021-06-04 17:26:51
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-06-18 17:31:07
+ * @LastEditTime: 2021-06-21 14:50:58
  * @Description: 资质上传组件
  */
 import React, { useState } from 'react';
 import { Upload } from 'antd';
-import { PlusOutlined, FileOutlined, LoadingOutlined } from '@ant-design/icons';
+import { PlusOutlined, FileOutlined, LoadingOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
 import { UploadChangeParam } from 'antd/lib/upload';
 import styles from './index.less';
 
@@ -54,7 +54,12 @@ const QualitiesUpload = (props) => {
     const isImg = imgReg.test(url);
 
     if (!url) {
-      return <div />;
+      return (
+        <div style={{ color: '#ff4d4f' }}>
+          <ExclamationCircleOutlined />
+          <div style={{ marginTop: 8 }}>上传失败</div>
+        </div>
+      );
     }
     
     if (isImg) {

src/pages/member/memberPrVerifyComingData/verify.tsx

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2021-05-24 17:01:57
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-06-21 14:28:50
+ * @LastEditTime: 2021-06-21 14:31:52
  * @Description: 审核入库资料
  */
 import React, { useState, useEffect } from 'react';
@@ -87,12 +87,16 @@ const MemberPrVerifyComingDataVerify: React.FC<{}> = () => {
       validateId,
       ...value,
       depositDetails: comingData,
-      qualities: qualifications.filter((item) => item.file && item.file[0] && item.file[0].status === 'done').map((item) => ({
-        url: item.file && item.file[0] ? item.file[0].url : '',
-        name: item.file && item.file[0] ? item.file[0].name : '',
-        expireDay: item.expireDay || '',
-        permanent: item.permanent && item.permanent[0] ? item.permanent[0] : 0,
-      })),
+      qualities: (
+        qualifications
+          .filter((item) => item.file && item.file[0] && item.file[0].status === 'done')
+          .map((item) => ({
+            url: item.file && item.file[0] ? item.file[0].url : '',
+            name: item.file && item.file[0] ? item.file[0].name : '',
+            expireDay: item.expireDay || '',
+            permanent: item.permanent && item.permanent[0] ? item.permanent[0] : 0,
+          }))
+      ),
     };
     const msg = message.loading({
       content: '正在提交，请稍候...',