React下载,导入excel文件

import XLSX from 'xlsx';
    importfile(e){
        const { onChange } = this.props;
        if(!e.target.files) return ;
        const file=e.target.files[0];
        var daochu = this.daochu;
        const values = this.props.form.getFieldsValue()
        const reader=new FileReader();
        reader.readAsBinaryString(file);
        reader.onload=function(e){
            const data=this.result;
            const wb=XLSX.read(data, {
                    type: 'binary'
                })
            const params = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);

            for(var i = 0; i<params.length; i++){
                params[i].Name = params[i].客户名称 ;
                delete params[i].客户名称 ;
                params[i].GenderName = params[i].性别 ;
                delete params[i].性别 ;
                params[i].Tel = params[i].联系电话 ;
                delete params[i].联系电话 ;
                params[i].WeChat = params[i].微信 ;
                delete params[i].微信 ;
                // params[i].qq = params[i].qq ;
                // delete params[i].qq ;
                params[i].StateValue = params[i].客户状态 ;
                delete params[i].客户状态 ;
                params[i].SourceValue = params[i].客户来源 ;
                delete params[i].客户来源 ;
                params[i].Address = params[i].通信地址 ;
                delete params[i].通信地址 ;
                params[i].ProvinceName = params[i].省 ;
                delete params[i].省 ;
                params[i].CityName = params[i].市 ;
                delete params[i].市 ;
                params[i].CountyName = params[i].区县 ;
                delete params[i].区县 ;
                params[i].EducationName = params[i].学历 ;
                delete params[i].学历 ;
                params[i].PoliticalOutlookName = params[i].政治面貌 ;
                delete params[i].政治面貌 ;
                params[i].CustomerLableValue = params[i].客户标签 ;
                delete params[i].客户标签 ;
                params[i].Remark = params[i].备注 ;
                delete params[i].备注 ;
            }

            request(`/api/C_Customer/ImportEnterpriseCustomer`, { method : 'POST' , body: params  })
                .then((req) => {
                    if(req.Success){
                        notification.success({
                            message: '导入成功',
                            description: req.Message
                        });
                        onChange(values)
                    }else{
                        if(req.ReturnData){
                            var data = [];
                            data = req.ReturnData;
                            Modal.error({
                                title: '导入失败',
                                content: req.Message,
                                okText:'下载文件',
                                maskClosable:true,
                                onOk: () => {
                                    daochu(data)
                                }
                            });
                        }else{
                            Modal.error({
                                title: '导入失败',
                                content: '必填数据不能为空',
                                okText:'知道了',
                                maskClosable:true,
                            });
                        }
                    }
                })  
        }
        this.input.value=null
    }
    daochu = (dataArr) => {
        const params = this.props.form.getFieldsValue();
        const param={
            ...params,
            StateKey:this.state.activeKey,
            SourceKey:params['SourceKey']==='null'?undefined:params['SourceKey']
        }
        const datas =  dataArr;
        const wopts = { bookType: 'xlsx', bookSST: false, type: 'binary' };//这里的数据是用来定义导出的格式类型
        const wb = { SheetNames: ['Sheet1'], Sheets: {}, Props: {} };
        const data=datas.map(item=>{
            return {
                '客户名称':item.Name,
                '联系电话':item.Tel,
                '客户标签':item.CustomerLableValue,
                '客户状态':item.StateValue,
                '距上次跟进(天)':item.OutTrackDay,
                '客户来源':item.SourceValue,
                '业务员':item.SalesmanName,
                '省份':item.ProvinceName,
                '城市':item.CityName,
                '区县':item.CountyName,
                '学历':item.EducationName,
                '性别':item.Gender == 0 ? '男':'女',
                '政治面貌':item.PoliticalOutlookName,
                'QQ':item.QQ,
                '类型':item.Type==1?'个人客户':'企业客户',
                '联系次数':item.ContactNum,
                '微信':item.WeChat,
                '错误信息': item.ErrorInfo
            }
        })
        wb.Sheets['Sheet1'] = XLSX.utils.json_to_sheet(data);//通过json_to_sheet转成单页(Sheet)数据
        this.saveAs(new Blob([this.s2ab(XLSX.write(wb, wopts))], { type: "application/octet-stream" }), "个人客户导出" + '.' + (wopts.bookType=="biff2"?"xls":wopts.bookType));
    }

    // 导出excel
    saveAs(obj, fileName){
        var tmpa = document.createElement("a");
        tmpa.download = fileName || "下载";
        tmpa.href = URL.createObjectURL(obj); //绑定a标签
        tmpa.click(); //模拟点击实现下载
        setTimeout(function () { //延时释放
            URL.revokeObjectURL(obj); //用URL.revokeObjectURL()来释放这个object URL
        }, 100);
    }

    s2ab(s) {
        if (typeof ArrayBuffer !== 'undefined') {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        } else {
            var buf = new Array(s.length);
            for (var i = 0; i != s.length; ++i) buf[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
    }
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342

推荐阅读更多精彩内容