总结Echo中遇到的问题

1.设置模态框

需求:点击离职单选框时下面角色栏的按钮被禁用。
点击角色栏管理员单选框时出现权限选择框。

总结Echo中遇到的问题_第1张图片
总结Echo中遇到的问题_第2张图片
2.需求:模态框弹出再次点击,填写过的内容清空
class AddPosition extends Component {
    constructor(props){
        super(props);
        this.state = {
            position: '',
        }
    }
    onClean = () => {
        this.setState({ 
            position: '',
        });
    }
    handleCancel = () => {
        this.onClean();
        this.props.handleCancel();
    }
    handleOk = () => {
        this.onClean(); 
        this.props.handleOk();
    }

    render(){
        const { position } = this.state;
        return(
                
                    
职位名称: this.setState({position: e.target.value})} />
) } } export default connect(({ }) => ({ }))(AddPosition);
3.点击复制链接时,复制框内内容
总结Echo中遇到的问题_第3张图片

实现代码如下:

/**
     * 点击复制链接按钮时复制框内内容
     */
    copyLink = () => {
        //console.log(this.refs.fetchSignUpLink)
        if (document.body.createTextRange) {
            var range = document.body.createTextRange();
            range.moveToElementText(this.refs.fetchSignUpLink);
            range.select();
        } else if (window.getSelection) {
            var selection = window.getSelection();
            var range = document.createRange();
            range.selectNodeContents(this.refs.fetchSignUpLink);
            selection.removeAllRanges();
            selection.addRange(range);
            message.success('复制成功');//点击复制之后提示复制成功
        } 
        document.execCommand("Copy");  
        if (document.selection) { 
          document.selection.empty(); 
        } else if (window.getSelection) { 
          window.getSelection().removeAllRanges(); 
        } 
    }
总结Echo中遇到的问题_第4张图片

你可能感兴趣的:(总结Echo中遇到的问题)