2022-01-02

king

2022-01-02 bde2916433c7830e2879e6524e32b9f6c8bd0bab

 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 () {
@@ -222,8 +223,17 @@
        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 +247,9 @@

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

  /**
@@ -247,6 +260,56 @@
      return
    }
    MKEmitter.removeListener('resetTable', this.resetTable)
    MKEmitter.removeListener('autoQueryData', this.autoQueryData)
    MKEmitter.removeListener('autoSelectData', this.autoSelectData)
    MKEmitter.removeListener('mkTableCheckTopLine', this.mkTableCheckTopLine)
  }

  mkTableCheckTopLine = (id) => {
    if (id !== this.props.MenuID) return

    if (this.props.data.length > 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})
  }

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

@@ -418,7 +481,7 @@
        content = md5(content)
      }

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

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

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

      if (item.blur) {
        content = md5(content)
      }
@@ -658,6 +725,7 @@
                  key={btn.uuid}
                  btn={btn}
                  BID={record.$$BID}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
@@ -671,6 +739,7 @@
                  key={btn.uuid}
                  btn={btn}
                  BID={record.$$BID}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
@@ -681,7 +750,9 @@
                <TabButton
                  key={btn.uuid}
                  btn={btn}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  MenuID={this.props.MenuID}
                  setting={this.props.setting}
                />
@@ -691,7 +762,9 @@
                <NewPageButton
                  key={btn.uuid}
                  btn={btn}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
                />
              )
@@ -820,6 +893,10 @@
            }

            _href += '?' + _param
          }

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

          if (item.blur) {
@@ -956,7 +1033,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)
  }
@@ -966,6 +1043,7 @@
   */
  changeRow = (record, index) => {
    if (!this.props.setting.tableType || this.props.pickup) return
    if (record.$disabled) return
    
    let newkeys = fromJS(this.state.selectedRowKeys).toJS()

@@ -1006,7 +1084,9 @@
  }

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

    if (!tableId || !ContainerId) return

    let _id = ''
    let _data = ''
@@ -1016,13 +1096,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({
@@ -1096,13 +1176,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: {}
@@ -1151,7 +1232,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']}`
@@ -1206,7 +1287,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 '
            }