From 303a43d151c51db6b4ae896fa9704aa3949debba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E5=B8=A6=E5=A4=A7=E4=BD=AC=E6=B0=94=E5=9C=BA?=
 <188633308@qq.com>
Date: Tue, 22 Jun 2021 13:19:40 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E7=A7=8D=E5=AD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-react/public/seed/form-tabs/tab/index.jsx | 39 +++++++++++--------
 web-react/public/seed/form/index.jsx          | 39 +++++++++++--------
 2 files changed, 44 insertions(+), 34 deletions(-)

diff --git a/web-react/public/seed/form-tabs/tab/index.jsx b/web-react/public/seed/form-tabs/tab/index.jsx
index c67e687..cfbb6f1 100644
--- a/web-react/public/seed/form-tabs/tab/index.jsx
+++ b/web-react/public/seed/form-tabs/tab/index.jsx
@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import ReactDOM from 'react-dom'
-import { Anchor, Card, Col, Row, Spin } from 'antd'
+import { Anchor, Card, Col, Divider, Row, Spin } from 'antd'
 import { AntIcon, ComponentDynamic, Container } from 'components'
 import { isEqual } from 'lodash'
 
@@ -86,22 +86,27 @@ export default class index extends Component {
                         <div className="yo-adorn--house-top" />
                         <Card className="yo-form-page--body">
                             {parts.map((item, i) => (
-                                <section key={i} id={`form-${i}-${id}`}>
-                                    {item.title && <h5>{item.title}</h5>}
-                                    <Spin
-                                        spinning={loading}
-                                        indicator={<AntIcon type="loading" />}
-                                        wrapperClassName={loading && 'h-400-min'}
-                                    >
-                                        {!loading && (
-                                            <ComponentDynamic
-                                                is={item.component}
-                                                record={record}
-                                                onRef={child => this.call(child, i)}
-                                            />
-                                        )}
-                                    </Spin>
-                                </section>
+                                <>
+                                    <section key={i} id={`form-${i}-${id}`}>
+                                        {item.title && <h5>{item.title}</h5>}
+                                        <Spin
+                                            spinning={loading}
+                                            indicator={<AntIcon type="loading" />}
+                                            wrapperClassName={loading && 'h-400-min'}
+                                        >
+                                            {!loading && (
+                                                <ComponentDynamic
+                                                    is={item.component}
+                                                    record={record}
+                                                    onRef={child => this.call(child, i)}
+                                                />
+                                            )}
+                                        </Spin>
+                                    </section>
+                                    {i < parts.length - 1 && (
+                                        <Divider key={i.toString().padStart(3, '0')} />
+                                    )}
+                                </>
                             ))}
                         </Card>
                     </Col>
diff --git a/web-react/public/seed/form/index.jsx b/web-react/public/seed/form/index.jsx
index 2eed1b7..0a6f60d 100644
--- a/web-react/public/seed/form/index.jsx
+++ b/web-react/public/seed/form/index.jsx
@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import ReactDOM from 'react-dom'
-import { Anchor, Button, Card, Col, Row, Spin } from 'antd'
+import { Anchor, Button, Card, Col, Divider, Row, Spin } from 'antd'
 import { AntIcon, ComponentDynamic, Container } from 'components'
 import { isEqual } from 'lodash'
 
@@ -105,22 +105,27 @@ export default class index extends Component {
                             <div className="yo-adorn--house-top" />
                             <Card className="yo-form-page--body">
                                 {parts.map((item, i) => (
-                                    <section key={i} id={`form-${i}-${id}`}>
-                                        {item.title && <h5>{item.title}</h5>}
-                                        <Spin
-                                            spinning={loading}
-                                            indicator={<AntIcon type="loading" />}
-                                            wrapperClassName={loading && 'h-400-min'}
-                                        >
-                                            {!loading && (
-                                                <ComponentDynamic
-                                                    is={item.component}
-                                                    record={record}
-                                                    onRef={child => this.call(child, i)}
-                                                />
-                                            )}
-                                        </Spin>
-                                    </section>
+                                    <>
+                                        <section key={i} id={`form-${i}-${id}`}>
+                                            {item.title && <h5>{item.title}</h5>}
+                                            <Spin
+                                                spinning={loading}
+                                                indicator={<AntIcon type="loading" />}
+                                                wrapperClassName={loading && 'h-400-min'}
+                                            >
+                                                {!loading && (
+                                                    <ComponentDynamic
+                                                        is={item.component}
+                                                        record={record}
+                                                        onRef={child => this.call(child, i)}
+                                                    />
+                                                )}
+                                            </Spin>
+                                        </section>
+                                        {i < parts.length - 1 && (
+                                            <Divider key={i.toString().padStart(3, '0')} />
+                                        )}
+                                    </>
                                 ))}
                             </Card>
                         </Col>