2022-06-10

king

2022-06-10 9fa028fdac3517c2c2b167e52782f83185daa131

 src/tabviews/zshare/mutilform/index.jsx

@@ -1,7 +1,8 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { fromJS } from 'immutable'
import { Form, Row, Col, notification, Tooltip, Icon } from 'antd'
import { Form, Row, Col, notification, Tooltip, Rate } from 'antd'
import { QuestionCircleOutlined, StarFilled } from '@ant-design/icons'
import moment from 'moment'

import Api from '@/api'
@@ -13,6 +14,7 @@
import MKInput from './mkInput'
import MKNumberInput from './mkNumberInput'
import MKSelect from './mkSelect'
import MkIcon from '@/components/mk-icon'
import './index.scss'

const MKCheckCard = asyncComponent(() => import('./mkCheckCard'))
@@ -29,7 +31,6 @@
  static propTpyes = {
    menuType: PropTypes.object,  // 菜单类型，是否为HS
    action: PropTypes.object,    // 按钮信息、表单列表
    dict: PropTypes.object,      // 字典项
    data: PropTypes.any,         // 表格数据
    BID: PropTypes.any,          // 主表ID
    BData: PropTypes.any,        // 主表数据
@@ -55,25 +56,49 @@
    let check = action.setting.formType === 'check'

    formlist = formlist.filter(item => {
      if (item.supField && item.supvalue) { // 多层表单控制
      if (item.supField) { // 多层表单控制
        let supvals = []
        item.supvalue.split(',').forEach(val => {
          supvals.push(val)
          if (/^([-]?(0|[1-9][0-9]*)(\.[0-9]+)?)$/.test(val)) {
            supvals.push(+val)
          }
        })
        if (item.supvalue) {
          item.supvalue.split(',').forEach(val => {
            supvals.push(val)
            if (/^([-]?(0|[1-9][0-9]*)(\.[0-9]+)?)$/.test(val)) {
              supvals.push(+val)
            }
          })
        } else {
          supvals.push('')
        }
        controlFields[item.supField] = controlFields[item.supField] || []
        controlFields[item.supField].push({field: item.field, values: supvals})
      }
      if (item.type === 'link') {
      // if (item.type === 'link') {
      if (item.linkField) {
        linkFields[item.linkField] = linkFields[item.linkField] || []
        linkFields[item.linkField].push({field: item.field, uuid: item.uuid})
      }

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

      if (!item.field || !['text', 'number', 'switch', 'select', 'link', 'linkMain', 'funcvar', 'date', 'datemonth', 'datetime', 'radio', 'checkbox', 'checkcard', 'fileupload', 'textarea', 'multiselect', 'brafteditor', 'color'].includes(item.type)) return false
      if (item.type === 'split') return true
      if (item.type === 'hint') {
        if (item.field && data && data[item.field]) {
          item.message = data[item.field]
        }
        delete item.field
        return true
      } else if (item.type === 'date') { // 时间搜索
        item.precision = item.precision || 'day'
      } else if (item.type === 'datetime') {
        item.type = 'date'
        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

      // 数据自动填充
      let readin = item.readin !== 'false'
@@ -95,10 +120,11 @@

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

          return !cell.Hide
        })
        if (item.setAll === 'true' && ['select', 'link', 'radio'].includes(item.type)) { // 添加空值
          item.options.unshift({
@@ -119,12 +145,24 @@
      if (item.type === 'linkMain') {
        newval = BData && BData[item.field] ? BData[item.field] : '$empty'
      } else if (item.type === 'date') { // 时间搜索
        let format = 'YYYY-MM-DD'
        let _format = 'YYYY-MM-DD HH:mm:ss'
        if (item.precision === 'day') {
          _format = 'YYYY-MM-DD'
        } else if (item.precision === 'hour') {
          format = 'YYYY-MM-DD HH'
        } else if (item.precision === 'minute') {
          format = 'YYYY-MM-DD HH:mm'
        } else if (item.precision === 'second') {
          format = 'YYYY-MM-DD HH:mm:ss'
        }

        if (newval !== '$empty') {
          newval = moment(newval, 'YYYY-MM-DD').format('YYYY-MM-DD')
          newval = moment(newval, format).format(_format)
          newval = newval === 'Invalid date' ? '$empty' : newval
        }
        if (newval === '$empty' && item.initval) {
          newval = moment().subtract(item.initval, 'days').format('YYYY-MM-DD')
          newval = moment().subtract(item.initval, 'days').format(_format)
        }
      } else if (item.type === 'datemonth') {
        if (newval !== '$empty') {
@@ -134,14 +172,18 @@
        if (newval === '$empty' && item.initval) {
          newval = moment().subtract(item.initval, 'month').format('YYYY-MM')
        }
      } else if (item.type === 'datetime') {
        if (newval !== '$empty') {
          newval = moment(newval, 'YYYY-MM-DD HH:mm:ss').format('YYYY-MM-DD HH:mm:ss')
          newval = newval === 'Invalid date' ? '$empty' : newval
        }
        if (newval === '$empty' && item.initval) {
          newval = moment().subtract(item.initval, 'days').format('YYYY-MM-DD') + ' 00:00:00'
        }
      // } else if (item.type === 'datetime') {
      //   if (newval !== '$empty') {
      //     newval = moment(newval, 'YYYY-MM-DD HH:mm:ss').format('YYYY-MM-DD HH:mm:ss')
      //     newval = newval === 'Invalid date' ? '$empty' : newval
      //   }
      //   if (newval === '$empty' && item.initval) {
      //     if (item.initval === '0') {
      //       newval = moment().format('YYYY-MM-DD HH:mm:ss')
      //     } else {
      //       newval = moment().subtract(item.initval, 'days').format('YYYY-MM-DD') + ' 00:00:00'
      //     }
      //   }
      } else if (item.type === 'switch') { // 开关只接收固定值
        if (newval !== '$empty' && (newval === item.closeVal || newval === item.openVal)) {

@@ -160,6 +202,24 @@

      if (['select', 'link', 'radio', 'checkbox', 'checkcard', 'multiselect'].includes(item.type) && item.resourceType === '1') {
        deForms.push(item)
      } else if (item.type === 'rate') {
        item.rateCount = item.rateCount || 5
        item.allowHalf = item.allowHalf === 'true'

        if (item.allowHalf) {
          item.initval = parseFloat(item.initval)
          if (item.initval % 0.5 !== 0) {
            item.initval = parseInt(item.initval)
          }
        } else {
          item.initval = parseInt(item.initval)
        }

        if (isNaN(item.initval) || item.initval < 0) {
          item.initval = 0
        } else if (item.initval > item.rateCount) {
          item.initval = item.rateCount
        }
      }

      if (item.type === 'text') {
@@ -172,10 +232,14 @@
        }, {
          required: item.required === 'true',
          message: item.label + '不可为空!'
        }, {
          max: item.fieldlength,
          message: formRule.input.formMessage.replace('@max', item.fieldlength)
        }]

        if (!item.lenControl || item.lenControl === 'limit') {
          _rules.push({
            max: item.fieldlength,
            message: formRule.input.formMessage.replace('@max', item.fieldlength)
          })
        }

        if (item.regular) {
          if (item.regular === 'number') {
@@ -197,6 +261,11 @@
            _rules.push({
              pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/ig,
              message: '请正确输入手机号'
            })
          } else if (item.regular === 'email') {
            _rules.push({
              pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/,
              message: '请正确输入邮箱地址'
            })
          } else if (item.regular === 'funcname') {
            _rules.push({
@@ -290,6 +359,8 @@
      fieldMap.set(key, supItem)
    })

    let reFieldsVal = null

    formlist = formlist.map(cell => {
      if (cell.labelwidth) {
        cell.labelCol = {style: {width: cell.labelwidth + '%'}}
@@ -298,7 +369,36 @@
      if (!cell.field || !fieldMap.has(cell.field)) return cell
      let item = fieldMap.get(cell.field)

      if (item.type === 'link') {
      // 下级表单控制-字段写入
      if ((['select', 'radio', 'link'].includes(item.type) || (item.type === 'checkcard' && item.multiple !== 'true')) && item.linkSubField) {
        item.subFields = []
        item.linkSubField.forEach(m => {
          let n = fieldMap.get(m)
          if (n && ['text', 'number', 'textarea'].includes(n.type)) {
            item.subFields.push({
              uuid: n.uuid,
              field: m
            })
          }
        })

        if (item.subFields.length === 0) {
          item.subFields = null
        } else if (item.oriOptions.length > 0) {
          item.oriOptions = item.oriOptions.map(cell => {
            item.subFields.forEach(m => {
              cell[m.field] = cell[m.field] === undefined ? '' : cell[m.field]
            })
            return cell
          })
          
          item.options = fromJS(item.oriOptions).toJS()
        }
        item.linkSubField = null
      }

      // if (item.type === 'link') {
      if (item.linkField) {
        item.supInitVal = ''

        if (fieldMap.has(item.linkField)) {
@@ -325,36 +425,42 @@
      if (linkFields[item.field]) {
        item.linkFields = linkFields[item.field]
      }

      // 下级表单控制-字段写入
      if ((['select', 'radio', 'link'].includes(item.type) || (item.type === 'checkcard' && item.multiple !== 'true')) && item.linkSubField) {
        item.subFields = []
        item.linkSubField.forEach(m => {
          let n = fieldMap.get(m)
          if (n && ['text', 'number', 'textarea'].includes(n.type)) {
            item.subFields.push({
              uuid: n.uuid,
              field: m
            })
          }
        })

        if (item.subFields.length === 0) {
          item.subFields = null
        }
        item.linkSubField = null
      }

      
      if (item.enter === 'tab' || item.enter === 'sub') {
        if (fieldMap.has(item.tabField)) {
          item.tabUuid = fieldMap.get(item.tabField).uuid
        } else {
        } else if (item.enter === 'tab') {
          item.enter = 'false'
        } else if (item.enter === 'sub') {
          item.tabUuid = item.uuid
        }
      }

      if (item.subFields && item.options.length > 0) {
        // eslint-disable-next-line
        let option = item.options.filter(cell => item.initval == cell.value)[0]

        if (option) {
          reFieldsVal = reFieldsVal || {}
          item.subFields.forEach(n => {
            reFieldsVal[n.field] = option[n.field]
          })
        }
      }
      
      return item
    })

    if (reFieldsVal) {
      formlist = formlist.map(cell => {
        if (reFieldsVal[cell.field] === undefined) return cell

        cell.initval = reFieldsVal[cell.field]
        record[cell.field] = reFieldsVal[cell.field]

        return cell
      })
    }

    this.record = record

@@ -540,6 +646,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) {
        let options = []
@@ -555,7 +662,7 @@
            _cell = {..._cell, ...cell}
          }
  
          if (item.type === 'link') {
          if (item.linkField) {
            _cell.ParentID = cell[item.linkField] === undefined ? '' : cell[item.linkField]
          }
          if (item.subFields) {
@@ -573,20 +680,49 @@

        item.oriOptions = [...item.oriOptions, ...options]

        if (item.type === 'link') {
        // if (item.type === 'link') {
        if (item.linkField) {
          item.options = item.oriOptions.filter(option => option.ParentID === item.supInitVal || option.value === '')
        } else if (['select', 'radio', 'checkbox', 'checkcard', 'multiselect'].includes(item.type)) {
        // } else if (['select', 'radio', 'checkbox', 'checkcard', 'multiselect'].includes(item.type)) {
        } else {
          item.options = item.oriOptions
        }
      }

      if (['select', 'link', 'radio'].includes(item.type) && typeof(item.initval) === 'string' && item.initval.indexOf('$first') > -1) { // 选中第一项
        item.initval = item.options[0] ? item.options[0].value : ''
        this.record[item.field] = item.initval
        if (['select', 'link', 'radio'].includes(item.type) && typeof(item.initval) === 'string' && item.initval.indexOf('$first') > -1) { // 选中第一项
          item.initval = item.options[0] ? item.options[0].value : ''
          this.record[item.field] = item.initval
        }

        if (item.subFields && item.options.length > 0) {
          // eslint-disable-next-line
          let option = item.options.filter(cell => item.initval == cell.value)[0]
  
          if (option) {
            reFieldsVal = reFieldsVal || {}
            item.subFields.forEach(n => {
              reFieldsVal[n.field] = option[n.field]
            })
          }
        }
      }
      
      return item
    })

    if (reFieldsVal) {
      _formlist = _formlist.map((cell, i) => {
        if (reFieldsVal[cell.field] === undefined) return cell

        cell.initval = reFieldsVal[cell.field]
        this.record[cell.field] = reFieldsVal[cell.field]

        setTimeout(() => {
          MKEmitter.emit('mkFC', 'input', cell.uuid, reFieldsVal[cell.field])
        }, i * 5)

        return cell
      })
    }

    this.setState({
      formlist: _formlist
@@ -609,43 +745,43 @@
  recordChange = (values, item) => {
    this.record = {...this.record, ...values}

    if (item && item.controlFields) {
      let map = new Map()
      this.state.formlist.forEach(cell => {
        if (!cell.field) return
        map.set(cell.field, cell)
      })
    if (!item || !item.controlFields) return

      let reset = (current) => {
        let val = this.record[current.field]
    let map = new Map()
    this.state.formlist.forEach(cell => {
      if (!cell.field) return
      map.set(cell.field, cell)
    })

        current.controlFields.forEach(cell => {
          let m = map.get(cell.field)
          m.hidden = current.hidden || !cell.values.includes(val)
    let reset = (current) => {
      let val = this.record[current.field]

          if (m.hidden) {
            m.initval = this.record[m.field]
          }
      current.controlFields.forEach(cell => {
        let m = map.get(cell.field)
        m.hidden = current.hidden || !cell.values.includes(val)

          map.set(cell.field, m)
        if (m.hidden) {
          m.initval = this.record[m.field]
        }

          if (m.controlFields) {
            reset(m)
          }
        })
      }
        map.set(cell.field, m)

      reset(item)

      this.setState({
        formlist: this.state.formlist.map(cell => {
          if (cell.field) {
            return map.get(cell.field)
          }
          return cell
        })
        if (m.controlFields) {
          reset(m)
        }
      })
    }

    reset(item)

    this.setState({
      formlist: this.state.formlist.map(cell => {
        if (cell.field) {
          return map.get(cell.field)
        }
        return cell
      })
    })
  }

  getFields() {
@@ -660,21 +796,23 @@
      if (item.type === 'split') {
        fields.push(
          <Col span={24} key={index}>
            <p className="mk-form-split-line">{item.label}</p>
            <p className="mk-form-split-line" style={item.style}>{item.label}</p>
          </Col>
        )
      } else if (item.type === 'hint') {
        fields.push(
          <Col span={item.span || 24} key={index}>
            <Form.Item className="hint" colon={!!item.label} label={item.label} labelCol={item.labelCol} wrapperCol={item.wrapperCol}>
              <div className="message">{item.message}</div>
            <Form.Item className="hint" colon={false} label={item.label ? <span className="mk-form-label" style={item.style}>{item.label}</span> : ' '} labelCol={item.labelCol} wrapperCol={item.wrapperCol}>
              <div className="message" style={item.style}>{item.message}</div>
            </Form.Item>
          </Col>
        )
      } else {
        let content = null
        let className = ''
        let label = item.tooltip ? <Tooltip placement="topLeft" title={item.tooltip}><Icon type="question-circle" />{item.label}</Tooltip> : item.label
        let label = item.tooltip ? <Tooltip placement="topLeft" title={item.tooltip}><QuestionCircleOutlined style={{color: '#c49f47', marginRight: '3px'}}/>
          <span className="mk-form-label" style={item.style}>{item.label}</span>
        </Tooltip> : <span className="mk-form-label" style={item.style}>{item.label}</span>
      
        if (item.type === 'text' || item.type === 'linkMain') {
          content = (<MKInput config={item} onChange={(val, defer) => !defer && this.recordChange({[item.field]: val})} onSubmit={this.props.inputSubmit} />)
@@ -688,12 +826,12 @@
          className = 'checkcard'
          content = (<MKCheckCard config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)}/>)
        } else if (item.type === 'switch') {
          content = (<MKSwitch config={item} onChange={(val) => this.recordChange({[item.field]: val})}/>)
          content = (<MKSwitch config={item} onChange={(val) => this.recordChange({[item.field]: val}, item)}/>)
        } else if (item.type === 'checkbox') {
          content = (<MKCheckbox config={item} onChange={(val) => this.recordChange({[item.field]: val})}/>)
        } else if (item.type === 'radio') {
          content = (<MKRadio config={item} onChange={(val) => this.recordChange({[item.field]: val}, item)}/>)
        } else if (item.type === 'date' || item.type === 'datemonth' || item.type === 'datetime') {
          content = (<MKRadio config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)}/>)
        } else if (item.type === 'date' || item.type === 'datemonth') {
          content = (<MKDatePicker config={item} onChange={(val) => this.recordChange({[item.field]: val})} />)
        } else if (item.type === 'fileupload') {
          className = item.readonly ? 'readonly' : ''
@@ -701,6 +839,8 @@
          content = (<MKFileUpload config={item} onChange={(val) => this.recordChange({[item.field]: val})} />)
        } else if (item.type === 'textarea') {
          content = (<MKTextArea config={item} onChange={(val, defer) => !defer && this.recordChange({[item.field]: val})}/>)
        } else if (item.type === 'rate') {
          content = (<Rate count={item.rateCount} disabled={item.readonly} onChange={(val) => this.recordChange({[item.field]: val})} character={item.character ? <MkIcon type={item.character}/> : <StarFilled />} allowHalf={item.allowHalf}/>)
        } else if (item.type === 'brafteditor') {
          content = (<MKEditor config={item} onChange={(val) => this.recordChange({[item.field]: val})}/>)
          label = item.hidelabel !== 'true' ? label : ''
@@ -712,6 +852,7 @@
          <Col span={item.span || 24} key={index}>
            <Form.Item
              label={label}
              colon={false}
              className={className}
              extra={item.extra || null}
              labelCol={item.labelCol}
@@ -775,6 +916,14 @@
              _item.type = 'text'
            }
          }

          if (item.type === 'text' && item.lenControl && item.lenControl !== 'limit') {
            if (item.lenControl === 'left') {
              _item.value = _item.value.substr(0, item.fieldlength)
            } else {
              _item.value = _item.value.slice(-item.fieldlength)
            }
          }
    
          search.push(_item)
        })