解决layui框架自带的excel导出长数据变科学计数法

chenvle 2020-12-24 AM 1820℃ 0条
项目中需要导出excel时,如果是大项目、要求高,当然使用第三方插件,或者后台导出是必要的,但是如果是一些小型项目,并且对导出excel样式要求不是很严格的,而且前端框架用的是layui的,layui框架自带的excel导出就成了我们最方便快捷的选择,但是在导出数据时会遇到一个问题:

问题:

layui框架自带的excel导出长数据错误,如:身份证号码、电话号码、时间等,如下图所示:

20200328092451985.png

原因:

layui框架自带的导出excel数据默认导出的数据会以数字格式存放,比较长的数据存放后会经过科学计数法加工,从而导致数据错误

解决思路:

改变layui框架数据的存放格式即可

解决方法:

  • 在layui/lay/modules/table.js中搜索:d.exportFile
  • 将d.exportFile这个函数,用下面内容替换掉:
        d.exportFile = function (e, t, i) {
                t = t || d.clearCacheKey(d.cache[e]), i = i || "csv";
                var a = c.config[e] || {},  // 分页按钮
                    l = {csv: "text/csv", xls: "application/vnd.ms-excel"}[i], // meta格式
                    n = document.createElement("a"), // a 标签
                    type = i,
                    meta = l,
                    title = a.title
 
                layui.each(t, function (ks, vs) {
                    var inner = {}
                    layui.each(vs, function (k, v) {
                        if (/^\d{9,}$/.test(v)) {
                            vs[k] = vs[k] + '\t'
                        }
                        inner[k] = vs[k]
                    });
                    t[ks] = inner
                })
                if (r.ie) {
                    var i = [], a = [];
                    layui.each(t, function (t, l) {
                        var n = [];
                        "object" == typeof e ? (layui.each(e, function (e, a) {
                            0 == t && i.push(a || "")
                        }), layui.each(d.clearCacheKey(l), function (e, t) {
                            n.push(t)
                        })) : d.eachCols(e, function (e, a) {
                            a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
                        }), a.push(n.join(","))
                    });
                    var data = i.join(",") + "\r\n" + a.join("\r\n")
                    navigator.msSaveBlob(new Blob(['\ufeff' + data], {type: meta + ';charset=utf-8;'}), title + '.' + type)
                } else {
                    return n.href = "data:" + l + ";charset=utf-8,\ufeff" + encodeURIComponent(function () {
                        var i = [], a = [];
                        return layui.each(t, function (t, l) {
                            var n = [];
                            "object" == typeof e ? (layui.each(e, function (e, a) {
                                0 == t && i.push(a || "")
                            }), layui.each(d.clearCacheKey(l), function (e, t) {
                                n.push(t)
                            })) : d.eachCols(e, function (e, a) {
                                a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
                            }), a.push(n.join(","))
                        }), i.join(",") + "\r\n" + a.join("\r\n")
                    }()), n.download = (a.title || "table_" + (a.index || "")) + "." + i, document.body.appendChild(n), n.click(), void document.body.removeChild(n)}
            },

评论啦~