epmp-cli/src/templates/APP/list/index.js

A simple init for epm scaffolding projects.

/**
 * @file xxx节点
 * @author xxx
 * @date xxxx.xx.xx
 */

import './index.less';
import React, { Component } from 'react';
import { connect, withRouter } from 'mirrorx';
import Table from './components/Table';
import Header from './components/Header';
import initTemplate from './initTemplate';
import { LIST, PAGE_CONST } from '../constant';
import { HandleBusi, ButtonClick } from './events/index';

const { page_code } = LIST;
const { createPage } = window.$lightappFront;

@withRouter
@connect((state) => state[page_code])
@createPage({})
class Index extends Component {
	constructor(props) {
		super(props);
		this.queryBusi = HandleBusi.queryBusi.bind(this);
	}

	/**
	 * @method 当前页面挂载完成时调用
	 */
	async componentDidMount() {
		await initTemplate.call(this);
	}

	render() {
		let commonProps = {
			...this.props,
		};
		let headerProps = {
			...commonProps,
			onButtonClick: (props, id) => ButtonClick[id] && ButtonClick[id].call(this),
		};
		let tableProps = {
			...commonProps,
		};
		return (
			<div className='epm-page-wrapper'>
				<Header {...headerProps} />
				<Table {...tableProps} />
			</div>
		);
	}
}

Index.propsType = {};

export default Index;