From b6c7f588b831d6fa4eb23b50ec08ea0b263a0717 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 17 六月 2024 20:27:56 +0800 Subject: [PATCH] 2024-06-17 --- src/menu/components/chart/chart-custom/chartcompile/index.jsx | 18 +++++++++--------- 1 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/menu/components/chart/chart-custom/chartcompile/index.jsx b/src/menu/components/chart/chart-custom/chartcompile/index.jsx index 1ac9de4..562c075 100644 --- a/src/menu/components/chart/chart-custom/chartcompile/index.jsx +++ b/src/menu/components/chart/chart-custom/chartcompile/index.jsx @@ -1,20 +1,19 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' import { fromJS } from 'immutable' -import { Modal, Form, Tabs } from 'antd' +import { Modal, Tabs } from 'antd' import { EditOutlined } from '@ant-design/icons' import { getBaseForm } from './formconfig' import asyncComponent from '@/utils/asyncComponent' -import './index.scss' +// import './index.scss' const { TabPane } = Tabs -const NormalForm = asyncComponent(() => import('@/menu/components/share/normalform')) +const ModalForm = asyncComponent(() => import('@/components/normalform/modalform')) const CodeMirror = asyncComponent(() => import('@/templates/zshare/codemirror')) class CustomChartDrawerForm extends Component { static propTpyes = { - dict: PropTypes.object, plot: PropTypes.object, config: PropTypes.object, plotchange: PropTypes.func @@ -87,14 +86,14 @@ } render() { + const { config } = this.props const { view, visible, baseFormlist, plot } = this.state return ( <> <EditOutlined style={{color: '#1890ff'}} title="缂栬緫" onClick={this.showDrawer} /> <Modal - wrapClassName="popview-modal custom-chart-edit-modal" - title="鑷畾涔夊浘琛ㄧ紪杈�" + wrapClassName="mk-pop-modal" visible={visible} width={950} maskClosable={false} @@ -102,12 +101,13 @@ onCancel={() => { this.setState({ visible: false }) }} destroyOnClose > + {config.name ? <div className="mk-com-name">{config.name} - 缂栬緫</div> : null} <Tabs activeKey={view} onChange={this.changeTab}> <TabPane tab="缁勪欢璁剧疆" key="base"> - <NormalForm dict={this.props.dict} formlist={baseFormlist} inputSubmit={this.onSubmit} wrappedComponentRef={(inst) => this.baseRef = inst}/> + <ModalForm formlist={baseFormlist} inputSubmit={this.onSubmit} wrappedComponentRef={(inst) => this.baseRef = inst}/> </TabPane> {plot ? <TabPane tab="JS" key="JS"> - {plot.chartType === 'antv' ? <div>鍏ュ弬锛欳hart銆� DataSet銆� wrap锛坉om鑺傜偣锛夈�乨ata銆� config</div> : <div>鍏ュ弬锛歟charts銆� DataSet銆� wrap锛坉om鑺傜偣锛夈�� data銆� config</div>} + {plot.chartType === 'antv' ? <div>鍏ュ弬锛欳hart銆� chartId锛坉om鑺傜偣id锛夈�乨ata銆� config</div> : <div>鍏ュ弬锛歟charts銆� chartId锛坉om鑺傜偣id锛夈�� data銆� config</div>} <CodeMirror mode="text/javascript" theme="cobalt" value={plot.script} onChange={this.onChange} /> </TabPane> : null} </Tabs> @@ -117,4 +117,4 @@ } } -export default Form.create()(CustomChartDrawerForm) \ No newline at end of file +export default CustomChartDrawerForm \ No newline at end of file -- Gitblit v1.8.0