yylib-quick-mobile/dist/yylib/bpm/demo/YYApproveDemo.js

yylib-quick-mobile

/**
 * Created By whh 2018/1/2
 * */
import React, {Component} from 'react';
import {Popover, NavBar, Icon} from 'antd-mobile'
const Item = Popover.Item;
import YYApprove from '../YYApprove'
import YYIcon from '../../icon/YYIcon'

class YYApproveDemo extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            showApprove: false,
            visible:false,
        }
    }

    onSelect = (opt,index) => {
        this.setState({
            visible:false
        })
        if(index==0){
            this.showApprove()
        }
    };
    showApprove = () => {
        this.setState({
            showApprove: true
        })
    }
    render() {
        return (
            <div>
                <NavBar mode="light" rightContent={
                    <Popover
                        visible={this.state.visible}
                        overlay={[
                            (<Item icon={<YYIcon type="edit" size='xs'/>}>执行审批</Item>),
                            (<Item disabled icon={<Icon type="cross" size='xs'/>}>执行弃审</Item>),
                            (<Item icon={<YYIcon type="more-o" size='xs'/>}>审批历史</Item>),
                        ]}
                        onSelect={this.onSelect}
                    >
                        <div>审批</div>
                    </Popover>
                }
                >
                    NavBar
                </NavBar>
                {this.state.showApprove ? <YYApprove
                showApprove={this.state.showApprove}
                billTypeId='CTM3'
                userId="5db93165-c97e-4929-b865-b355355c108b"
                billId="d5177e502eb5a32be7dd145489f6edde"/>
                : null}
            </div>
        )
    };
}

export default YYApproveDemo;