2022-08-06

king

2022-08-06 cbeffcc0902631909c0373f274752a97ddaf2d4e

 src/tabviews/zshare/mutilform/index.jsx

@@ -25,11 +25,12 @@
const MKTextArea = asyncComponent(() => import('./mkTextArea'))
const MKFileUpload = asyncComponent(() => import('../fileupload'))
const MKColor = asyncComponent(() => import('./mkColor'))
const MkFormula = asyncComponent(() => import('./mkFormula'))
const MkCascader = asyncComponent(() => import('./mkCascader'))
const MKEditor = asyncComponent(() => import('@/components/editor'))

class MainSearch extends Component {
  static propTpyes = {
    menuType: PropTypes.object,  // 菜单类型，是否为HS
    action: PropTypes.object,    // 按钮信息、表单列表
    data: PropTypes.any,         // 表格数据
    BID: PropTypes.any,          // 主表ID
@@ -77,7 +78,14 @@
        linkFields[item.linkField].push({field: item.field, uuid: item.uuid})
      }

      if (item.type === 'split') return true
      if (item.style) {
        delete item.style.marginTop
        delete item.style.marginBottom
        delete item.style.marginLeft
        delete item.style.marginRight
      }

      if (item.type === 'split' || item.type === 'formula') return true
      if (item.type === 'hint') {
        if (item.field && data && data[item.field]) {
          item.message = data[item.field]
@@ -91,7 +99,12 @@
        item.precision = 'second'
      }

      if (!item.field || !['text', 'number', 'switch', 'rate', 'select', 'link', 'linkMain', 'funcvar', 'date', 'datemonth', 'radio', 'checkbox', 'checkcard', 'fileupload', 'textarea', 'multiselect', 'brafteditor', 'color'].includes(item.type)) return false
      if (!item.field || !['text', 'number', 'switch', 'rate', 'select', 'link', 'cascader', 'linkMain', 'funcvar', 'date', 'datemonth', 'radio', 'checkbox', 'checkcard', 'fileupload', 'textarea', 'multiselect', 'brafteditor', 'color'].includes(item.type)) return false

      if (/^\s+$/.test(item.label)) {
        item.style = item.style || {}
        item.style.color = 'transparent'
      }

      // 数据自动填充
      let readin = item.readin !== 'false'
@@ -111,14 +124,8 @@
        item.initval = item.initval || 0
      }

