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'

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

  UNSAFE_componentWillMount () {
@@ -221,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,
@@ -258,7 +269,7 @@
    if (id !== this.props.MenuID) return

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

@@ -270,7 +281,7 @@
    let i = index - (pageIndex - 1) * pageSize - 1

    if (this.props.data[i]) {
      this.changeRow(null, 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)
@@ -287,6 +298,8 @@
      MKEmitter.emit('autoMaticOver', this.props.MenuID)
      return
    }

    console.clear()

    let pageIndex = Math.ceil(index / pageSize)

@@ -416,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 = ''
      }

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

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

      if (item.linkThdMenu || item.linkurl) {
      if (!record.$disabled && (item.linkThdMenu || item.linkurl)) {
        if (item.rowspan === 'true') {
          return {
            children: (
@@ -687,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)
      }
@@ -708,6 +725,7 @@
                  key={btn.uuid}
                  btn={btn}
                  BID={record.$$BID}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
@@ -721,6 +739,7 @@
                  key={btn.uuid}
                  btn={btn}
                  BID={record.$$BID}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
@@ -731,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}
                />
@@ -741,7 +762,9 @@
                <NewPageButton
                  key={btn.uuid}
                  btn={btn}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
                />
              )
@@ -870,6 +893,10 @@
            }

            _href += '?' + _param
          }

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

          if (item.blur) {
@@ -1006,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)
  }
@@ -1016,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()

@@ -1148,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: {}
@@ -1203,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']}`
@@ -1258,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 '
            }