From d1cd5af5adb53e91efdd278328e1b6f8ad834fb5 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 06 二月 2025 21:11:56 +0800 Subject: [PATCH] Merge branch 'positec' into dms --- src/menu/components/chart/chart-custom/index.jsx | 36 +++++++++++++----------------------- 1 files changed, 13 insertions(+), 23 deletions(-) diff --git a/src/menu/components/chart/chart-custom/index.jsx b/src/menu/components/chart/chart-custom/index.jsx index 347ddcc..d5ba312 100644 --- a/src/menu/components/chart/chart-custom/index.jsx +++ b/src/menu/components/chart/chart-custom/index.jsx @@ -4,13 +4,12 @@ import { Popover, notification } from 'antd' import { ToolOutlined, DeleteOutlined, FontColorsOutlined, PlusCircleOutlined } from '@ant-design/icons' import { Chart } from '@antv/g2' -import DataSet from '@antv/data-set' import * as echarts from 'echarts' import MKEmitter from '@/utils/events.js' import asyncComponent from '@/utils/asyncComponent' import asyncIconComponent from '@/utils/asyncIconComponent' -import { resetStyle, getTables } from '@/utils/utils-custom.js' +import { resetStyle, getTables, getHeight, checkComponent } from '@/utils/utils-custom.js' import Utils from '@/utils/utils.js' import './index.scss' @@ -137,8 +136,8 @@ if (card.plot.chartType === 'antv') { try { // eslint-disable-next-line - let func = new Function('Chart', 'DataSet', 'wrap', 'data', 'config', card.plot.script) - func(Chart, DataSet, this.wrap, [], card) + let func = new Function('Chart', 'chartId', 'data', 'config', card.plot.script) + func(Chart, card.uuid + 'canvas', [], card) } catch (e) { console.warn(e) @@ -151,8 +150,8 @@ } else if (card.plot.chartType === 'echarts') { try { // eslint-disable-next-line - let func = new Function('echarts', 'DataSet', 'wrap', 'data', 'config', card.plot.script) - func(echarts, DataSet, this.wrap, [], card) + let func = new Function('echarts', 'chartId', 'data', 'config', card.plot.script) + func(echarts, card.uuid + 'canvas', [], card) } catch (e) { console.warn(e) @@ -183,21 +182,9 @@ card.width = card.plot.width card.name = card.plot.name - card.errors = [] - let columns = card.columns.map(c => c.field) - - if (card.setting.interType === 'system' && card.setting.execute !== 'false' && !card.setting.dataresource) { - card.errors.push({ level: 0, detail: '鏈缃暟鎹簮锛�'}) - } else if (card.setting.interType === 'system' && card.setting.execute === 'false' && card.scripts.filter(script => script.status !== 'false').length === 0) { - card.errors.push({ level: 0, detail: '鏁版嵁婧愪腑鏃犲彲鐢ㄨ剼鏈紒'}) - } else if (!card.setting.primaryKey) { - card.errors.push({ level: 0, detail: '鏈缃富閿紒'}) - } else if (!columns.includes(card.setting.primaryKey)) { - card.errors.push({ level: 0, detail: '涓婚敭宸插け鏁堬紒'}) - } else if (!card.setting.supModule) { - card.errors.push({ level: 0, detail: '鏈缃笂绾х粍浠讹紒'}) - } + card.$c_ds = true + card.errors = checkComponent(card) if (card.errors.length === 0) { card.$tables = getTables(card) @@ -255,14 +242,15 @@ render() { const { card, appType } = this.state let _style = resetStyle(card.style) + _style.height = 'auto' return ( - <div className="menu-custom-chart-edit-box" style={{..._style, height: card.plot.height || 400}} onClick={this.clickComponent} id={card.uuid}> + <div className="menu-custom-chart-edit-box" style={_style} onClick={this.clickComponent} id={card.uuid}> <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ <div className="mk-popover-control"> {appType !== 'mob' ? <PlusCircleOutlined className="plus" title="娣诲姞鎼滅储" onClick={this.addSearch}/> : null} <ChartCompileForm config={card} plotchange={this.updateComponent}/> - <CopyComponent type="line" card={card}/> + <CopyComponent type="chart" card={card}/> <FontColorsOutlined className="style" title="璋冩暣鏍峰紡" onClick={this.changeStyle}/> <ClockComponent config={card} updateConfig={this.updateComponent}/> <DeleteOutlined className="close" title="delete" onClick={() => this.props.deletecomponent(card.uuid)} /> @@ -272,7 +260,9 @@ <ToolOutlined /> </Popover> <NormalHeader config={card} updateComponent={this.updateComponent}/> - <div className="canvas" id={card.uuid + 'canvas'} ref={ref => this.wrap = ref}></div> + <div className="canvas-wrap" style={{height: card.plot.height}}> + <div className="canvas" id={card.uuid + 'canvas'} style={{height: getHeight(card.plot.height)}}></div> + </div> <div className="component-name"> <div className="center"> <div className="title">{card.name}</div> -- Gitblit v1.8.0