2022-07-11

king

2022-07-11 fe4dda47cf7404c5e19b0196745f4b2578f3d992

2022-07-11

 src/menu/components/form/dragtitle/options.jsx

@@ -58,6 +58,20 @@
    },
    {
      type: 'radio',
      field: 'verticalSpace',
      label: '竖向间隙',
      initval: group.setting.verticalSpace || 'normal',
      tooltip: '正常间隙会预留出报错信息的位置，防止表单位置发生变化。',
      required: false,
      options: [
        {value: 'normal', label: '正常'},
        {value: 'middle', label: '中'},
        {value: 'small', label: '小'},
      ],
      forbid: appType === 'mob'
    },
    {
      type: 'radio',
      field: 'prevEnable',
      label: '上一步',
      initval: group.prevButton ? group.prevButton.enable || 'false' : 'false',

 src/menu/components/form/normal-form/index.scss

@@ -32,7 +32,6 @@
    position: relative;
    background: #ffffff;
    border-radius: 2px;
    margin-bottom: 15px;
  }
  .form-area {
    position: relative;

 src/menu/components/form/tab-form/index.scss

@@ -32,7 +32,6 @@
    position: relative;
    background: #ffffff;
    border-radius: 2px;
    margin-bottom: 15px;
  }
  .form-area {
    position: relative;

 src/menu/modalconfig/index.scss

@@ -135,7 +135,7 @@
            width: 100%!important;
            text-align: left;
            height: 24px;
            line-height: 24px;
            line-height: 28px;
          }
          .ant-form-item-control-wrapper {
            width: 100%!important;
@@ -214,7 +214,6 @@
          position: relative;
          background: #ffffff;
          border-radius: 2px;
          margin-bottom: 15px;
          .ant-form-item {
            cursor: move;
            display: flex;

 src/tabviews/zshare/mutilform/index.jsx

@@ -960,9 +960,13 @@
    if (action.setting && action.setting.align) {
      _align = action.setting.align
    }
    let space = ' space-normal'
    if (action.setting && action.setting.verticalSpace) {
      space = ' space-' + action.setting.verticalSpace
    }

    return (
      <Form className={'main-form-field ' + _align}>
      <Form className={'main-form-field ' + _align + space}>
        <Row gutter={24}>{this.getFields()}</Row>
      </Form>
    )

 src/tabviews/zshare/mutilform/index.scss

@@ -138,10 +138,20 @@
      width: 100%!important;
      text-align: left;
      height: 24px;
      line-height: 24px;
      line-height: 28px;
    }
    .ant-form-item-control-wrapper {
      width: 100%!important;
    }
  }
}
.main-form-field.space-middle {
  .ant-form-item:not(.ant-form-item-with-help) {
    margin-bottom: 15px;
  }
}
.main-form-field.space-small {
  .ant-form-item:not(.ant-form-item-with-help) {
    margin-bottom: 5px;
  }
}

 src/templates/modalconfig/dragelement/index.jsx

@@ -116,7 +116,7 @@
  })

  return (
    <div ref={drop} className={'ant-row modal-fields-row ' + (setting.align || 'left_right')} >
    <div ref={drop} className={'ant-row modal-fields-row ' + (setting.align || 'left_right') + ' space-' + (setting.verticalSpace || 'normal')} >
      {cards.map(card => {
        return <Col key={card.uuid} span={card.type === 'split' ? 24 : (card.span || 24)}>
          <Card

 src/templates/modalconfig/dragelement/index.scss

@@ -132,7 +132,7 @@
      width: 100%!important;
      text-align: left;
      height: 24px;
      line-height: 24px;
      line-height: 28px;
    }
    .ant-form-item-control-wrapper {
      width: 100%!important;
@@ -144,3 +144,18 @@
    }
  }
}
.modal-fields-row.space-normal {
  .page-card {
    margin-bottom: 24px;
  }
}
.modal-fields-row.space-middle {
  .page-card {
    margin-bottom: 15px;
  }
}
.modal-fields-row.space-small {
  .page-card {
    margin-bottom: 5px;
  }
}

 src/templates/modalconfig/index.scss

@@ -193,7 +193,7 @@
          position: relative;
          background: #ffffff;
          border-radius: 2px;
          margin-bottom: 15px;
          // margin-bottom: 15px;
        }
        .ant-calendar-picker {
          min-width: 100px!important;

 src/templates/modalconfig/settingform/index.jsx

@@ -285,6 +285,24 @@
              )}
            </Form.Item>
          </Col> : null}
          {appType !== 'mob' && (display === 'drawer' || display === 'modal') ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="正常间隙会预留出报错信息的位置，防止表单位置发生变化。">
                <QuestionCircleOutlined className="mk-form-tip" />
                竖向间隙
              </Tooltip>
            }>
              {getFieldDecorator('verticalSpace', {
                initialValue: config.setting.verticalSpace || 'normal'
              })(
                <Radio.Group>
                  <Radio value="normal">正常</Radio>
                  <Radio value="middle">中</Radio>
                  <Radio value="small">小</Radio>
                </Radio.Group>
              )}
            </Form.Item>
          </Col> : null}
          {display === 'drawer' && appType !== 'mob' ? <Col span={12}>
            <Form.Item label="表单类型">
              {getFieldDecorator('formType', {