2023-03-02

king

2023-03-02 d1f19b794216b37417e114b71c1cd7a2ac3d7748

 src/templates/modalconfig/settingform/index.jsx

@@ -19,6 +19,7 @@
    display: this.props.config.setting.display || 'modal',
    placement: this.props.config.setting.placement || 'right',
    appType: sessionStorage.getItem('appType'),
    viewType: sessionStorage.getItem('editMenuType') || '',
    dialogInput: false
  }

@@ -44,6 +45,8 @@
    let _display = display
    if (appType === 'mob' && display === 'modal') {
      _display = 'drawer'
    } else if (appType !== 'mob' && display === 'dialog') {
      _display = 'modal'
    }

    this.setState({
@@ -109,7 +112,7 @@
          </Col> */}
          <Col span={24}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="对话框在仅有一个可输入表单（非隐藏、非只读的文本或数字）时有效。">
              <Tooltip placement="topLeft" title="可选择表单的显示形式，注：标签打印按钮，暂不支持以抽屉显示表单。">
                <QuestionCircleOutlined className="mk-form-tip" />
                显示方式
              </Tooltip>
@@ -122,7 +125,7 @@
                  <Radio value="drawer">抽屉</Radio>
                  <Radio value="prompt">是否框</Radio>
                  <Radio value="exec">直接执行</Radio>
                  {/* <Radio value="dialog" disabled={dialogInput !== true}>对话框</Radio> */}
                  {appType !== 'mob' ? null : <Radio value="dialog">弹窗</Radio>}
                </Radio.Group>
              )}
            </Form.Item>
@@ -139,7 +142,19 @@
              })(<InputNumber min={10} max={2000} precision={0} onPressEnter={this.handleSubmit}/>)}
            </Form.Item>
          </Col> : null}
          {display === 'drawer' || display === 'modal' ? <Col span={12}>
          {display === 'dialog' && appType === 'mob' ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="小于100时为百分率，大于100时为绝对值。空值时宽度自适应。">
                <QuestionCircleOutlined className="mk-form-tip" />
                宽度
              </Tooltip>
            }>
              {getFieldDecorator('width', {
                initialValue: config.setting.width || ''
              })(<InputNumber min={10} max={2000} precision={0} onPressEnter={this.handleSubmit}/>)}
            </Form.Item>
          </Col> : null}
          {['dialog', 'drawer', 'modal'].includes(display) ? <Col span={12}>
            <Form.Item label="初始焦点">
              {getFieldDecorator('focus', {
                initialValue: config.setting.focus || ''
@@ -158,7 +173,7 @@
              )}
            </Form.Item>
          </Col> : null}
          {display === 'drawer' || display === 'modal' ? <Col span={12}>
          {['drawer', 'modal'].includes(display) ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="执行失败时需要聚焦的表单。">
                <QuestionCircleOutlined className="mk-form-tip" />
@@ -228,7 +243,7 @@
                </Radio.Group>)}
            </Form.Item>
          </Col> : null}
          {display === 'drawer' || display === 'modal' ? <Col span={12}>
          {['drawer', 'modal'].includes(display) ? <Col span={12}>
            <Form.Item label="完成后">
              {getFieldDecorator('finish', {
                initialValue: config.setting.finish || 'close'
@@ -240,7 +255,7 @@
              )}
            </Form.Item>
          </Col> : null}
          {display === 'drawer' || display === 'modal' ? <Col span={12}>
          {['dialog', 'drawer', 'modal'].includes(display) ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="需要通过数据源查询的选项，是否使用缓存。">
                <QuestionCircleOutlined className="mk-form-tip" />
@@ -258,7 +273,7 @@
            </Form.Item>
          </Col> : null}
          {display === 'drawer' ? <Col span={12}>
            <Form.Item label="抽屉方向">
            <Form.Item label="弹出方向">
              {getFieldDecorator('placement', {
                initialValue: placement
              })(
@@ -283,6 +298,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', {
@@ -295,7 +328,7 @@
              )}
            </Form.Item>
          </Col> : null}
          {!this.props.isSubTab && !appType && display === 'modal' ? <Col span={12}>
          {!this.props.isSubTab && !appType && this.state.viewType !== 'popview' && display === 'modal' ? <Col span={12}>
            <Form.Item label="挂载对象">
              {getFieldDecorator('container', {
                initialValue: config.setting.container || 'tab'
@@ -307,7 +340,7 @@
              )}
            </Form.Item>
          </Col> : null}
          {display === 'drawer' || display === 'modal' ? <Col span={12}>
          {['dialog', 'drawer', 'modal'].includes(display) ? <Col span={12}>
            <Form.Item label="点击蒙层">
              {getFieldDecorator('clickouter', {
                initialValue: config.setting.clickouter || 'unclose'
@@ -319,6 +352,23 @@
              )}
            </Form.Item>
          </Col> : null}
          {!appType && display === 'modal' ? <Col span={12}>
            <Form.Item label={
              <Tooltip placement="topLeft" title="是否可拖拽移动模态框。">
                <QuestionCircleOutlined className="mk-form-tip" />
                可移动
              </Tooltip>
            }>
              {getFieldDecorator('moveable', {
                initialValue: config.setting.moveable || 'false'
              })(
                <Radio.Group>
                  <Radio value="false">否</Radio>
                  <Radio value="true">是</Radio>
                </Radio.Group>
              )}
            </Form.Item>
          </Col> : null}
        </Row>
      </Form>
    )