1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
import { IPSAppDataEntity, IPSAppDEChartView, IPSAppDEField, IPSDEChart } from '@ibiz/dynamic-model-api';
import { ChartViewEngine, ModelTool, ChartViewInterface } from 'ibiz-core';
import { MDViewBase } from './mdview-base';
/**
* 图表视图基类
*
* @export
* @class ChartViewBase
* @extends {MDViewBase}
* @implements {ChartViewInterface}
*/
export class ChartViewBase extends MDViewBase implements ChartViewInterface {
/**
* 视图实例
*
* @memberof ChartViewBase
*/
public declare viewInstance: IPSAppDEChartView;
/**
* 图表实例
*
* @memberof ChartViewBase
*/
public chartInstance!: IPSDEChart;
/**
* 引擎对象
*
* @type {ChartViewEngine}
* @memberof ChartViewBase
*/
public declare engine: ChartViewEngine;
/**
* 引擎初始化
*
* @param {*} [opts={}] 引擎参数
* @memberof ChartViewBase
*/
public engineInit(opts: any = {}): void {
if (this.Environment && this.Environment.isPreviewMode) {
return;
}
if (this.engine && this.chartInstance) {
let engineOpts = Object.assign({
view: this,
p2k: '0',
isLoadDefault: this.viewInstance.loadDefault !== false ? true : false,
keyPSDEField: (ModelTool.getContainerAppEntityCodeName(this.viewInstance) as string).toLowerCase(),
majorPSDEField: (ModelTool.getAppEntityMajorField(this.viewInstance.getPSAppDataEntity() as IPSAppDataEntity) as IPSAppDEField)?.codeName.toLowerCase(),
opendata: (args: any[], fullargs?: any[], params?: any, $event?: any, xData?: any) => {
this.opendata(args, fullargs, params, $event, xData);
},
newdata: (args: any[], fullargs?: any[], params?: any, $event?: any, xData?: any) => {
this.newdata(args, fullargs, params, $event, xData);
},
chart: (this.$refs[this.chartInstance.name] as any).ctrl,
}, opts)
if (this.searchFormInstance?.name && this.$refs[this.searchFormInstance.name]) {
engineOpts.searchform = ((this.$refs[this.searchFormInstance.name] as any).ctrl);
}
if (this.quickSearchFormInstance?.name && this.$refs[this.quickSearchFormInstance.name]) {
engineOpts.quicksearchform = ((this.$refs[this.quickSearchFormInstance.name] as any).ctrl);
}
if (this.searchBarInstance?.name && this.$refs[this.searchBarInstance.name]) {
engineOpts.searchbar = ((this.$refs[this.searchBarInstance.name] as any).ctrl);
}
this.engine.init(engineOpts);
}
}
/**
* 初始化图表视图实例
*
* @param opts
* @memberof ChartViewBase
*/
public async viewModelInit() {
// 填充图表视图实体
await this.viewInstance.getPSAppDataEntity()?.fill();
await super.viewModelInit();
this.chartInstance = ModelTool.findPSControlByName('chart', this.viewInstance.getPSControls()) as IPSDEChart;
}
/**
* 渲染视图主体内容区
*
* @returns
* @memberof ChartViewBase
*/
public renderMainContent() {
let { targetCtrlName, targetCtrlParam, targetCtrlEvent }: { targetCtrlName: string, targetCtrlParam: any, targetCtrlEvent: any } = this.computeTargetCtrlData(this.chartInstance);
return this.$createElement(targetCtrlName, { props: targetCtrlParam, ref: this.chartInstance?.name, on: targetCtrlEvent });
}
}