接口测试 Mxnet vue Kotlin 海思 security servlets encoding vuejs2 vbscript redis常用语句 safari swiftui android实战项目 jquery遍历元素 oracle取第一条数据 kafka学习 oracle连接字符串 vue使用bootstrap java微服务架构 wps文件修复工具下载 python语言 python中time python查找指定字符 python分析 python做界面 python返回值 javafinally java基本数据结构 javascript基础 linux格式化命令 电子书之家 修改tomcat端口 微信超级好友 图解深度学习 pr缩放 keytool下载 dep fireworks8序列号 微信猜拳
当前位置: 首页 > 学习教程  > 编程语言

vue后台管理系统导出数据功能

2020/7/24 11:34:33 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

在template模板里面写一个导出按钮

methods方法里面

   //数据导出
    export2Excel(
     region1
    ) {
     let param = this.$qs.stringify({
            region1:region1,
            offset:this.currentPage1,
            limit:10
        });
      axios
        .post("/api/business/car/downloadexcelpm",param)
        .then(res => {
          if (res.data.code == 200) {
            console.log("导出成功!");
            require.ensure([], () => {
              const { export_json_to_excel } = require("@/Excel/Export2Excel");
              const tHead = [
                "拍卖日期",
                "询价编号",
                "保全日期",
                "ID",
                "平台费",
                "实际费",
                "停车费",
                "拍次",
                "停放地",
                "保全人",
                "登记日期",
                "公司名称",
                "车牌号",
                "车辆型号",
                "车架号",
                "起拍价",
                "保留价",
                "成交价",
                "当前价",
                "保证金",
                "加价幅度",
                "综合服务费",
                "合手价",
                "中标人ID",
                "中标人",
                "中标人电话",
                "客户类型",
                "客服",
                "客服电话",
              ]; // 对应表格输出的中文title
              const filterVal = ["updateTime", "enquiryNo", "bqDate", "ID", "managenmentCost", "assistfee", "zk", "zk1", "place", "user_name", "firstTime", "name", "carNo", "brandNo", "vin", "auctionPrice", "reservePrice", "maxPrice", "currentPrice", "cashDeposit", "markUp", "Comprehensivefee", "hsj", "memberId", "memberName", "tele", "kind", "userName", "mobile"]; // 对应表格输出的数据
              console.log(tHead);
              const list = this.tableData;
              const data = this.formatJson(filterVal, list);
              /* eslint-disable */
              export_json_to_excel(tHead, data, "拍卖会车辆统计列表");
            });
            
          } else {
            console.log();
          }

          console.log(res);
        })
        .catch(function(error) {
          console.log(error);
        });
   
    },
  formatJson(filterVal, jsonData){
              return jsonData.map(v => filterVal.map(j => v[j]));
            },

通常导出数据传的参数和查询接口传的参数一样

然后写完方法记得在mounted里面调用这个方法

导出数据就是这样,下次写一个导入数据

 


本文链接: http://www.dtmao.cc/news_show_50429.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?