IVIEW对的table组件超出长度用省略号代替,使用气泡提示。

20 篇文章 0 订阅
6 篇文章 0 订阅
export function render(itemColumnCode,itemColumnlist,money){
    return (h,params)=>{
        let paramsRowItemColumnContent = params.row[itemColumnCode];
        if(!!itemColumnlist && itemColumnlist.length>0){
            itemColumnlist.map(function (value) {
                if (value.dicCode == params.row[itemColumnCode]) {
                    paramsRowItemColumnContent = value.dicNameZh;
                    // params.row[itemColumnCode] = value.dicCode;
                }
            });
        }
        if(money === 'money'){
            if (params.row[itemColumnCode] === 0) {
                paramsRowItemColumnContent = '0.00'
            } else {
                paramsRowItemColumnContent = numFormat((params.row[itemColumnCode] / 100).toFixed(2))
            }
        }
        if(String(paramsRowItemColumnContent).indexOf(" ") !== -1){
            paramsRowItemColumnContent=String(params.row[itemColumnCode]).replace(/\s/g,'<span>&nbsp;</span>');
        }
        if(params.row[itemColumnCode] || paramsRowItemColumnContent){
            let numberAndEnglish = String(paramsRowItemColumnContent).replace(/[^0-9][a-z][A-Z]+/g,'');
            let ChineseLength = String(paramsRowItemColumnContent).replace(/[^\u4e00-\u9fa5]+/g,'');
            let paramsRowItemColumnCode = numberAndEnglish.length*7 +ChineseLength.length*12;
            if((params.column._width*0.95<paramsRowItemColumnCode)){
                return h('div',[
                    h('Tooltip',{
                        props:{placement:'bottom',transfer:true},
                        style:{
                            display:'inline-block',
                            width:'100%',
                            overflow:'hidden',
                            textOverflow:'ellipsis',
                            whiteSpace:'nowrap',
                            lineHeight: 30+'px',
                            height:30+'px',
                        },
                    },[
                        h('span',{
                            domProps:{
                                innerHTML:paramsRowItemColumnContent
                            }
                        }),
                        h('span',{
                            slot:'content',
                            style:{whiteSpace:'normal',wordBreak:'break-all'},
                            domProps:{
                                innerHTML:paramsRowItemColumnContent
                            }
                        },)
                    ])
                ])
            }else{
                return h('div',{
                    style:{
                        lineHeight: 30+'px',
                        height:30+'px',
                    }
                },[
                    h('span',{
                        domProps:{
                            innerHTML:paramsRowItemColumnContent
                        }
                    })
                ])
            }
        }
    }
}
function numFormat(data) {
    return data && (data.toString().indexOf('.') != -1 ? data.toString().replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
        return $1 + ',';
    }) : data.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'))
}
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值