ttk-app-core/src/jsonApps/edf/ttk-edf-app-home/apps/ttk-edf-app-trade-widget/data.js

@ttk/recat enterprise develop framework

export function getMeta() {
	return {
		name: 'root',
		component: 'Layout',
		className: 'ttk-edf-app-trade-widget',
		children: [{
			name: 'header',
			component: 'Layout',
			className: 'ttk-edf-app-trade-widget-header',
			children: [{
				name: 'left',
				component: 'span',
				children: '支付比数'
			}, {
				name: 'right',
				component: 'Icon',
				showStyle: 'softly',
				type: 'info-circle',
				title: '指标说明'
			}]
		}, {
			name: 'text',
			component: 'p',
			className: 'ttk-edf-app-trade-widget-text',
			children: '{{$numberFormat(data.total)}}'
		}, {
			name: 'chart',
			component: 'div',
			className: 'ttk-edf-app-trade-widget-chart',
			children: {
				name: 'chart',
				component: 'Echarts',
				option: {
					tooltip: {
						trigger: 'axis',
					},
					xAxis: {
						show: false,
						data: '{{data.x}}'
					},
					yAxis: {
						show: false,
					},
					grid: {
						left: 0,
						right: 0,
						bottom: 15,
						top: 15
					},
					series: [{
						type: 'bar',
						smooth: true,
						sampling: 'average',
						animation: false,
						itemStyle: {
							normal: {
								color: 'rgb(0,134,139)',
								shadowColor: 'rgba(0, 0, 0, 0.5)',
								shadowBlur: 10
							},
						},
						areaStyle: {
							normal: {
								color: 'rgb(0,134,139)',
							}
						},
						data: '{{data.y}}'
					}]
				},
				style: { height: '100%', width: '100%' }
			}
		}, {
			name: 'footer',
			component: 'Layout',
			className: 'ttk-edf-app-trade-widget-footer',
			children: [{
				name: 'label',
				component: 'span',
				children: '转换率'
			}, {
				name: 'value',
				component: 'h2',
				children: "{{data.conversionRate*100 + '%'}}"
			}]
		}]
	}
}

export function getInitState() {
	return {
		data: {
			x: [],
			y: [],
			total: 0,
			average: 0
		}
	}
}