antd的input输入框超出内容划过显示完整提示

  <Tooltip
            placement="bottom"
            title={
              <span style={{ color: '#979898' }}>
                {text}
              </span>
            }
            visible={record.popVisible}
            arrowPointAtCenter
            color="white"
            trigger={['hover']}
            overlayStyle={{
              maxWidth: 200,
              // opacity: 1,
             // color: 'black'
            }}

          >
            
                       <Input
                       placeholder=""
                       allowClear={true}
                    //   key={record.index}
                       className={record.viditeLotNo ? styles.setRed : ''}
                       value={text}
                       maxLength={100}
                       onMouseOver={(e) => this.handleVisibleChange(e, record.index, record)}
                       onMouseLeave={e => {
                        this.hidePopover(e,record.index);
                      }}
                       onChange={e => this.onDateOnChange(e, record.index, 'lotNo')}
                     />
          </Tooltip>
  onDateOnChange = (date, index, type) => {
    const { dataSource } = this.state;
    if (type == 'expiryDate') {
      dataSource[index].expiryDate = date ?  moment(date).format(dateFormat): '';
      dataSource[index].viditeDate = false;
    } else {
      let k = date.target.value;
      if(k.length > 10) {
        dataSource[index].popVisible = true;
      }else {
        dataSource[index].popVisible = false;
      }
      dataSource[index].lotNo = k;
      dataSource[index].viditeLotNo = false;
    }

    this.setState({
      dataSource
    });
  };

  handleVisibleChange(e, index, record) {
     const { dataSource } = this.state;
      if(record.lotNo.length > 10) {
        dataSource[index].popVisible = true;
       
      }else {
        dataSource[index].popVisible = false;
      }
      this.setState({
        dataSource
      });
    
  }
  hidePopover(e,index) {
    const { dataSource } = this.state;
    dataSource[index].popVisible = false;
    this.setState({
      dataSource
    });
  }

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值