From 2aa5ab63b4bbce5c36dbb3511b205b3b5f6af9bd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 07 五月 2024 11:34:20 +0800
Subject: [PATCH] 2024-05-07
---
src/tabviews/zshare/actionList/tabbutton/index.jsx | 361 +++++++++++++++++++++++++++++++++------------------
1 files changed, 234 insertions(+), 127 deletions(-)
diff --git a/src/tabviews/zshare/actionList/tabbutton/index.jsx b/src/tabviews/zshare/actionList/tabbutton/index.jsx
index f7f654e..dbc22b9 100644
--- a/src/tabviews/zshare/actionList/tabbutton/index.jsx
+++ b/src/tabviews/zshare/actionList/tabbutton/index.jsx
@@ -1,43 +1,37 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import {connect} from 'react-redux'
import { is, fromJS } from 'immutable'
-import { Button, notification, Icon } from 'antd'
+import { Button, notification, Dropdown } from 'antd'
-import { modifyTabview } from '@/store/action'
-import zhCN from '@/locales/zh-CN/main.js'
-import enUS from '@/locales/en-US/main.js'
import MKEmitter from '@/utils/events.js'
+import MkIcon from '@/components/mk-icon'
+
import './index.scss'
class TabButton extends Component {
static propTpyes = {
- show: PropTypes.any, // 鎸夐挳鏄剧ず鏍峰紡鎺у埗
- position: PropTypes.any, // 鎸夐挳浣嶇疆锛屽伐鍏锋爮涓簍oolbar
+ BData: PropTypes.any, // 涓昏〃鏁版嵁
+ BID: PropTypes.any,
MenuID: PropTypes.string, // 鑿滃崟ID
btn: PropTypes.object, // 鎸夐挳
selectedData: PropTypes.any, // 瀛愯〃涓�夋嫨鏁版嵁
- setting: PropTypes.any, // 椤甸潰閫氱敤璁剧疆
+ disabled: PropTypes.any, // 琛屾寜閽鐢�
+ name: PropTypes.any
}
state = {
- dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
disabled: false,
+ hidden: false,
primaryId: ''
}
UNSAFE_componentWillMount () {
- const { btn, selectedData } = this.props
- let disabled = false
+ const { btn, selectedData, BData, disabled } = this.props
- if (btn.controlField && selectedData && selectedData.length > 0) { // 琛ㄦ牸涓寜閽殣钘忔帶鍒�
- selectedData.forEach(item => {
- let s = item[btn.controlField] + ''
- if (s === btn.controlVal || (btn.controlVal && btn.controlVal.split(',').includes(s))) {
- disabled = true
- }
- })
- this.setState({disabled})
+ if (btn.controlField) {
+ this.setStatus(btn, selectedData || [], BData, disabled)
+ } else if (disabled) {
+ this.setState({disabled: true})
}
}
@@ -46,28 +40,16 @@
}
componentDidMount () {
- const { position } = this.props
-
- if (position === 'toolbar') {
- MKEmitter.addListener('triggerBtnId', this.actionTrigger)
- }
+ MKEmitter.addListener('triggerBtnId', this.actionTrigger)
}
UNSAFE_componentWillReceiveProps (nextProps) {
- const { btn, selectedData } = this.props
+ const { btn } = this.props
- if (btn.controlField && !is(fromJS(nextProps.selectedData || []), fromJS(selectedData || []))) {
- let disabled = false
-
- if (nextProps.selectedData && nextProps.selectedData.length > 0) { // 琛ㄦ牸涓寜閽殣钘忔帶鍒�
- nextProps.selectedData.forEach(item => {
- let s = item[btn.controlField] + ''
- if (s === btn.controlVal || (btn.controlVal && btn.controlVal.split(',').includes(s))) {
- disabled = true
- }
- })
- }
- this.setState({disabled})
+ if (btn.controlField) {
+ this.setStatus(btn, nextProps.selectedData || [], nextProps.BData, nextProps.disabled)
+ } else {
+ this.setState({disabled: nextProps.disabled === true})
}
}
@@ -77,22 +59,73 @@
}
MKEmitter.removeListener('triggerBtnId', this.actionTrigger)
}
+
+ setStatus = (btn, data, BData, disprop) => {
+ let disabled = false
+ let hidden = false
+
+ if (btn.control !== 'parent') {
+ if (data.length > 0) {
+ data.forEach(item => {
+ let s = item[btn.controlField] !== undefined ? item[btn.controlField] + '' : ''
+ if (btn.controlVals.includes(s) || item.$lock) {
+ disabled = true
+ }
+ })
+ } else if (btn.controlVals.includes('')) {
+ disabled = true
+ }
+ } else {
+ if (!BData || !BData.hasOwnProperty(btn.controlField)) {
+ hidden = true
+ } else {
+ let s = BData[btn.controlField] + ''
+ if (btn.controlVals.includes(s)) {
+ hidden = true
+ }
+ }
+ }
+
+ if (disabled && btn.control === 'hidden') {
+ hidden = true
+ }
+
+ if (disprop) {
+ disabled = true
+ }
+
+ this.setState({hidden, disabled})
+ }
/**
* @description 瑙﹀彂鎸夐挳鎿嶄綔
*/
- actionTrigger = (triggerId, record) => {
- const { setting, btn, tabviews, MenuID, selectedData } = this.props
+ actionTrigger = (triggerId, record, type) => {
+ const { btn, selectedData, BID } = this.props
+ const { disabled } = this.state
+ if (disabled || btn.multiMenus) return
if (triggerId && btn.uuid !== triggerId) return
+
+ if (type === 'linkbtn' && !btn.$toolbtn && !is(fromJS(selectedData || []), fromJS(record))) {
+ return
+ }
let data = record || selectedData || []
- if (btn.Ot === 'requiredSgl' && data.length !== 1) {
+ if (btn.Ot !== 'notRequired' && data.length === 0) {
+ // 闇�瑕侀�夋嫨琛屾椂锛屾牎楠屾暟鎹�
+ notification.warning({
+ top: 92,
+ message: '璇烽�夋嫨琛岋紒',
+ duration: 5
+ })
+ return false
+ } else if (btn.Ot === 'requiredSgl' && data.length !== 1) {
// 闇�瑕侀�夋嫨鍗曡鏃讹紝鏍￠獙鏁版嵁
notification.warning({
top: 92,
- message: this.state.dict['main.action.confirm.selectSingleLine'],
+ message: '璇烽�夋嫨鍗曡鏁版嵁锛�',
duration: 5
})
return
@@ -100,8 +133,28 @@
let primaryId = ''
- if (btn.Ot === 'requiredSgl' && setting.primaryKey) {
- primaryId = data[0][setting.primaryKey] || ''
+ 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 + (btn.sign || '')
+ } else if (btn.sysId !== 'empty') {
+ primaryId = BID || ''
+ }
}
let newtab = {}
@@ -112,7 +165,6 @@
MenuID: btn.uuid,
MenuName: btn.label,
type: btn.tabTemplate,
- selected: true,
param: {
parentId: this.props.MenuID,
btn: btn,
@@ -120,12 +172,19 @@
primaryId: primaryId
}
}
- } else if (btn.tabTemplate === 'ThdMenu') {
+ } else if (btn.linkmenu && btn.linkmenu.length > 0) {
+ let menuId = btn.linkmenu.slice(-1)[0]
let menu = null
- if (btn.linkmenu && btn.linkmenu.length > 0) {
- let menu_id = btn.linkmenu.slice(-1)[0]
- menu = this.props.permMenus.filter(m => m.MenuID === menu_id)[0] || ''
+ if (window.GLOB.mkThdMenus.has(menuId)) {
+ menu = {...window.GLOB.mkThdMenus.get(menuId), param: { $BID: primaryId }}
+ } else if (btn.MenuID) {
+ menu = {
+ MenuID: btn.MenuID,
+ MenuName: btn.MenuName,
+ type: btn.tabType,
+ param: { $BID: primaryId }
+ }
}
if (!menu) {
@@ -137,104 +196,152 @@
return
}
- newtab = {
- ...menu,
- selected: true,
- param: {
- $BID: primaryId
- }
- }
+ newtab = menu
}
- let index = 0
- let tabs = tabviews.filter((tab, i) => {
- tab.selected = false
-
- if (tab.MenuID === MenuID) {
- index = i
- }
-
- return tab.MenuID !== newtab.MenuID
- })
-
- if (['linkage_navigation', 'linkage'].includes(window.GLOB.navBar)) {
- this.props.modifyTabview([newtab])
+ if (btn.openTab === 'view') {
+ window.open('#/view/' + newtab.MenuID + '/' + primaryId)
} else {
- if (tabviews.length !== tabs.length) {
- this.props.modifyTabview(fromJS(tabs).toJS())
- }
+ MKEmitter.emit('modifyTabs', newtab, true)
- this.setState({}, () => {
- if (MenuID) {
- tabs.splice(index + 1, 0, newtab)
- } else {
- tabs.push(newtab)
- }
- this.props.modifyTabview(tabs)
- })
+ MKEmitter.emit('openNewTab')
}
- MKEmitter.emit('openNewTab')
+ if (window.GLOB.systemType === 'production') {
+ MKEmitter.emit('queryTrigger', {menuId: btn.uuid, name: '鏍囩椤�'})
+ }
+ }
+
+ triggerMenu = (tab) => {
+ const { btn, selectedData, BID } = this.props
+
+ let data = selectedData || []
+
+ if (btn.Ot !== 'notRequired' && data.length === 0) {
+ // 闇�瑕侀�夋嫨琛屾椂锛屾牎楠屾暟鎹�
+ notification.warning({
+ top: 92,
+ message: '璇烽�夋嫨琛岋紒',
+ duration: 5
+ })
+ return false
+ } else if (btn.Ot === 'requiredSgl' && data.length !== 1) {
+ // 闇�瑕侀�夋嫨鍗曡鏃讹紝鏍￠獙鏁版嵁
+ notification.warning({
+ top: 92,
+ message: '璇烽�夋嫨鍗曡鏁版嵁锛�',
+ 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: '鑿滃崟宸插垹闄ゆ垨娌℃湁璁块棶鏉冮檺锛�',
+ 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, show } = this.props
- const { disabled } = this.state
+ const { btn, name } = this.props
+ const { disabled, hidden } = this.state
- if (show === 'actionList') {
- return (
- <Button
- className={'mk-btn mk-' + btn.class}
- icon={btn.icon}
- disabled={disabled}
- onClick={(e) => {e.stopPropagation(); this.actionTrigger()}}
- >{btn.label}</Button>
- )
- } else { // icon銆乼ext銆� all 鍗＄墖
- let label = ''
- let icon = ''
+ if (hidden) return null
- if (show === 'button') {
- label = btn.label
- icon = btn.icon || ''
- } else if (show === 'link') {
- label = <span>{btn.label}{btn.icon ? <Icon type={btn.icon}/> : ''}</span>
- icon = ''
- } else if (show === 'icon') {
- icon = btn.icon || ''
- // } else if (show === 'text') {
- } else {
- label = btn.label
- }
+ let label = ''
- return (
+ if (btn.show === 'link') {
+ label = <span>{name || btn.label}{btn.icon ? <MkIcon style={{marginLeft: '8px'}} type={btn.icon} /> : ''}</span>
+ } else if (btn.show === 'icon') {
+ label = <MkIcon type={btn.icon} />
+ } else {
+ 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={show === 'icon' ? btn.label : ''}
- style={btn.style}
- disabled={disabled}
- icon={icon}
- onClick={(e) => {e.stopPropagation(); this.actionTrigger()}}
+ title={btn.show === 'icon' ? btn.label : ''}
+ style={btn.style || null}
+ className={btn.$toolbtn ? (btn.hover || '') : ''}
>{label}</Button>
- )
+ </Dropdown>)
}
+
+ return (
+ <Button
+ type="link"
+ id={'button' + btn.uuid}
+ title={disabled ? (btn.reason || '') : (btn.show === 'icon' ? btn.label : '')}
+ style={btn.style || null}
+ disabled={disabled}
+ className={btn.$toolbtn ? (btn.hover || '') : ''}
+ onClick={(e) => {e.stopPropagation(); this.actionTrigger()}}
+ >{label}</Button>
+ )
}
}
-const mapStateToProps = (state) => {
- return {
- tabviews: state.tabviews,
- permMenus: state.permMenus,
- }
-}
-
-const mapDispatchToProps = (dispatch) => {
- return {
- modifyTabview: (tabviews) => dispatch(modifyTabview(tabviews))
- }
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(TabButton)
\ No newline at end of file
+export default TabButton
\ No newline at end of file
--
Gitblit v1.8.0