修复bug

one_stop_public/libs/ChildForm.jsx

-import React from 'react'
+import React from 'react';
 import { Button, Row, Col, message } from 'antd';
-import ZdyTable from '../Table'
+import ZdyTable from '../Table';
 import UUID from 'react-native-uuid';
 
 import { Card, WingBlank } from 'antd-mobile';
 
-
 export default class ChildForm extends React.Component {
-
   constructor(props) {
-        super(props)
+    super(props);
     const value = props.value || {};
 
-        this.state = value
-
+    this.state = value;
   }
-    triggerChange = (changedValue) => {
+  triggerChange = changedValue => {
     // Should provide an event to pass value to Form.
     const onChange = this.props.onChange;
     if (onChange) {
       onChange(Object.assign({}, this.state, changedValue));
     }
-    }
+  };
   componentWillReceiveProps(nextProps) {
     // Should be a controlled component.
     if ('value' in nextProps) {
       const value = nextProps.value;
-            this.state = value
+      this.state = value;
     }
   }
   componentDidMount = () => {
     if (Object.keys(this.state).length == 0 && this.props.isEdit) {
       if (this.props.num != null && this.props.num > 0) {
-                const objs = this.state
+        const objs = this.state;
         if (this.props.min != null && this.props.min > this.props.num) {
           for (var i = 0; i < this.props.min; i++) {
-                        objs["id_" + UUID.v4().replace(/-/g, "2")] = {}
+            objs['id_' + UUID.v4().replace(/-/g, '2')] = {};
           }
         } else {
           for (var i = 0; i < this.props.num; i++) {
-                        objs["id_" + UUID.v4().replace(/-/g, "2")] = {}
+            objs['id_' + UUID.v4().replace(/-/g, '2')] = {};
           }
         }
 
@@ -47,114 +44,170 @@ export default class ChildForm extends React.Component {
           this.setState({ ...objs });
         }
         this.triggerChange({ ...objs });
-
-
-            }
       }
     }
-    delete = (uuid) => {
-        const objs = this.state
-        const { json: { numCode }, form, base52 } = this.props
+  };
+  delete = uuid => {
+    const objs = this.state;
+    const {
+      json: { numCode },
+      form,
+      base52,
+    } = this.props;
     if (this.props.min != null && Object.keys(objs).length - 1 < this.props.min) {
-            message.error("不能小于最小限制")
+      message.error('不能小于最小限制');
 
-            return
+      return;
     }
 
-        delete objs[uuid]
+    delete objs[uuid];
     if (!('value' in this.props)) {
       this.setState({ ...objs });
     }
     this.triggerChange({ ...objs });
 
     if (numCode != null) {
-            this.props.form.setFieldsValue({ [numCode]: Object.keys(objs).length })
-        }
-
+      this.props.form.setFieldsValue({ [numCode]: Object.keys(objs).length });
     }
+  };
   add = () => {
-        const objs = this.state
-        const { json: { numCode }, form, base52 } = this.props
+    const objs = this.state;
+    const {
+      json: { numCode },
+      form,
+      base52,
+    } = this.props;
     if (this.props.max != null && Object.keys(objs).length + 1 > this.props.max) {
-            message.error("不能大于最大限制")
+      message.error('不能大于最大限制');
 
-            return
+      return;
     }
-        objs["id_" + UUID.v4().replace(/-/g, "2")] = {}
+    objs['id_' + UUID.v4().replace(/-/g, '2')] = {};
 
     if (!('value' in this.props)) {
       this.setState({ ...objs });
     }
     this.triggerChange({ ...objs });
     if (numCode != null) {
-            this.props.form.setFieldsValue({ [numCode]: Object.keys(objs).length })
-        }
-
-
+      this.props.form.setFieldsValue({ [numCode]: Object.keys(objs).length });
     }
