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

2023-03-09 14:37| 来源: 网络整理| 查看: 265

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

问题：

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

原因：

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

解决思路：

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

解决方法：

1、在layui/lay/modules/table.js中搜索：d.exportFile

2、将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 + ';'}), 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)} }, 复制代码

OK，重启项目，完美解决！

补充：

这里有可能造成新的问题：layui生成的excel中日期为一长串数字（时间戳），如出现此问题，可查看我的另外一篇博客：解决layui生成的excel中日期为时间戳

【本文地址】

公司简介

联系我们