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 | 194 ++++++++++++++++++++++++++++++++++++++----------
1 files changed, 152 insertions(+), 42 deletions(-)
diff --git a/src/tabviews/zshare/actionList/tabbutton/index.jsx b/src/tabviews/zshare/actionList/tabbutton/index.jsx
index 7a7fee1..dbc22b9 100644
--- a/src/tabviews/zshare/actionList/tabbutton/index.jsx
+++ b/src/tabviews/zshare/actionList/tabbutton/index.jsx
@@ -1,13 +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 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'
+
+import './index.scss'
class TabButton extends Component {
static propTpyes = {
@@ -17,10 +16,10 @@
btn: PropTypes.object, // 鎸夐挳
selectedData: PropTypes.any, // 瀛愯〃涓�夋嫨鏁版嵁
disabled: PropTypes.any, // 琛屾寜閽鐢�
+ name: PropTypes.any
}
state = {
- dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
disabled: false,
hidden: false,
primaryId: ''
@@ -105,7 +104,7 @@
const { btn, selectedData, BID } = this.props
const { disabled } = 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))) {
@@ -114,11 +113,19 @@
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
@@ -128,8 +135,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 = {}
@@ -149,14 +174,16 @@
}
} else if (btn.linkmenu && btn.linkmenu.length > 0) {
let menuId = btn.linkmenu.slice(-1)[0]
- let menu = window.GLOB.mkThdMenus.filter(m => m.MenuID === menuId)[0]
+ let menu = null
- if (!menu && btn.MenuName && btn.MenuID) {
+ 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,
- MenuNo: btn.MenuNo,
- type: btn.tabType
+ type: btn.tabType,
+ param: { $BID: primaryId }
}
}
@@ -169,12 +196,7 @@
return
}
- newtab = {
- ...menu,
- param: {
- $BID: primaryId
- }
- }
+ newtab = menu
}
if (btn.openTab === 'view') {
@@ -190,44 +212,132 @@
}
}
+ 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 } = 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.$toolbtn ? (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.$toolbtn ? (btn.hover || '') : ''}
onClick={(e) => {e.stopPropagation(); this.actionTrigger()}}
>{label}</Button>
)
--
Gitblit v1.8.0