chore: 调整样式

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

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2021-06-04 17:26:51
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-06-17 10:37:59
+ * @LastEditTime: 2021-06-18 17:31:07
  * @Description: 资质上传组件
  */
 import React, { useState } from 'react';
@@ -77,6 +77,7 @@ const QualitiesUpload = (props) => {
         maxCount={1}
         fileList={arrValue}
         onChange={handleChange}
+        disabled={!editable}
       >
         {!loading ? (
           arrValue.length ? renderFile() : uploadButton

src/pages/member/components/QualitiesUploadFormItem/index.less

@@ -19,4 +19,12 @@
 .del-btn {
   position: relative;
   top: -10px;
+}
+
+.lineage-cell {
+  :global {
+    .ant-form-item {
+      margin-bottom: 0;
+    }
+  }
 }
\ No newline at end of file

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

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2021-06-01 16:13:35
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-06-17 10:50:41
+ * @LastEditTime: 2021-06-18 17:50:57
  * @Description: 资质证明上传组件
  */
 import React from 'react';
@@ -105,46 +105,50 @@ const QualitiesUploadFormItem = (props) => {
   };
 
   return (
-    <ArrayList value={value}>
-      <Row
-        gutter={{ sm: 44, md: 88, lg: 88 }}
-      >
-        {toArr(value).map((item, index) => (
-          <Col key={index} {...span}>
-            <Row
-              gutter={50}
-              align="middle"
-            >
-              <Col flex={1}>
-                <SchemaField
-                  path={FormPath.parse(path).concat(index)}
-                  schema={schema}
-                />
-              </Col>
-              <Col>
-                <Button
-                  onClick={() => onRemove(index)}
-                  type="link"
-                  icon={<CloseCircleOutlined style={{ fontSize: 20 }} />}
-                  className={styles['del-btn']}
-                />
-              </Col>
-            </Row>
-          </Col>
-        ))}
-        {editable && (
-          <Col {...span}>
-            <Button
-              onClick={onAdd}
-              type="dashed"
-              className={styles['add-btn']}
-            >
-              <PlusOutlined />
-            </Button>
-          </Col>
-        )}
-      </Row>
-    </ArrayList>
+    <div style={{ width: '100%' }}>
+      <ArrayList value={value}>
+        <Row
+          gutter={{ sm: 44, md: 88, lg: 88 }}
+        >
+          {toArr(value).map((item, index) => (
+            <Col key={index} {...span}>
+              <Row
+                gutter={50}
+                align="middle"
+              >
+                <Col flex={1} className={styles['lineage-cell']}>
+                  <SchemaField
+                    path={FormPath.parse(path).concat(index)}
+                    schema={schema}
+                  />
+                </Col>
+                {editable && (
+                  <Col>
+                    <Button
+                      onClick={() => onRemove(index)}
+                      type="link"
+                      icon={<CloseCircleOutlined style={{ fontSize: 20 }} />}
+                      className={styles['del-btn']}
+                    />
+                  </Col>
+                )}
+              </Row>
+            </Col>
+          ))}
+          {editable && (
+            <Col {...span}>
+              <Button
+                onClick={onAdd}
+                type="dashed"
+                className={styles['add-btn']}
+              >
+                <PlusOutlined />
+              </Button>
+            </Col>
+          )}
+        </Row>
+      </ArrayList>
+    </div>
   );
 };