2023-05-09

king

2023-05-09 7b0dbecd1d6155d26ec67be0a47a16264c738c85

 src/tabviews/custom/components/table/edit-table/index.jsx

@@ -38,8 +38,6 @@
    pageSize: 10,         // 每页数据条数
    orderBy: '',          // 排序
    search: '',           // 搜索条件数组，使用时需分场景处理
    statFValue: [],       // 合计值
    lock: false
  }

  /**
@@ -65,69 +63,100 @@

    _config.submit.style = _config.submit.style || {}
    _config.submit.wrapStyle = {}
    _config.submit.hasAction = _config.action.length > 0
    if (!_config.submit.hasAction) {
      if (_config.submit.style.marginTop) {
        _config.submit.wrapStyle.paddingTop = _config.submit.style.marginTop
    setting.hasAction = _config.action.length > 0

    _config.action.forEach(btn => {
      if (btn.funcType === 'addline') {
        setting.addable = true
      }
      if (_config.submit.style.marginBottom) {
        _config.submit.wrapStyle.paddingBottom = _config.submit.style.marginBottom
      btn.$tableId = setting.tableId
      if (!btn.controlField) {
        btn.controlField = '$lock'
        btn.controlVals = []
      }
    } else {
      _config.submit.wrapStyle.paddingTop = '15px'
    }

    if (setting.height) {
      setting.operType = 'btnMode'
    }

    let _columns = []
    let signAdd = false
    _config.cols.forEach(column => {
      if (column.Hide === 'true') return
      if (column.type === 'index') {
        column.field = '$Index'
        column.type = 'text'
      }

      if (setting.addable === 'true' && setting.operType === 'buoyMode' && column.type !== 'action' && !signAdd) {
        column.addable = true
        signAdd = true
      }

      if (column.marks && column.marks.length === 0) {
        column.marks = ''
      }

      column.tableId = setting.tableId

      if (column.type === 'text' && column.editable === 'true' && column.editType === 'select') {
        column.options = column.options || []
        column.options = column.options.filter(cell => {
          cell.value = cell.Value
          cell.label = cell.Text
  
          return !cell.Hide
        })
      }

      _columns.push(column)
    })

    if (setting.delable !== 'false' && setting.operType === 'buoyMode') {
      if (_columns[_columns.length - 1] && _columns[_columns.length - 1].type !== 'action') {
        _columns[_columns.length - 1].delable = true
      } else if (_columns[_columns.length - 2] && _columns[_columns.length - 2].type !== 'action') {
        _columns[_columns.length - 2].delable = true
      }
    let _columns = []
    setting.initId = ''
    let triMap = new Map()

    let getColumns = (cols) => {
      return cols.filter(item => {
        if (item.Hide === 'true') return false

        item.tableId = setting.tableId

        if (item.type === 'colspan') {
          item.subcols = getColumns(item.subcols)

          if (item.subcols.length === 0) {
            return false
          }
        } else if (item.type === 'action') {
          item.elements.forEach(btn => {
            if (btn.funcType === 'addline') {
              setting.addable = true
            }
            btn.$tableId = setting.tableId
            if (!btn.controlField) {
              btn.controlField = '$lock'
              btn.controlVals = []
            }
          })
        } else {
          if (item.type === 'index') {
            item.field = '$Index'
            item.type = 'text'
          }

          if (item.marks && item.marks.length === 0) {
            item.marks = ''
          }

          if (item.editable === 'true') {
            if (!setting.initId) {
              setting.initId = item.uuid
            }
            if (item.type === 'text' && (item.editType === 'switch' || item.editType === 'select')) {
              triMap.set(item.uuid, item.editType)
            }
            if (item.type === 'text' && item.editType === 'select') {
              item.options = item.options || []
              item.options = item.options.filter(cell => {
                cell.value = cell.Value
                cell.label = cell.Text
        
                return !cell.Hide
              })
            }
          }
        }
  
        return true
      })
    }

    // if (setting.color) {
    //   setting.style.color = setting.color
    // }
    // if (setting.fontSize) {
    //   setting.style.fontSize = setting.fontSize
    // }
    _columns = getColumns(_config.cols)

    if (triMap.size > 0) {
      let setColumns = (cols) => {
        return cols.map(item => {
          if (item.type === 'colspan') {
            item.subcols = setColumns(item.subcols)
          } else if (item.editable === 'true' && triMap.has(item.enter)) {
            item.triType = 'click'
          }
    
          return item
        })
      }
  
      _columns = setColumns(_columns)

      if (setting.initId && triMap.has(setting.initId)) {
        setting.triType = 'click'
      }
    }

    if (!_config.lineMarks || _config.lineMarks.length === 0) {
      _config.lineMarks = null
@@ -148,7 +177,6 @@
      if (_config.setting.onload === 'true') {
        setTimeout(() => {
          this.loadmaindata()
          this.getStatFieldsValue()
        }, _config.setting.delay || 0)
      }
    })
@@ -253,7 +281,7 @@
  /**
   * @description 获取单行数据
   */ 
  async loadmainLinedata (id, line) {
  async loadmainLinedata (id) {
    const { mainSearch } = this.props
    const { setting, config, arr_field, search, orderBy, BID, pageIndex, pageSize, BData } = this.state

@@ -276,10 +304,18 @@

    let result = await Api.genericInterface(param)
    if (result.status) {
      if (!result.data || !result.data[0]) {
        this.setState({
          loading: false
        })

        return
      }

      let data = fromJS(this.state.data).toJS()
      let selectedData = fromJS(this.state.selectedData).toJS()

      let _data = result.data[0] || {}
      let _data = result.data[0]
      _data.$$uuid = _data[setting.primaryKey] || ''
      _data.$$BID = BID || ''
      _data.$$BData = BData || ''
@@ -314,14 +350,8 @@
        console.warn('数据查询错误')
      }

      if (line) {
        if (line.$type === 'del' && !result.data[0]) {
          data = data.filter(m => m.$$uuid === line.$$uuid)
        }
        MKEmitter.emit('transferData', config.uuid, _data, 'line')
      } else {
        MKEmitter.emit('resetSelectLine', config.uuid, _data.$$uuid || '', _data)
      }
      MKEmitter.emit('transferData', config.uuid, _data, 'line')
      MKEmitter.emit('resetSelectLine', config.uuid, _data.$$uuid, _data)

      this.setState({
        data,
@@ -341,72 +371,6 @@
  }

  /**
   * @description 获取合计字段值
   */
  getStatFieldsValue = () => {
    const { mainSearch } = this.props
    const { setting, config, search, BID, orderBy } = this.state

    if (setting.supModule && !BID) { // BID 不存在时，不做查询
      this.setState({
        statFValue: []
      })
      return
    }

    if (config.statFields.length === 0 || setting.interType !== 'system' || !setting.dataresource) return

    let searches = fromJS(search).toJS()
    if (config.setting.useMSearch && mainSearch && mainSearch.length > 0) { // 主表搜索条件
      let keys = searches.map(item => item.key.toLowerCase())
      mainSearch.forEach(item => {
        if (!keys.includes(item.key.toLowerCase())) {
          searches.push(item)
        }
      })
    }
    let requireFields = searches.filter(item => item.required && item.value === '')
    if (requireFields.length > 0) {
      return
    }

    let _orderBy = orderBy || setting.order
    let param = UtilsDM.getStatQueryDataParams(setting, config.statFields, searches, _orderBy, BID)

    Api.genericInterface(param).then(res => {
      if (res.status) {
        let _data = res.data[0]
        let values = []

        if (_data) {
          config.statFields.forEach(item => {
            if (_data[item.field] || _data[item.field] === 0) {
              let val = +_data[item.field]
              if (isNaN(val)) {
                val = 0
              }
              val = val.toFixed(item.decimal)
              values.push({label: item.label, value: val})
            }
          })
        }
        this.setState({
          statFValue: values
        })
      } else {
        this.setState({
          statFValue: []
        })
        notification.error({
          top: 92,
          message: res.message,
          duration: 10
        })
      }
    })
  }

  /**
   * @description 搜索条件改变时，重置表格数据
   * 含有初始不加载的页面，修改设置
   */
@@ -420,7 +384,6 @@
        setting: {...setting, onload: 'true'}
      }, () => {
        this.loadmaindata()
        this.getStatFieldsValue()
      })
    } else {
      this.setState({
@@ -428,7 +391,6 @@
        search: searches
      }, () => {
        this.loadmaindata(true, 'true')
        this.getStatFieldsValue()
      })
    }
  }
@@ -463,11 +425,9 @@
        pageIndex: 1
      }, () => {
        this.loadmaindata(true, 'true')
        this.getStatFieldsValue()
      })
    } else {
      this.loadmaindata(true, 'false')
      this.getStatFieldsValue()
    }
  }

@@ -498,7 +458,7 @@
    })
  }

  reloadData = (menuId, id, item) => {
  reloadData = (menuId, id) => {
    const { config } = this.state

    if (config.uuid !== menuId) return
@@ -506,7 +466,7 @@
    if (!id) {
      this.reloadtable()
    } else {
      this.loadmainLinedata(id, item)
      this.loadmainLinedata(id)
    }
  }

@@ -521,7 +481,6 @@
        BData: data
      }, () => {
        this.loadmaindata(true, 'true')
        this.getStatFieldsValue()
      })
    }
  }
@@ -589,7 +548,7 @@
  }

  render() {
    const { BID, setting, actions, config, columns, BData, data, selectedData, lock } = this.state
    const { BID, setting, actions, config, columns, BData, data, selectedData } = this.state

    let style = {...config.style}
    if (config.wrap.empty === 'hidden' && data.length === 0) {
@@ -602,15 +561,14 @@
        {config.search && config.search.length ?
          <MainSearch BID={BID} config={config} refreshdata={this.refreshbysearch}/> : null
        }
        <MainAction
        {actions.length > 0 ? <MainAction
          BID={BID}
          setting={setting}
          actions={actions}
          BData={BData}
          lock={lock}
          columns={config.columns}
          selectedData={selectedData}
        />
        /> : null}
        <MainTable
          BID={BID}
          setting={setting}
@@ -623,8 +581,6 @@
          loading={this.state.loading}
          refreshdata={this.refreshbytable}
          chgSelectData={(selects) => this.setState({selectedData: selects})}
          changeLock={(lock) => this.setState({lock: lock})}
          statFValue={this.state.statFValue}
        />
      </div>
    )