yylib-quick-mobile/dist/yylib/refer/demo/YYReferNewDemo.js

yylib-quick-mobile

import React from 'react';
import {Button} from 'antd-mobile';
import YYForm from '../../form/YYForm';
import YYRefer from '../YYRefer';

class YYReferNewDemo extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            init: '',
            open: false,
            openz: false,
            openw: false,
        }
    }

    openRefer = (e) => {

        if (e == '1') {
            this.setState({
                open: true,
            })

        } else if (e == '2') {
            this.setState({
                openz: true,
            })
        } else if (e == '3') {
            this.setState({
                openw: true,
            })
        }

    }
    onOk = (value, name) => {
        //确定界面的事件
        console.log(value);
        console.log(name);
        switch (name) {
            case 'zyl':
                this.setState({
                    open: false,
                });
                break;
            case 'lzf':
                this.setState({
                    openz: false
                });
                break;
            case 'whh':
                this.setState({
                    openw: false
                });
                break;
            default:
                break;
        }

    }
    onClose = (name) => {
        switch (name) {
            case 'zyl':
                this.setState({
                    open: false,
                });
                break;
            case 'lzf':
                this.setState({
                    openz: false
                });
                break;
            case 'whh':
                this.setState({
                    openw: false
                })
                break;
        }
    }
    showform = ()=>{
        this.props.form.validateFields(['zyl', 'lzf','whh'], (err, values) => {
            if (!err) {
                console.log(values);
            } else {
                let arr = [];
                for (let i in err) {
                    arr.push(err[i])
                }
                // Toast.info(arr[0].errors[0].message,1.5);
                console.log(arr[0].errors[0].message)
            }
        })
    }


    render() {
        const {form} = this.props;
        return (
            <div>
                <Button onClick={this.openRefer.bind(this, '1')}>点击选择参照1</Button>
                <Button onClick={this.openRefer.bind(this, '2')}>点击选择参照2</Button>
                <Button onClick={this.openRefer.bind(this, '3')}>点击选择参照3</Button>
                <Button onClick={this.showform}>点击显示value</Button>

                <YYRefer
                    referName='zyl'
                    onOk={this.onOk}
                    onClose={this.onClose}
                    multiMode={true}
                    custom
                    open={this.state.open}
                    form={form}
                    // referCode='bd-005'
                    // referCode='00061'
                    referStyle='list'
                    values={[{code:"15110101919",
                        creationTimestamp:1516707936087,
                        dr:0,
                        id:"0342fcce-1949-426c-8b5a-ec9b4cdfb0f3",
                        modificationTimestamp:1516707936087,
                        name:"王祖贤",
                        tenantId:null,
                        userId:"0342fcce-1949-426c-8b5a-ec9b4cdfb0f3",
                        userName:"王祖贤"
                    }]}
                />
                <YYRefer
                    referName='lzf'
                    onOk={this.onOk}
                    onClose={this.onClose}
                    multiMode={true}
                    open={this.state.openz}
                    form={form}
                    referCode='bd-001'
                    referStyle='tree'
                    modalHeight='part'
                />
                <YYRefer
                referName='whh'
                onOk={this.onOk}
                onClose={this.onClose}
                multiMode={true}
                form={form}
                open={this.state.openw}
                referCode='00023'
                referStyle='tree-list'
                />
            </div>

        )
    }
}

export default YYForm.create()(YYReferNewDemo);