      if (['select', 'link', 'radio', 'checkbox', 'checkcard', 'multiselect'].includes(item.type)) {
      if (['select', 'link', 'radio', 'checkbox', 'checkcard', 'multiselect', 'cascader'].includes(item.type)) {
        item.options = item.options || []
        // item.options = item.options.map(cell => {
        //   cell.value = cell.Value
        //   cell.label = cell.Text

        //   return cell
        // })
        item.options = item.options.filter(cell => {
          cell.value = cell.Value
          cell.label = cell.Text
@@ -199,7 +206,7 @@
        item.initval = ''
      }

      if (['select', 'link', 'radio', 'checkbox', 'checkcard', 'multiselect'].includes(item.type) && item.resourceType === '1') {
      if (['select', 'link', 'radio', 'checkbox', 'checkcard', 'multiselect', 'cascader'].includes(item.type) && item.resourceType === '1') {
        deForms.push(item)
      } else if (item.type === 'rate') {
        item.rateCount = item.rateCount || 5
@@ -227,7 +234,15 @@
        }
        let _rules = [{
          pattern: /^[^']*$/ig,
          message: formRule.input.quotemsg
          message: '不可使用英文状态的单引号！'
        }, {
          validator: (rule, value, callback) => {
            if (/--/ig.test(value)) {
              callback('不可使用 -- ！')
            } else {
              callback()
            }
          }
        }, {
          required: item.required === 'true',
          message: item.label + '不可为空!'
@@ -253,8 +268,8 @@
            })
          } else if (item.regular === 'letter&number') {
            _rules.push({
              pattern: /^[a-zA-Z0-9]*$/ig,
              message: formRule.input.letternummsg
              pattern: /^[a-zA-Z0-9@_.]*$/ig,
              message: '请输入数字、字母以及@_.'
            })
          } else if (item.regular === 'phone') {
            _rules.push({
@@ -291,14 +306,20 @@
          {
            max: item.fieldlength,
            message: formRule.input.formMessage.replace('@max', item.fieldlength)
          },
          {
            pattern: /^[^']*$/ig,
            message: '不可使用英文状态的单引号！'
          }, {
            validator: (rule, value, callback) => {
              if (/--/ig.test(value)) {
                callback('不可使用 -- ！')
              } else {
                callback()
              }
            }
          }
        ]
        if (item.encryption !== 'true') {
          _rules.push({
            pattern: /^[^']*$/ig,
            message: formRule.input.quotemsg
          })
        }
        item.rules = _rules
      } else if (item.type === 'brafteditor') {
        item.rules = [
@@ -369,7 +390,7 @@
      let item = fieldMap.get(cell.field)

      // 下级表单控制-字段写入
      if ((['select', 'radio', 'link'].includes(item.type) || (item.type === 'checkcard' && item.multiple !== 'true')) && item.linkSubField) {
      if ((['select', 'radio', 'link'].includes(item.type) || (item.type === 'checkcard' && item.multiple !== 'true') || (item.type === 'cascader' && item.resourceType !== '2')) && item.linkSubField) {
        item.subFields = []
        item.linkSubField.forEach(m => {
          let n = fieldMap.get(m)
@@ -409,7 +430,7 @@
        item.options = item.oriOptions.filter(option => option.ParentID === item.supInitVal || option.value === '')
      }

      if (['select', 'link', 'radio'].includes(item.type) && item.resourceType !== '1') { // 选中第一项
      if (['select', 'link', 'radio'].includes(item.type) && item.resourceType === '0') { // 选中第一项
        if (typeof(item.initval) === 'string' && item.initval.indexOf('$first') > -1) {
          item.initval = item.options[0] ? item.options[0].value : ''
        }
@@ -436,8 +457,12 @@
      }

      if (item.subFields && item.options.length > 0) {
        let initval = item.initval
        if (item.type === 'cascader' && item.separator) {
          initval = initval.split(item.separator).pop()
        }
        // eslint-disable-next-line
        let option = item.options.filter(cell => item.initval == cell.value)[0]
        let option = item.options.filter(cell => initval == cell.value)[0]

        if (option) {
          reFieldsVal = reFieldsVal || {}
@@ -471,7 +496,7 @@
      }

      if (deForms.length > 0) {
        if (this.props.menuType !== 'HS' && options.sysType === 'local' && window.GLOB.systemType !== 'production') {
        if (!window.GLOB.mkHS && options.sysType === 'local' && window.GLOB.systemType !== 'production') {
          this.improveSimpleActionForm(deForms)
        } else {
          this.improveActionForm(deForms)
@@ -484,7 +509,7 @@
   * @description 获取下拉表单选项信息
   */
  improveActionForm = (deForms) => {
    const { BID, menuType, action } = this.props
    const { BID, action } = this.props

    let deffers = []
    let mainItems = []  // 云端或单点数据
@@ -499,7 +524,7 @@
      }
    })
    
    if (menuType !== 'HS' && options.sysType !== 'local') {
    if (!window.GLOB.mkHS && options.sysType !== 'local') {
      localItems = [...localItems, ...mainItems]
      mainItems = []
    }
@@ -519,7 +544,7 @@
      param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
      param.secretkey = Utils.encrypt(param.LText, param.timestamp)

      if (menuType === 'HS') { // 云端数据验证
      if (window.GLOB.mkHS) { // 云端数据验证
        param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp)
      }

@@ -554,7 +579,7 @@
      mainparam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
      mainparam.secretkey = Utils.encrypt(mainparam.LText, mainparam.timestamp)

      if (menuType === 'HS') { // 云端数据验证
      if (window.GLOB.mkHS) { // 云端数据验证
        mainparam.open_key = Utils.encryptOpenKey(mainparam.secretkey, mainparam.timestamp)
        if (options.cloudServiceApi) {
          mainparam.rduri = options.cloudServiceApi
@@ -647,7 +672,7 @@
  resetFormList = (result) => {
    let reFieldsVal = null
    let _formlist = fromJS(this.state.formlist).toJS().map(item => {
      if (['select', 'link', 'radio', 'checkbox', 'checkcard', 'multiselect'].includes(item.type) && result[item.field] && result[item.field].length > 0) {
      if (['select', 'link', 'radio', 'checkbox', 'checkcard', 'multiselect', 'cascader'].includes(item.type) && result[item.field] && result[item.field].length > 0) {
        let options = []
        result[item.field].forEach(cell => {
          let _cell = { key: Utils.getuuid() }
@@ -693,8 +718,12 @@
        }

        if (item.subFields && item.options.length > 0) {
          let initval = item.initval
          if (item.type === 'cascader' && item.separator) {
            initval = initval.split(item.separator).pop()
          }
          // eslint-disable-next-line
          let option = item.options.filter(cell => item.initval == cell.value)[0]
          let option = item.options.filter(cell => initval == cell.value)[0]
  
          if (option) {
            reFieldsVal = reFieldsVal || {}
@@ -736,9 +765,12 @@
        callback(item.label + '最小值为 ' + item.min)
      } else if (typeof(item.max) === 'number' && val > item.max) {
        callback(item.label + '最大值为 ' + item.max)
      } else {
        callback()
      }
    } else {
      callback()
    }
    callback()
  }

  recordChange = (values, item) => {
@@ -806,6 +838,14 @@
            </Form.Item>
          </Col>
        )
      } else if (item.type === 'formula') {
        fields.push(
          <Col span={item.span || 24} key={index}>
            <Form.Item className="hint" colon={false} label={<span className="mk-form-label" style={item.style}>{item.label}</span>} labelCol={item.labelCol} wrapperCol={item.wrapperCol}>
              <MkFormula config={item} data={this.record}></MkFormula>
            </Form.Item>
          </Col>
        )
      } else {
        let content = null
        let className = ''
@@ -819,6 +859,8 @@
          content = (<MKNumberInput config={item} onChange={(val, defer) => !defer && this.recordChange({[item.field]: val})} onSubmit={this.props.inputSubmit} />)
        } else if (item.type === 'select' || item.type === 'link' || item.type === 'multiselect') {
          content = (<MKSelect config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)} onSubmit={this.props.inputSubmit} />)
        } else if (item.type === 'cascader') {
          content = (<MkCascader config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)}/>)
        } else if (item.type === 'color') {
          content = (<MKColor config={item} onChange={(val) => this.recordChange({[item.field]: val})}/>)
        } else if (item.type === 'checkcard') {
@@ -914,6 +956,9 @@
            if (item.declareType === 'nvarchar(50)') {
              _item.type = 'text'
            }
          } else if (item.declare === 'decimal' && ['select', 'link', 'radio', 'checkcard'].includes(item.type)) {
            _item.type = 'number'
            _item.fieldlen = item.decimal || 0
          }

          if (item.type === 'text' && item.lenControl && item.lenControl !== 'limit') {
@@ -939,9 +984,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>
    )