Lay ui导出数据到Excel

最新推荐文章于 2024-06-20 19:20:51 发布

Fluoxetine^.^

最新推荐文章于 2024-06-20 19:20:51 发布

阅读量681

点赞数 1

文章标签： javascript html5 html es6 css3

本文链接：https://blog.youkuaiyun.com/weixin_48366131/article/details/110088915

版权

博客介绍了使用layui框架导出Excel时遇到的长整数显示问题，通过官方插件实现了自定义每行数据的导出，确保了数据完整。示例代码展示了如何处理身份证号等长整数，以及如何格式化日期和根据特定值返回定制内容。导出样式满足需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用layui 自带的到处数据到excel比较坑，不能自定义数据。会将身份证等长整数的自动变成E+并且后面有000.从而导致数据不能完整导出。后来在官网找到个插件可以设置每一行的返回值，这样就完美解决了没法处理后台返回的而数据的问题

插件文档及下载地址
文件结构

代码如下

 <button type="button" lay-submit="" class="layui-btn layui-btn-warm" id="exportExcel"name="exportExcel">
       <i class="layui-icon"></i>导出Excel
 </button>
 
 //js
layui.config({//配置并导入excel插件
        base: '/js/layui/layui_exts/'
    }).use(['excel', 'layer'], function () {
        var $ = layui.$;
        var layer = layui.layer;
        var excel = layui.excel;
        $('#exportExcel').on('click', function () {
			      // list 数据样式 {[Insured_name: ""
			LAY_TABLE_INDEX: 0
			acct_name: ""
			auth_status: "init"
			auther: "张经理"
			bank_code: ""
			brand: ""
			car_no: "京AW4666"
			car_owner_idno: ""
			card_no: ""
			channel: "dx"
			company: "pa"
			ctime: 1604720169000
			discount: 3.33
			discount_amt: 100
			edate: 1636128000000
			engine: "4864864"
			insure_idno: ""
			insure_name: "SS"
			insured_idno: ""
			issu_acct_no: "kf1"
			issu_time: 1604592000000
			jy_amt: 800
			kind: "sxxb"
			phone1: "18790250190"
			phone2: ""
			policy: "11788899955544411125"
			premium: 3000
			rate: 30
			recrod_status: "unused"
			reg_date: 1541001600000
			sdate: 1604678400000
			turn_renew: "renew"
			tzid: "TZID2020110700000769"
			under_write_date: 1604678400000
			user_id: "CMU20201012000000109"
			user_name: "开发"
			vin: "GYUAGYWDGWAGD"],....}
      
                    var data = list.list;
            //         console.log(res);
           //   data = excel.filterExportData(data, ['id', 'sex', 'username', 'city]) 可以写成数组方式 仅用于排序、字段过滤，比如我希望的导出顺序和字段是'id', 'sex', 'username', 'city

            //还有下面这种对象格式的推荐：可以定义当前单元格的值
                    data = excel.filterExportData(data, {
                        car_no: 'car_no',
                        under_write_date: function (value, line, data) {
                        //return 啥当前单元格就显示神马
                            return FomdateTime(value, 'YY-MM-DD')
                        },
                        company: function (value, line, data) {
                          //value 当前单元格的值
                         //data 但前要导出的所有数据 data 
                            if (value == 'pa') {
                                return "平安"
                            } else if (value == 'rb') {
                                return "人保"
                            } else if (value == 'tpy') {
                                return '太平洋'

                            }
                        },
                        insure_name: 'insure_name'
                        , policy: 'policy'
                        , kind: function (value, line, data) {
                            return getNameById(value, 'policy_kind')
                        }
                        , premium: 'premium'
                        , jy_amt: 'jy_amt'
                        , rate: 'rate'
                        , discount: 'discount'
                        , sdate: function (value, line, data) {
                            return FomdateTime(value, 'YY-MM-DD')
                        },
                        edate: function (value, line, data) {
                            return FomdateTime(value, 'YY-MM-DD')
                        }
                        , auth_status: function (value, line, data) {
                            return getNameById(value, 'auth_status')
                        },
                        auther: 'auther'
                        , user_name: 'user_name',

                    });
                    // 重点2！！！一般都需要加一个表头，表头的键名顺序需要与最终导出的数据一致
                    data.unshift({
                        car_no: "车牌号",
                        under_write_date: "承保日期",
                        company: '承保单位',
                        insure_name: "投保人",
                        policy: "保单号",
                        kind: '险种',
                        premium: "保费",
                        jy_amt: "结余金额",
                        rate: '费率%',
                        discount: "打折比例%",
                        sdate: "保险起期",
                        edate: "保险止期",
                        auth_status: "状态",
                        auther: "审核人",
                        user_name: "经办人",
                    });
                    var timestart = Date.now();
                    excel.exportExcel(data, '台账查询.xlsx', 'xlsx');
                    //data 数据列表
                    //第二个参数 文件名
                    //第三个 文件后缀名
        });
    });

导出后样式