Merge branch 'master' into positec

king

2025-05-23 24842b40de5cd60700bf69dfd38a0332f5431e36

 src/tabviews/zshare/actionList/tabbutton/index.jsx

@@ -1,11 +1,12 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { is, fromJS } from 'immutable'
import { Button, notification } from 'antd'
import { Button, notification, Dropdown } from 'antd'

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

import './index.scss'

class TabButton extends Component {
  static propTpyes = {
@@ -15,12 +16,14 @@
    btn: PropTypes.object,            // 按钮
    selectedData: PropTypes.any,      // 子表中选择数据
    disabled: PropTypes.any,          // 行按钮禁用
    name: PropTypes.any
  }

  state = {
    disabled: false,
    hidden: false,
    primaryId: ''
    primaryId: '',
    dict: window.GLOB.dict
  }

  UNSAFE_componentWillMount () {
@@ -98,24 +101,29 @@
  /**
   * @description 触发按钮操作
   */
  actionTrigger = (triggerId, record, type) => {
    const { btn, selectedData, BID } = this.props
    const { disabled } = this.state
  actionTrigger = (triggerId, record, type, lid) => {
    const { btn, selectedData, BID, LID } = this.props
    const { disabled, dict } = this.state

    if (disabled) return
    if (disabled || btn.multiMenus) return
    if (triggerId && btn.uuid !== triggerId) return

    if (type === 'linkbtn' && !btn.$toolbtn && !is(fromJS(selectedData || []), fromJS(record))) {
      return
    }
    if (type === 'linkbtn' && !btn.$toolbtn && LID !== lid) return
    
    let data = record || selectedData || []

    if (btn.Ot === 'requiredSgl' && data.length !== 1) {
    if (btn.Ot !== 'notRequired' && data.length === 0) {
      // 需要选择行时，校验数据
      notification.warning({
        top: 92,
        message: dict['select_row'] || '请选择行！',
        duration: 5
      })
      return false
    } else if (btn.Ot === 'requiredSgl' && data.length !== 1) {
      // 需要选择单行时，校验数据
      notification.warning({
        top: 92,
        message: '请选择单行数据！',
        message: dict['select_single_row'] || '请选择单行数据！',
        duration: 5
      })
      return
@@ -125,8 +133,26 @@

    if (btn.Ot === 'requiredSgl') {
      primaryId = data[0].$$uuid || ''
    } else if (btn.Ot === 'notRequired' && BID) {
      primaryId = BID
    } else if (btn.Ot === 'requiredOnce') {
      let ids = data.map(d => (d.$$uuid || ''))
      ids = ids.filter(Boolean)
      primaryId = ids.join(',')
    } else if (btn.Ot === 'notRequired') {
      if (btn.sysId === 'js') {
        primaryId = (() => {
          let uuid = []
          let timestamp = new Date().getTime()
          let _options = '0123456789abcdefghigklmnopqrstuv'
          for (let i = 0; i < 19; i++) {
            uuid.push(_options.substr(Math.floor(Math.random() * 0x20), 1))
          }
          uuid = timestamp + uuid.join('')
          return uuid
        })()
        primaryId = primaryId + (btn.sign || '')
      } else if (btn.sysId !== 'empty') {
        primaryId = BID || ''
      }
    }

    let newtab = {}
@@ -162,10 +188,18 @@
      if (!menu) {
        notification.warning({
          top: 92,
          message: '菜单已删除或没有访问权限！',
          message: dict['no_perm'] || `没有${btn.MenuName ? `菜单《${btn.MenuName}》的` : '此菜单的'}访问权限！`,
          duration: 5
        })
        return
      }

      if (btn.Ot === 'requiredSgl' || btn.Ot === 'requiredOnce') {
        Object.keys(data[0]).forEach(key => {
          if (/^\$/.test(key)) return
          if (key === 'children') return
          menu.param[key] = data[0][key]
        })
      }

      newtab = menu
@@ -184,45 +218,133 @@
    }
  }

  triggerMenu = (tab) => {
    const { btn, selectedData, BID } = this.props
    const { dict } = this.state

    let data = selectedData || []

    if (btn.Ot !== 'notRequired' && data.length === 0) {
      // 需要选择行时，校验数据
      notification.warning({
        top: 92,
        message: dict['select_row'] || '请选择行！',
        duration: 5
      })
      return false
    } else if (btn.Ot === 'requiredSgl' && data.length !== 1) {
      // 需要选择单行时，校验数据
      notification.warning({
        top: 92,
        message: dict['select_single_row'] || '请选择单行数据！',
        duration: 5
      })
      return
    }

    let primaryId = ''

    if (btn.Ot === 'requiredSgl') {
      primaryId = data[0].$$uuid || ''
    } else if (btn.Ot === 'requiredOnce') {
      let ids = data.map(d => (d.$$uuid || ''))
      ids = ids.filter(Boolean)
      primaryId = ids.join(',')
    } else if (btn.Ot === 'notRequired') {
      if (btn.sysId === 'js') {
        primaryId = (() => {
          let uuid = []
          let timestamp = new Date().getTime()
          let _options = '0123456789abcdefghigklmnopqrstuv'
          for (let i = 0; i < 19; i++) {
            uuid.push(_options.substr(Math.floor(Math.random() * 0x20), 1))
          }
          uuid = timestamp + uuid.join('')
          return uuid
        })()
        primaryId = primaryId + (tab.sign || '')
      } else if (btn.sysId !== 'empty') {
        primaryId = BID || ''
      }
    }

    let menuId = tab.menuId.slice(-1)[0]
    let menu = null

    if (window.GLOB.mkThdMenus.has(menuId)) {
      menu = {...window.GLOB.mkThdMenus.get(menuId), param: { $BID: primaryId }}
    } else if (tab.MenuID) {
      menu = {
        MenuID: tab.MenuID,
        MenuName: tab.MenuName,
        type: tab.tabType,
        param: { $BID: primaryId }
      }
    }

    if (!menu) {
      notification.warning({
        top: 92,
        message: dict['no_perm'] || '没有此菜单的访问权限！',
        duration: 5
      })
      return
    }


    if (btn.openTab === 'view') {
      window.open('#/view/' + menu.MenuID + '/' + primaryId)
    } else {
      MKEmitter.emit('modifyTabs', menu, true)
  
      MKEmitter.emit('openNewTab')
    }

    if (window.GLOB.systemType === 'production') {
      MKEmitter.emit('queryTrigger', {menuId: btn.uuid, name: '标签页'})
    }
  }

  render() {
    const { btn } = this.props
    const { btn, name } = this.props
    const { disabled, hidden } = this.state

    if (hidden) return null

    let label = ''
    let icon = ''
    let type = 'link'
    let className = ''

    if (btn.show === 'button') {
      label = btn.label
      icon = btn.icon || ''
    } else if (btn.show === 'link') {
      label = <span>{btn.label}{btn.icon ? <MkIcon style={{marginLeft: '8px'}} type={btn.icon}/> : ''}</span>
      icon = ''
    if (btn.show === 'link') {
      label = <span>{name || btn.label}{btn.icon ? <MkIcon style={{marginLeft: '8px'}} type={btn.icon} /> : ''}</span>
    } else if (btn.show === 'icon') {
      icon = btn.icon || ''
    } else if (!btn.$toolbtn) {
      icon = btn.icon || ''
      label = btn.label
      className = 'mk-btn mk-' + btn.class
      label = <MkIcon type={btn.icon} />
    } else {
      type = ''
      icon = btn.icon || ''
      label = btn.label
      className = 'mk-btn mk-' + btn.class
      label = <span>{btn.icon ? <MkIcon style={{marginRight: '8px'}} type={btn.icon} /> : ''}{name || btn.label}</span>
    }

    if (btn.multiMenus && !disabled) {
      return (<Dropdown
        overlay={<div className="mk-tab-dropdown-wrap">{
          btn.multiMenus.map(tab => <div key={tab.uuid} onClick={() => this.triggerMenu(tab)}>{tab.name}</div>)
        }</div>}
        trigger={['hover']}
      >
        <Button
          type="link"
          title={btn.show === 'icon' ? btn.label : ''}
          style={btn.style || null}
          className={btn.hover || ''}
        >{label}</Button>
      </Dropdown>)
    }

    return (
      <Button
        type={type}
        type="link"
        id={'button' + btn.uuid}
        title={disabled ? (btn.reason || '') : (btn.show === 'icon' ? btn.label : '')}
        style={btn.style || null}
        disabled={disabled}
        icon={icon}
        className={className}
        className={btn.hover || ''}
        onClick={(e) => {e.stopPropagation(); this.actionTrigger()}}
      >{label}</Button>
    )