2022-05-29

king

2022-05-29 a1b34fcc49cfeb7324cb7f4584380426ec6b092f

 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 () {
@@ -113,8 +115,17 @@
        }
      }
  
      columns.forEach((item, index) => {
        if (item.hidden === true || item.Hide === 'true') return
      columns.forEach(item => {
        if (item.hidden === true || item.Hide === 'true') {
          if (item.marks) { // 提取行标记
            item.marks.forEach(mark => {
              if (mark.signType !== 'line') return

              lineMarks.push(mark)
            })
          }
          return
        }
        let cell = null
  
        if (item.type === 'colspan') {
@@ -214,15 +225,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,
@@ -254,12 +278,20 @@
    MKEmitter.removeListener('mkTableCheckTopLine', this.mkTableCheckTopLine)
  }

  mkTableCheckTopLine = (id) => {
    if (id !== this.props.MenuID) return
  mkTableCheckTopLine = (menuid, id) => {
    const {MenuID, data} = this.props

    if (this.props.data.length > 0) {
      this.changeRow(null, 0)
    if (menuid !== MenuID || data.length === 0) return

    let index = 0
    if (id) {
      index = data.findIndex(item => item.$$uuid === id)
      if (index === -1) {
        index = 0
      }
    }

    this.changeRow(data[index], index)
  }

  autoSelectData = (id, index) => {
@@ -270,7 +302,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 +319,8 @@
      MKEmitter.emit('autoMaticOver', this.props.MenuID)
      return
    }

    console.clear()

    let pageIndex = Math.ceil(index / pageSize)

@@ -416,7 +450,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 +502,7 @@
        content = md5(content)
      }

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

      if (item.linkThdMenu || item.linkurl) {
      if (!record.$disabled && (item.linkThdMenu || item.linkurl)) {
        if (item.rowspan === 'true') {
          return {
            children: (
@@ -620,9 +654,11 @@
      let photos = ''
      if (item.field && record.hasOwnProperty(item.field)) {
        photos = record[item.field] + ''
        photos = photos.split(',').filter(Boolean)
      }
      if (/^data:image/.test(photos)) {
        photos = [photos]
      } else {
        photos = ''
        photos = photos.split(',').filter(Boolean)
      }

      let maxHeight = item.maxHeight || 128
@@ -687,6 +723,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 +748,7 @@
                  key={btn.uuid}
                  btn={btn}
                  BID={record.$$BID}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
@@ -721,6 +762,7 @@
                  key={btn.uuid}
                  btn={btn}
                  BID={record.$$BID}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
@@ -731,7 +773,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 +785,9 @@
                <NewPageButton
                  key={btn.uuid}
                  btn={btn}
                  disabled={record.$disabled}
                  selectedData={[record]}
                  BData={this.props.BData}
                  setting={this.props.setting}
                />
              )
@@ -809,7 +855,12 @@
          let photos = []
          try {
            photos = record[col.field] + ''
            photos = photos.split(',').filter(Boolean)

            if (/^data:image/.test(photos)) {
              photos = [photos]
            } else {
              photos = photos.split(',').filter(Boolean)
            }
          } catch (e) {
            photos = []
          }
@@ -870,6 +921,10 @@
            }

            _href += '?' + _param
          }

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

          if (item.blur) {
@@ -990,11 +1045,12 @@
   * 
   */
  onSelectChange = selectedRowKeys => {
    const { setting } = this.props
    const { setting, data } = this.props

    let index = ''
    let _activeIndex = null
    if (selectedRowKeys.length > 0) {
      selectedRowKeys = selectedRowKeys.filter(key => !data[key].$disabled)
      index = selectedRowKeys.slice(-1)[0]
    }

@@ -1006,7 +1062,7 @@

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

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

    this.props.chgSelectData(selects)
  }
@@ -1016,6 +1072,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 +1205,14 @@
    const { setting } = this.props

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

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

  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 +1261,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 +1316,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 '
            }