How to use ea-react-dm-v14 - 7 common examples

import LeftDrawer from './LeftDrawer'
import {LogRegControl} from '../../../controller/Index'
//import /* withWidth,*/ {LARGE, SMALL} from 'material-ui/utils/withWidth'
import ThemeDefault from './theme-default'
import Data from './material/data'
import './material/styles.less'
import Alert from 'react-s-alert'
import {View} from 'ea-react-dm-v14'
import {PageControl} from '../../../controller/Index'
import QueueAnim from 'rc-queue-anim'
import {UserEnv} from '../utils/util/Index'
import {pageMages, CodeManage, ProjectListManage} from './Index'
import _ from 'underscore'
import Init from '../pages/init/Init'

@View([PageControl, LogRegControl])
export default class App extends Common {

    static propTypes = {
        children: PropTypes.element,
        width: PropTypes.number
    }

    constructor(props, context) {
        super(props, context)
        const screenW = window.innerWidth
        this.pages = window.DASENV && window.DASENV.isAdmin ?
            [<li></li>] : [<li></li>]
        this.state = {
            checked: false,
            displayName: '',
            navDrawerOpen: screenW &lt; 776 ? false : true,

import React from 'react'
import {Row, Col, Grid, Panel, PanelContent, PanelHeader} from 'eagle-ui'
import {Inputlabel, InputPlus} from '../utils/index'
import {Button} from 'antd'
import {LogRegControl} from '../../../controller/Index'
import {View} from 'ea-react-dm-v14'
import $ from 'jquery'
import Alert from 'react-s-alert'
import {DataUtil} from '../utils/util/Index'
import {actionType} from '../../../constants/action-type'
import UserEnv from '../utils/util/UserEnv'
import Common from '../app/Common'

@View(LogRegControl)
export default class Login extends Common {

    constructor(props, context) {
        super(props, context)
        this.state = {
            lrwid: 3,
            contwid: 6,
            accountshow: false,
            pwderrshow: false
        }
        this.initeChekck()
    }

    componentDidMount() {
        const _this = this
        const innerPanelWidth = () => {

import React from 'react'
import {Row, Col, Grid, Panel, PanelContent} from 'eagle-ui'
import {Inputlabel, InputPlus} from '../utils/index'
import {Button, Steps, Icon, Alert, Spin} from 'antd'
import {LogRegControl} from '../../../controller/Index'
import {View} from 'ea-react-dm-v14'
import {DataUtil} from '../utils/util/Index'
import {actionType} from '../../../constants/action-type'
import $ from 'jquery'
import Common from '../app/Common'

@View(LogRegControl)
export default class Register extends Common {

    constructor(props, context) {
        super(props, context)
        this.state = {
            regBtn: 'dashed',
            lrwid: 3,
            contwid: 6,
            nameerrshow: false,
            userrealnameerrshow: false,
            usernoerrshow: false,
            emailerrshow: false,
            pwderrshow: false,
            pwderrshow2: false,
            stepStatus: ['process', 'wait', 'wait'],
            stepAudit: 'hourglass',

import {Model} from 'ea-react-dm-v14'
import {UserEnv} from '../../view/components/utils/util/Index'

@Model('ProjectModel')
export default class ProjectModel {
    static rs

    static list = []

    static suggestion = {}

    static searchInfo = {
        totalCount: 0,
        page: 1,
        pageSize: 10,
        sort: 'id',
        data: { //GenTaskByFreeSqlPojo
            dal_group_id: null
        }
    }

import {Model} from 'ea-react-dm-v14'

@Model('UserModel')
export default class UserModel {
    static menus = []

    static rs

    static list = []

    static searchInfo = {
        totalCount: 0,
        page: 1,
        pageSize: 10,
        sort: 'id',
        data: {
            user_no: ''

        }

import React from 'react'
import Component from '../../utils/base/ComponentAlert'
import {Grid, Panel, PanelContent, PanelHeader} from 'eagle-ui'
import {Inputlabel, InputPlus} from '../../utils/index'
import {Row, Col, Select, Button, Steps, Alert as AlertMsg, Modal} from 'antd'
import {InitControl} from '../../../../controller/Index'
import {View} from 'ea-react-dm-v14'
import Alert from 'react-s-alert'
import $ from 'jquery'
import {DataUtil} from '../../utils/util/Index'

@View(InitControl)
export default class Init extends Component {

    constructor(props, context) {
        super(props, context)
        this.modelName = 'InitModel'
        this.objName = this.modelName + '.item'
        this.admin = this.modelName + '.admin'
        this.loadList = this.props.loadList
        this.steps = [{
            key: '1',
            title: '数据库链接信息'
        }, {
            key: '2',
            title: '选择DAS数据库'
        }, {
            key: '3',

import React from 'react'
import Component from '../../../utils/base/Component'
import {Input, AutoComplete} from 'antd' //Select
import './SearchBox.less'
import {View} from 'ea-react-dm-v14'
import {PageControl, UserControl} from '../../../../../controller/Index'
import _ from 'underscore'
import Immutable from 'immutable'
import {storageCode} from '../../../../../model/base/BaseModel'
import {DataUtil} from '../../../utils/util/Index'

@View([UserControl, PageControl])
export default class SearchBox extends Component {

    static defaultProps = {
        searchType: 0 //0 search 1 AutoComplete
    }

    constructor(props, context) {
        super(props, context)
        this.value = null
        this.excludeKeys = ['DAS-CONSOLE']
        this.state = {
            dataSource: ['同步', '逻辑', '物理库'],
            type: 0
        }
        let _this = this
        window.setTimeout(() => {