From 34e7681fd12b1c4e4994d3bea1a553870e10bc50 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期六, 11 三月 2023 17:58:54 +0800 Subject: [PATCH] 2023-03-11 --- src/tabviews/custom/components/tree/antd-tree/index.jsx | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 101 insertions(+), 8 deletions(-) diff --git a/src/tabviews/custom/components/tree/antd-tree/index.jsx b/src/tabviews/custom/components/tree/antd-tree/index.jsx index 688fe7a..6b287c2 100644 --- a/src/tabviews/custom/components/tree/antd-tree/index.jsx +++ b/src/tabviews/custom/components/tree/antd-tree/index.jsx @@ -1,17 +1,20 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' import { is, fromJS } from 'immutable' -import { Spin, Empty, notification, Input, Tree, Modal } from 'antd' -import { FolderOpenOutlined, FolderOutlined, FileOutlined } from '@ant-design/icons' +import { Spin, Empty, notification, Input, Tree, Modal, Dropdown } from 'antd' +import { FolderOpenOutlined, FolderOutlined, FileOutlined, MoreOutlined } from '@ant-design/icons' import Api from '@/api' import UtilsDM from '@/utils/utils-datamanage.js' import MKEmitter from '@/utils/events.js' import TimerTask from '@/utils/timer-task.js' +import asyncComponent from '@/utils/asyncComponent' import './index.scss' const { TreeNode } = Tree const { Search } = Input + +const MainAction = asyncComponent(() => import('@/tabviews/zshare/actionList')) class NormalTree extends Component { static propTpyes = { @@ -117,6 +120,8 @@ MKEmitter.addListener('reloadData', this.reloadData) MKEmitter.addListener('resetSelectLine', this.resetParentParam) + MKEmitter.addListener('queryModuleParam', this.queryModuleParam) + MKEmitter.addListener('refreshByButtonResult', this.refreshByButtonResult) if (config.timer) { this.timer = new TimerTask() @@ -145,6 +150,8 @@ } MKEmitter.removeListener('reloadData', this.reloadData) MKEmitter.removeListener('resetSelectLine', this.resetParentParam) + MKEmitter.removeListener('queryModuleParam', this.queryModuleParam) + MKEmitter.removeListener('refreshByButtonResult', this.refreshByButtonResult) this.timer && this.timer.stop() } @@ -165,6 +172,55 @@ this.setState({ BID: id }, () => { this.loadData() }) + } + } + + /** + * @description 瀵煎嚭Excel鏃讹紝鑾峰彇椤甸潰鎼滅储鎺掑簭绛夊弬鏁� + */ + queryModuleParam = (menuId, callback) => { + const { mainSearch } = this.props + const { arr_field, config } = this.state + + if (config.uuid !== menuId) return + + let searches = [] + if (config.setting.useMSearch && mainSearch && mainSearch.length > 0) { // 涓昏〃鎼滅储鏉′欢 + let keys = searches.map(item => item.key.toLowerCase()) + mainSearch.forEach(item => { + if (!keys.includes(item.key.toLowerCase())) { + searches.push(item) + } + }) + } + + callback({ + arr_field: arr_field, + orderBy: config.setting.order || '', + search: searches, + menuName: config.name + }) + } + + /** + * @description 鎸夐挳鎵ц瀹屾垚鍚庨〉闈㈠埛鏂� + * @param {*} menuId // 鑿滃崟Id + * @param {*} position // 鍒锋柊浣嶇疆 + * @param {*} btn // 鎵ц鐨勬寜閽� + */ + refreshByButtonResult = (menuId, position, btn) => { + const { config, BID } = this.state + + if (config.uuid !== menuId) return + + if ((position === 'mainline' || position === 'popclose') && config.setting.supModule && BID) { // 鍒锋柊婧愮粍浠舵椂锛岄檮甯﹀埛鏂颁笂绾ц涓庡綋鍓嶇粍浠� + MKEmitter.emit('reloadData', config.setting.supModule, BID) + } else { + this.loadData() + } + + if (position === 'popclose') { // 鎵ц鍚姩寮圭獥鐨勬寜閽墍閫夋嫨鐨勫埛鏂伴」 + btn.$tabId && MKEmitter.emit('refreshPopButton', btn.$tabId) } } @@ -204,7 +260,7 @@ let result = await Api.genericInterface(param) if (result.status) { this.loaded = true - if (config.$cache) { + if (config.$cache && config.setting.onload !== 'false') { Api.writeCacheConfig(config.uuid, result.data || '') } @@ -257,6 +313,7 @@ data.forEach(item => { let pval = item[config.wrap.parentField] let val = item[config.wrap.valueField] + let uuid = item[config.setting.primaryKey] || '' if (!val || logMap.has(val)) return @@ -264,6 +321,7 @@ hasSelectKey = true selectData = { ...item, + $$uuid: uuid, $title: item[config.wrap.labelField] || '', $key: val, $parentId: '' @@ -274,6 +332,7 @@ if (pval === config.wrap.mark) { parentNodes.push({ ...item, + $$uuid: uuid, $title: item[config.wrap.labelField] || '', $key: val, $parentId: '' @@ -281,6 +340,7 @@ } else if (pval) { _options.push({ ...item, + $$uuid: uuid, $title: item[config.wrap.labelField] || '', $key: val, $parentId: pval @@ -309,7 +369,7 @@ }) setTimeout(() => { - MKEmitter.emit('resetSelectLine', config.uuid, _treeNodes[0].$key, _treeNodes[0]) + MKEmitter.emit('resetSelectLine', config.uuid, _treeNodes[0].$$uuid, _treeNodes[0]) }, 200) } else if (!hasSelectKey && selectKey) { this.setState({ @@ -318,7 +378,7 @@ MKEmitter.emit('resetSelectLine', config.uuid, '', '') } else if (hasSelectKey) { - MKEmitter.emit('resetSelectLine', config.uuid, selectKey, selectData) + MKEmitter.emit('resetSelectLine', config.uuid, selectData.$$uuid, selectData) } } @@ -401,6 +461,37 @@ }) } + renderActionTreeNodes = (nodes) => { + return nodes.map(item => { + let title = <> + {item.$title} + <Dropdown overlay={ + <div className="mk-tree-dropdown-wrap" onClick={(e) => e.stopPropagation()}> + <MainAction + BID={this.state.BID} + BData={this.state.BData} + setting={this.state.config.setting} + actions={this.state.config.action} + columns={this.state.config.columns} + selectedData={[{...item, children: ''}]} + /> + </div> + } placement="bottomCenter" trigger={['hover']}> + <MoreOutlined onClick={(e) => e.stopPropagation()}/> + </Dropdown> + </> + + if (item.children) { + return ( + <TreeNode icon={<span><FolderOpenOutlined /><FolderOutlined /></span>} title={title} key={item.$key} dataRef={item}> + {this.renderActionTreeNodes(item.children)} + </TreeNode> + ) + } + return <TreeNode icon={<FileOutlined />} key={item.$key} title={title} dataRef={item} isLeaf /> + }) + } + changeExpandedKeys = (expandedKeys) => { this.setState({ expandedKeys: expandedKeys @@ -446,7 +537,7 @@ if (selected) { delete _data.children - MKEmitter.emit('resetSelectLine', config.uuid, (_data ? _data.$key : ''), _data) + MKEmitter.emit('resetSelectLine', config.uuid, (_data ? _data.$$uuid : ''), _data) } this.setState({ @@ -457,6 +548,8 @@ render() { const { config, loading, treeNodes, expandedKeys, selectedKeys } = this.state + + let extra = config.action && config.action.length > 0 return ( <div className="custom-tree-box" id={'anchor' + config.uuid} style={config.style}> @@ -476,12 +569,12 @@ onSelect={this.selectTreeNode} expandedKeys={expandedKeys} selectedKeys={selectedKeys} - onRightClick={this.changeExpandedAllKeys} + onRightClick={!extra ? this.changeExpandedAllKeys : null} onExpand={this.changeExpandedKeys} showIcon={config.wrap.showIcon === 'true'} showLine={config.wrap.showLine === 'true'} > - {this.renderTreeNodes(treeNodes)} + {!extra ? this.renderTreeNodes(treeNodes) : this.renderActionTreeNodes(treeNodes)} </Tree> </div> : null} {treeNodes && treeNodes.length === 0 ? <Empty description={false}/> : null} -- Gitblit v1.8.0