From 7234c752df0bbb92377d0ccd9f01faa5e81a5b75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Fri, 10 Mar 2023 10:25:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E5=91=98=E5=AF=BC=E5=85=A5=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E4=BF=A1=E6=81=AF=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.less              |  4 ++++
 src/pages/member/import.tsx | 15 +++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/index.less b/src/index.less
index 97b34c6..24b39e6 100644
--- a/src/index.less
+++ b/src/index.less
@@ -28,6 +28,10 @@ code {
   margin-right: 16px;
 }
 
+.mb-10{
+  margin-bottom: 10px;
+}
+
 .mb-24 {
   margin-bottom: 24px;
 }
diff --git a/src/pages/member/import.tsx b/src/pages/member/import.tsx
index f7a666e..baf12e0 100644
--- a/src/pages/member/import.tsx
+++ b/src/pages/member/import.tsx
@@ -9,6 +9,7 @@ import { getHost } from "../../utils/index";
 export const MemberImportPage: React.FC = () => {
   const navigate = useNavigate();
   const [tableData, setWageTableData] = useState<any>([]);
+  const [errorData, setErrorData] = useState<any>([]);
 
   const uploadProps = {
     accept: ".xls,.xlsx,application/vnd.ms-excel",
@@ -65,7 +66,7 @@ export const MemberImportPage: React.FC = () => {
       .catch((e) => {
         setWageTableData([]);
         if (e.code === -1) {
-          message.error(e.data);
+          setErrorData(e.data);
         }
       });
   };
@@ -82,7 +83,7 @@ export const MemberImportPage: React.FC = () => {
           <div className="float-left mb-24">
             <BackBartment title="学员批量导入" />
           </div>
-          <div className="float-left d-flex">
+          <div className="float-left d-flex  mb-24">
             <Upload {...uploadProps}>
               <Button type="primary">导入Excel</Button>
             </Upload>
@@ -90,6 +91,16 @@ export const MemberImportPage: React.FC = () => {
               下载「学员批量导入模板」
             </Button>
           </div>
+          <div className="float-left c-flex">
+            {errorData &&
+              errorData.map((item: any, index: number) => {
+                return (
+                  <span key={index} className="c-red mb-10">
+                    {item}
+                  </span>
+                );
+              })}
+          </div>
         </Col>
       </Row>
     </>