172  
查询码:00000136
vue 导出excel文件
作者: 郁冲冲 于 2019年12月26日 发布在分类 / 人防组 / 人防前端 下,并于 2020年09月04日 编辑
vue 导出excel文件

后端配置好模板



前端使用exportCsv


exportData() {
      var temp = JSON.parse(JSON.stringify(this.listParam)); //查询条件
      temp.pageSize = -1;
      this.$api.Equipment.ShowData(temp).then(res => {
        this.listDataCsv = res.data.result.items;
        this.$refs.listCom.$refs.table.exportCsv({
          filename: "设备设施",
          columns: this.columnsName.filter(
            (col, index) => index >= 0 && index < 8
          ),
          // data: this.listDataCsv
          data: this.listDataCsv.filter((data, index) => {
            //所属系统
            data.systemName = this.$helper.getTextByValue(
              "所属系统",
              data.systemName
            );
            //所在房间
            data.roomRowGuid =
              this.roomList.find(e => e.id === data.roomRowGuid) == undefined
                ? "--"
                : this.roomList.find(e => e.id === data.roomRowGuid).roomName;
            //设备型号
            data.equipmentModel =
              data.equipmentModel != null &&
              data.equipmentModel.indexOf("/") > 0
                ? data.equipmentModel.replace("/", "")
                : "--";

            //厂商信息
            data.manufacturer =
              data.manufacturer != null &&
              data.manufacturer != undefined &&
              data.manufacturer != ""
                ? data.manufacturer
                : "--";
            return data;
          })
        });
      });
    }



 推荐知识

 历史版本

修改日期 修改人 备注
2020-09-04 11:17:39[当前版本] 郁冲冲 1.1.1
2019-12-26 14:42:50 郁冲冲 1.1.0

 附件

附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp