2022-02-14

king

2022-02-14 2504ff3e6e7143d3afba45527ef00b173376f7f8

 src/tabviews/zshare/normalTable/index.jsx

@@ -3,10 +3,11 @@
import md5 from 'md5'
import { connect } from 'react-redux'
import { is, fromJS } from 'immutable'
import { Table, Affix, Typography, Icon } from 'antd'
import { Table, Affix, Typography } from 'antd'

import asyncComponent from '@/utils/asyncComponent'
import MKEmitter from '@/utils/events.js'
import MkIcon from '@/components/mk-icon'
import '@/assets/css/table.scss'
import './index.scss'

@@ -45,7 +46,6 @@
    total: PropTypes.any,            // 总数
    loading: PropTypes.bool,         // 表格加载中
    refreshdata: PropTypes.func,     // 表格中排序列、页码的变化时刷新
    handleTableId: PropTypes.func,   // 数据切换
    chgSelectData: PropTypes.func,   // 数据切换
  }

@@ -56,7 +56,8 @@
    columns: null,        // 显示列
    lineMarks: null,      // 行标记
    activeIndex: null,    // 标记当前选中行
    rowspans: null        // 行合并字段信息
    rowspans: null,       // 行合并字段信息
    pageOptions: []
  }

  UNSAFE_componentWillMount () {
@@ -215,15 +216,28 @@
          }
        }
        
        _columns.push(cell)
        if (item.type === 'action' && item.position === 'left') {
          _columns.unshift(cell)
        } else {
          _columns.push(cell)
        }
      })
  
      if (rowspans.length === 0) {
        rowspans = null
      }
    }

    let size = (setting.pageSize || 10) + ''
    let pageOptions = ['10', '25', '50', '100', '500', '1000']

    if (!pageOptions.includes(size)) {
      pageOptions.push(size)
      pageOptions = pageOptions.sort((a, b) => a - b)
    }
    
    this.setState({
      pageOptions,
      columns: _columns,
      pageSize: pageSize ? pageSize : 10,
      lineMarks,
@@ -237,6 +251,8 @@

  componentDidMount () {
    MKEmitter.addListener('resetTable', this.resetTable)
    MKEmitter.addListener('autoQueryData', this.autoQueryData)
    MKEmitter.addListener('autoSelectData', this.autoSelectData)
    MKEmitter.addListener('mkTableCheckTopLine', this.mkTableCheckTopLine)
  }

@@ -248,6 +264,8 @@
      return
    }
    MKEmitter.removeListener('resetTable', this.resetTable)
    MKEmitter.removeListener('autoQueryData', this.autoQueryData)
    MKEmitter.removeListener('autoSelectData', this.autoSelectData)
    MKEmitter.removeListener('mkTableCheckTopLine', this.mkTableCheckTopLine)
  }

@@ -255,8 +273,47 @@
    if (id !== this.props.MenuID) return

    if (this.props.data.length > 0) {
      this.changeRow(null, 0)
      this.changeRow(this.props.data[0], 0)
    }
  }

  autoSelectData = (id, index) => {
    if (id !== this.props.MenuID) return

    const { pageSize, pageIndex } = this.state

    let i = index - (pageIndex - 1) * pageSize - 1

    if (this.props.data[i]) {
      this.changeRow(this.props.data[i], i)
      MKEmitter.emit('autoTransSelectData', this.props.MenuID, this.props.data[i])
    } else {
      MKEmitter.emit('autoMaticOver', this.props.MenuID)
    }
  }

  autoQueryData = (id, index) => {
    if (id !== this.props.MenuID) return

    const { total } = this.props
    const { pageSize } = this.state

    if (index !== 1 && (!total || index > total)) {
      MKEmitter.emit('autoMaticOver', this.props.MenuID)
      return
    }

    console.clear()

    let pageIndex = Math.ceil(index / pageSize)

    this.setState({
      pageIndex: pageIndex,
      selectedRowKeys: [],
      activeIndex: null
    })

    this.props.refreshdata({pageIndex})
  }

  // 字段透视
@@ -376,7 +433,7 @@
        if (mark.position === 'front') {
          position = 'front'
        }
        icon = <Icon className={'font ' + className} type={mark.icon} />
        icon = <MkIcon className={'font ' + className} type={mark.icon} />
        className = ''
      }

@@ -428,7 +485,7 @@
        content = md5(content)
      }

      if (item.linkThdMenu || item.linkurl) {
      if (!record.$disabled && (item.linkThdMenu || item.linkurl)) {
        if (item.rowspan === 'true') {
          return {
            children: (
@@ -527,7 +584,7 @@
        content = md5(content)
      }

      if (item.linkThdMenu || item.linkurl) {
      if (!record.$disabled && (item.linkThdMenu || item.linkurl)) {
        if (item.rowspan === 'true') {
          return {
            children: (
@@ -647,6 +704,10 @@
        _href += '?' + _param
      }

      if (_href && /^https/.test(window.location.protocol)) { // https转换
        _href = _href.replace(/^http:/ig, 'https:')
      }

      if (item.blur) {
        content = md5(content)
      }
@@ -668,6 +729,8 @@
                  key={btn.uuid}
                  btn={btn}
                  BID={record.$$BID}
                  disabled={record.$disabled}
                  lineId={record.$$key || ''}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
@@ -681,6 +744,8 @@
                  key={btn.uuid}
                  btn={btn}
                  BID={record.$$BID}
                  disabled={record.$disabled}
                  lineId={record.$$key || ''}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
@@ -691,7 +756,10 @@
                <TabButton
                  key={btn.uuid}
                  btn={btn}
                  disabled={record.$disabled}
                  lineId={record.$$key || ''}
                  selectedData={[record]}
                  BData={this.props.BData}
                  MenuID={this.props.MenuID}
                  setting={this.props.setting}
                />
@@ -701,7 +769,10 @@
                <NewPageButton
                  key={btn.uuid}
                  btn={btn}
                  disabled={record.$disabled}
                  lineId={record.$$key || ''}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
                />
              )
@@ -830,6 +901,10 @@
            }

            _href += '?' + _param
          }

          if (_href && /^https/.test(window.location.protocol)) { // https转换
            _href = _href.replace(/^http:/ig, 'https:')
          }

          if (item.blur) {
@@ -966,7 +1041,7 @@

    this.setState({ selectedRowKeys, activeIndex: _activeIndex })

    let selects = this.props.data.filter((item, _index) => selectedRowKeys.includes(_index))
    let selects = this.props.data.filter((item, _index) => selectedRowKeys.includes(_index) && !item.$disabled)

    this.props.chgSelectData(selects)
  }
@@ -976,6 +1051,7 @@
   */
  changeRow = (record, index) => {
    if (!this.props.setting.tableType || this.props.pickup) return
    if (record.$disabled) return
    
    let newkeys = fromJS(this.state.selectedRowKeys).toJS()

@@ -1016,7 +1092,9 @@
  }

  changedata = (index) => {
    const { data, setting } = this.props
    const { data, setting, tableId, ContainerId } = this.props

    if (!tableId || !ContainerId) return

    let _id = ''
    let _data = ''
@@ -1026,13 +1104,13 @@
      _data = data[index] || ''
    }

    this.props.handleTableId(this.props.tableId, _id, _data)
    MKEmitter.emit('changeTableLine', ContainerId, tableId, _id, _data)
  }

  resetTable = (id, repage) => {
    const { MenuID, tableId } = this.props
    const { tableId } = this.props

    if (id !== (MenuID + tableId)) return
    if (id !== tableId) return

    if (repage === 'false') {
      this.setState({
@@ -1106,13 +1184,14 @@
    const { setting } = this.props

    if (!setting.doubleClick) return
    if (record.$disabled) return

    MKEmitter.emit('triggerBtnId', setting.doubleClick, [record])
  }

  render() {
    const { setting, pickup, statFValue } = this.props
    const { selectedRowKeys, lineMarks, activeIndex } = this.state
    const { selectedRowKeys, lineMarks, activeIndex, pageOptions } = this.state

    let components = {
      body: {}
@@ -1161,7 +1240,7 @@
      _pagination = {
        current: this.state.pageIndex,
        pageSize: this.state.pageSize,
        pageSizeOptions: ['10', '25', '50', '100', '500', '1000'],
        pageSizeOptions: pageOptions,
        showSizeChanger: true,
        total: this.props.total || 0,
        showTotal: (total, range) => `${range[0]}-${range[1]} ${this.props.dict['main.pagination.of']} ${total} ${this.props.dict['main.pagination.items']}`
@@ -1216,7 +1295,9 @@
          dataSource={_data}
          rowClassName={(record) => {
            let className = ''
            if ((setting.tableType === 'checkbox' || setting.tableType === 'radio') && record.key === activeIndex) {
            if (record.$disabled) {
              className = 'mk-disabled '
            } else if ((setting.tableType === 'checkbox' || setting.tableType === 'radio') && record.key === activeIndex) {
              className = 'mk-row-active '
            }