|
|
@@ -70,6 +70,9 @@
|
|
|
:visible.sync="isShowDetails"
|
|
|
style="height:600px;width:100%"
|
|
|
>
|
|
|
+ <div>
|
|
|
+ <el-button icon="el-download" type="primary" @click="exportExcel('详单信息')">导出Excel</el-button>
|
|
|
+ </div>
|
|
|
<div class="table1">
|
|
|
<el-table
|
|
|
:data="visibleList1"
|
|
|
@@ -78,7 +81,7 @@
|
|
|
border
|
|
|
style="width: 100%; margin-top: 20px"
|
|
|
:height="350"
|
|
|
- id="salesLogisticsStat_saleSteelReports_table"
|
|
|
+ id="details"
|
|
|
individual-panel
|
|
|
>
|
|
|
<el-table-column
|
|
|
@@ -86,7 +89,6 @@
|
|
|
label="序号"
|
|
|
align="center"
|
|
|
:resizable="false"
|
|
|
- fixed="left"
|
|
|
>
|
|
|
<template slot-scope="scope">{{
|
|
|
scope.row.group + 1
|
|
|
@@ -248,6 +250,7 @@
|
|
|
<script>
|
|
|
import { getCookie } from '@/utils/util.js'
|
|
|
import { sjTime } from '@/utils/sharedJsFile'
|
|
|
+import FileSaver from "file-saver";
|
|
|
export default {
|
|
|
data(){
|
|
|
return{
|
|
|
@@ -355,6 +358,25 @@ export default {
|
|
|
this.getSpanArr1(this.visibleList1);
|
|
|
})
|
|
|
},
|
|
|
+ exportExcel(tableTitle){
|
|
|
+ let tables = document.getElementById("details");//此处是拿表格document元素,也可以取父div的ref
|
|
|
+ let table_book = XLSX.utils.table_to_book(tables);
|
|
|
+ console.log("table_book",table_book);
|
|
|
+ var table_write = XLSX.write(table_book, {
|
|
|
+ bookType: "xlsx",
|
|
|
+ bookSST: true,
|
|
|
+ type: "array"
|
|
|
+ });
|
|
|
+ try {
|
|
|
+ FileSaver.saveAs(
|
|
|
+ new Blob([table_write], { type: "application/octet-stream" }),
|
|
|
+ tableTitle+".xlsx"
|
|
|
+ );
|
|
|
+ } catch (e) {
|
|
|
+ if (typeof console !== "undefined") console.log(e, table_write);
|
|
|
+ }
|
|
|
+ return table_write;
|
|
|
+ },
|
|
|
deleteStatement(row){
|
|
|
this.$confirm('此操作将永久删除该账单, 是否继续?', '提示',{
|
|
|
confirmButtonText: '确定',
|