-
-
-
+  };
 
   render() {
     const objs = this.state;
 
-        const { form, mapData, sqlData, defaultValues, datas, base52, isEdit, addName, deleteName, obj, isMobile, json, modalInit,isPreview } = this.props
-        const span = json.span || 24
-        const gutter = json.gutter != null ? json.gutter : 0
-        const rights = this.props.rights
-
+    const {
+      form,
+      mapData,
+      sqlData,
+      defaultValues,
+      datas,
+      base52,
+      isEdit,
+      addName,
+      deleteName,
+      obj,
+      isMobile,
+      json,
+      modalInit,
+      isPreview,
+    } = this.props;
+    const span = json.span || 24;
+    const gutter = json.gutter != null ? json.gutter : 0;
+    const rights = this.props.rights;
 
     if (datas == null) {
-            return (<div>还没有配置子表单key</div>)
+      return <div>还没有配置子表单key</div>;
     }
 
     if (isMobile) {
-
       return (
         <WingBlank size="lg">
-                    {Object.keys(objs).length > 1 || rights.includes("add") ? <Card >
-
+          {Object.keys(objs).length > 1 || rights.includes('add') ? (
+            <Card>
               <Card.Body style={{ minHeight: 10 }}>
-                            {Object.keys(objs).map((r) => {
-                                if (r == "") {
-                                    return ""
+                {Object.keys(objs).map(r => {
+                  if (r == '') {
+                    return '';
                   }
-                                return <Row key={r} gutter={gutter} ><Col  span={isEdit ? 24 : span} >
-                                    <ZdyTable key={r} modalInit={modalInit} formCode={this.props.formCode}
+                  return (
+                    <Row key={r} gutter={gutter}>
+                      <Col
+                        style={{
+                          zIndex: 55,
+                        }}
+                        span={isEdit ? 24 : span}
+                      >
+                        <ZdyTable
+                          key={r}
+                          modalInit={modalInit}
+                          formCode={this.props.formCode}
                           formId={this.props.formId}
                           isPreview={isPreview}
-                                        formConfig={datas} get='mobile' fatherCode={base52} isEdit={isEdit} index={r} obj={objs[r]} fatherObj={this.props.fatherObj} init={objs} isChild={true} form={form} mapData={mapData} sqlData={sqlData} {...datas} defaultValues={defaultValues} />
-                                   
+                          formConfig={datas}
+                          get="mobile"
+                          fatherCode={base52}
+                          isEdit={isEdit}
+                          index={r}
+                          obj={objs[r]}
+                          fatherObj={this.props.fatherObj}
+                          init={objs}
+                          isChild={true}
+                          form={form}
+                          mapData={mapData}
+                          sqlData={sqlData}
+                          {...datas}
+                          defaultValues={defaultValues}
+                        />
+                      </Col>
+                      {rights.includes('delete') && isEdit ? (
+                        <Col style={{ textAlign: 'right' }}>
+                          <Button type="danger" size="small" onClick={this.delete.bind(this, r)}>
+                            {deleteName || '删除'}{' '}
+                          </Button>{' '}
                         </Col>
-                                {rights.includes("delete") && isEdit ?  <Col style={{ textAlign: "right" }}><Button type='danger' size="small" onClick={this.delete.bind(this, r)}>{deleteName || "删除"} </Button> </Col>: ''}
+                      ) : (
+                        ''
+                      )}
                     </Row>
+                  );
                 })}
 
-                            {rights.includes("add") ? <Row>
-                                <Col style={{ textAlign: "center" }}><Button type="primary" size="small" style={{ margin: "auto" }} onClick={this.add}>{addName || "新增"}</Button> </Col>
-                            </Row> : ""}
+                {rights.includes('add') ? (
+                  <Row>
+                    <Col style={{ textAlign: 'center' }}>
+                      <Button
+                        type="primary"
+                        size="small"
+                        style={{ margin: 'auto' }}
+                        onClick={this.add}
+                      >
+                        {addName || '新增'}
+                      </Button>{' '}
+                    </Col>
+                  </Row>
+                ) : (
+                  ''
+                )}
               </Card.Body>
-                    </Card> : ""}
-
+            </Card>
+          ) : (
+            ''
+          )}
         </WingBlank>
-            )
+      );
     }
 
     return (
-            <div style={{ width: "100%" }}>
+      <div style={{ width: '100%' }}>
         <Row gutter={gutter}>
-             
-                    {Object.keys(objs).map((r) => {
-                      
-                        if (r == "") {
-                            return ""
+          {Object.keys(objs).map(r => {
+            if (r == '') {
+              return '';
             }
 
-                        return <Col
-                            span={span}
-                        >
-
+            return (
+              <Col span={span}>
                 <ZdyTable
                   modalInit={modalInit}
                   formConfig={datas}
@@ -167,17 +220,21 @@ export default class ChildForm extends React.Component {
                   formCode={this.props.formCode}
                   formId={this.props.formId}
                   fatherObj={this.props.fatherObj}
-                                init={objs} isChild={true}
+                  init={objs}
+                  isChild={true}
                   get="web"
                   form={form}
                   mapData={mapData}
                   sqlData={sqlData}
                   {...datas}
-                                defaultValues={defaultValues} />
+                  defaultValues={defaultValues}
+                />
 
-                            {rights.includes("delete") && isEdit ? <Button size="small"
+                {rights.includes('delete') && isEdit ? (
+                  <Button
+                    size="small"
                     style={{
-                                    position: "absolute",
+                      position: 'absolute',
                       left: ' 95%',
                       top: '10px',
                       transform: 'translateY(-50%)',
@@ -185,19 +242,32 @@ export default class ChildForm extends React.Component {
                       height: '13px',
                       width: '13px',
                       padding: 0,
-                                    lineHeight: '10px'
+                      lineHeight: '10px',
                     }}
-                                type='danger'
-                                onClick={this.delete.bind(this, r)}>{deleteName || "-"}
-                            </Button> : ""}
-
+                    type="danger"
+                    onClick={this.delete.bind(this, r)}
+                  >
+                    {deleteName || '-'}
+                  </Button>
+                ) : (
+                  ''
+                )}
               </Col>
-
+            );
           })}
         </Row>
-                {rights.includes("add") && isEdit ? <Row><Col span={24} style={{ textAlign: "center" }}><Button style={{ margin: "auto" }} type='primary' onClick={this.add} size="small">{addName || "新增"}</Button></Col> </Row> : ""}
+        {rights.includes('add') && isEdit ? (
+          <Row>
+            <Col span={24} style={{ textAlign: 'center' }}>
+              <Button style={{ margin: 'auto' }} type="primary" onClick={this.add} size="small">
+                {addName || '新增'}
+              </Button>
+            </Col>{' '}
+          </Row>
+        ) : (
+          ''
+        )}
       </div>
-
     );
   }
 }