From 71e3da644eca32a5aa40503e903efb0640748093 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 21 七月 2023 17:00:59 +0800 Subject: [PATCH] 2023-07-21 --- src/tabviews/custom/components/group/normal-group/index.jsx | 312 +-------------------------------------------------- 1 files changed, 7 insertions(+), 305 deletions(-) diff --git a/src/tabviews/custom/components/group/normal-group/index.jsx b/src/tabviews/custom/components/group/normal-group/index.jsx index 52a33a1..5a87122 100644 --- a/src/tabviews/custom/components/group/normal-group/index.jsx +++ b/src/tabviews/custom/components/group/normal-group/index.jsx @@ -1,331 +1,33 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' -import { is, fromJS } from 'immutable' -import { Col, notification, Row } from 'antd' -import Api from '@/api' import asyncComponent from '@/utils/asyncComponent' -import { - getStructuredParams, - getStructDefaultParam -} from '@/utils/utils-datamanage.js' -import Utils from '@/utils/utils.js' import './index.scss' -// 閫氱敤缁勪欢 -const AntvBarAndLine = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-bar-line')) -const AntvPie = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-pie')) -const AntvDashboard = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-dashboard')) -const AntvScatter = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-scatter')) -const DataCard = asyncComponent(() => import('@/tabviews/custom/components/card/data-card')) -const TableCard = asyncComponent(() => import('@/tabviews/custom/components/card/table-card')) -const NormalTable = asyncComponent(() => import('@/tabviews/custom/components/table/normal-table')) -const DoubleDataCard = asyncComponent(() => import('@/tabviews/custom/components/card/double-data-card')) -const EditTable = asyncComponent(() => import('@/tabviews/custom/components/table/edit-table')) -const PropCard = asyncComponent(() => import('@/tabviews/custom/components/card/prop-card')) -const BraftEditor = asyncComponent(() => import('@/tabviews/custom/components/editor/braft-editor')) -const SandBox = asyncComponent(() => import('@/tabviews/custom/components/code/sand-box')) -const SimpleForm = asyncComponent(() => import('@/tabviews/custom/components/form/simple-form')) -const NormalForm = asyncComponent(() => import('@/tabviews/custom/components/form/step-form')) -const TabForm = asyncComponent(() => import('@/tabviews/custom/components/form/tab-form')) -const NormalTree = asyncComponent(() => import('@/tabviews/custom/components/tree/antd-tree')) -const CarouselDataCard = asyncComponent(() => import('@/tabviews/custom/components/carousel/data-card')) -const CarouselPropCard = asyncComponent(() => import('@/tabviews/custom/components/carousel/prop-card')) -const Balcony = asyncComponent(() => import('@/tabviews/custom/components/card/balcony')) -const TimeLine = asyncComponent(() => import('@/tabviews/custom/components/timeline/normal-timeline')) -const CustomChart = asyncComponent(() => import('@/tabviews/custom/components/chart/custom-chart')) -const AntvG6 = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-G6')) -const AntvX6 = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-X6')) -const Calendar = asyncComponent(() => import('@/tabviews/custom/components/calendar')) +const TabTransfer = asyncComponent(() => import('@/tabviews/custom/components/share/tabtransfer')) -class TabTransfer extends Component { +class NormalGroup extends Component { static propTpyes = { config: PropTypes.object, // 缁勪欢閰嶇疆淇℃伅 - mainSearch: PropTypes.any, // 鍏ㄥ眬鎼滅储鏉′欢 } - state = { - mainSearch: [], - // printing: false, - data: null - } - - UNSAFE_componentWillMount () { - const { config, mainSearch } = this.props - - // 鑾峰彇涓绘悳绱㈡潯浠� - let _mainSearch = mainSearch ? fromJS(mainSearch).toJS() : [] - let params = [] - config.components.forEach(item => { - if (item.type === 'tabs') return - - if (!item.setting || item.setting.interType !== 'system') return - if (!item.format) return - - if ((!item.pageable || (item.pageable && !item.setting.laypage)) && item.setting.onload === 'true' && item.setting.sync === 'true') { - let searchlist = [] - if (item.search && item.search.length > 0) { - searchlist = Utils.initMainSearch(item.search) - } - if (item.setting.useMSearch) { - let keys = searchlist.map(item => item.key) - _mainSearch.forEach(item => { - if (!keys.includes(item.key)) { - searchlist.push(item) - } - }) - } - - if (searchlist.filter(cell => cell.required && cell.value === '').length > 0) { - item.setting.sync = 'false' - item.setting.onload = 'false' - } else { - params.push(getStructDefaultParam(item, searchlist, params.length === 0)) - } - } else { - item.setting.sync = 'false' - } - }) - - this.setState({mainSearch: _mainSearch}) - - if (params.length > 0) { - this.loadmaindata(params) - } - } - - UNSAFE_componentWillReceiveProps(nextProps) { - if (nextProps.mainSearch && !is(fromJS(this.props.mainSearch), fromJS(nextProps.mainSearch))) { - this.setState({mainSearch: null}, () => { - this.setState({mainSearch: fromJS(nextProps.mainSearch).toJS()}) - }) - } - } - - /** - * @description 涓昏〃鏁版嵁鍔犺浇 - */ - loadmaindata = (params) => { - const { config } = this.props - let BID = '' - let BData = window.GLOB.CacheData.get(config.$pageId) - - if (BData) { - BID = BData.$BID || '' - } - - let param = getStructuredParams(params, config, BID) - - Api.genericInterface(param).then(result => { - if (result.status) { - delete result.status - delete result.message - delete result.ErrMesg - delete result.ErrCode - - if (config.$cache) { - params.forEach((item) => { - let _data = result[item.name] || '' - if (_data && !Array.isArray(_data)) { - _data = [_data] - } - Api.writeCacheConfig(item.uuid, _data) - }) - } - - this.setState({ - data: result - }) - } else { - this.setState({ - data: '' - }) - notification.error({ - top: 92, - message: result.message, - duration: 10 - }) - } - }) - } - - getComponents = () => { - const { config } = this.props - const { mainSearch, data } = this.state - - return config.components.map(item => { - let style = null - - if (item.style && item.style.clear === 'left') { - style = {clear: 'left'} - } else if (item.style && item.style.clear === 'right') { - style = {float: 'right'} - } - - if (item.type === 'card' && item.subtype === 'datacard') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <DataCard config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'card' && item.subtype === 'propcard') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <PropCard config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'table' && item.subtype === 'normaltable') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <NormalTable config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'card' && item.subtype === 'dualdatacard') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <DoubleDataCard config={item} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'bar' || item.type === 'line') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <AntvBarAndLine data={data} config={item} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'pie') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <AntvPie data={data} config={item} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'dashboard') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <AntvDashboard config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'form' && item.subtype === 'simpleform') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <SimpleForm config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'form' && item.subtype === 'stepform') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <NormalForm config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'form' && item.subtype === 'tabform') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <TabForm config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'scatter') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <AntvScatter config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'carousel' && item.subtype === 'datacard') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <CarouselDataCard config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'carousel' && item.subtype === 'propcard') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <CarouselPropCard config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'card' && item.subtype === 'tablecard') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <TableCard config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'table' && item.subtype === 'editable') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <EditTable config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'tree') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <NormalTree config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'calendar') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <Calendar config={item} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'editor') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <BraftEditor config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'code') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <SandBox config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'balcony') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <Balcony config={item} data={data}/> - </Col> - ) - } else if (item.type === 'timeline') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <TimeLine config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'chart') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <CustomChart config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'antvG6') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <AntvG6 config={item} data={data} mainSearch={mainSearch}/> - </Col> - ) - } else if (item.type === 'antvX6') { - return ( - <Col span={item.width} style={style} key={item.uuid}> - <AntvX6 config={item}/> - </Col> - ) - } else { - return null - } - }) - } + state = {} render() { const { config } = this.props - if (!config.components || config.components.length === 0) return (<div style={config.style}></div>) + if (config.components.length === 0) return (<div style={config.style}></div>) return ( <div className={'normal-group-wrap ' + (config.setting.layout || '')} id={'anchor' + config.uuid} style={config.style}> {config.setting && config.setting.title ? <div className="group-header" style={config.headerStyle}> <span className="title">{config.setting.title}</span> </div> : null} - <Row className="component-wrap">{this.getComponents()}</Row> + <TabTransfer config={config}/> + {/* <Row className="component-wrap">{this.getComponents()}</Row> */} </div> ) } } -export default TabTransfer \ No newline at end of file +export default NormalGroup \ No newline at end of file -- Gitblit v1.8.0