Merge branch 'master' of http://123.56.95.229:10010/r/高精

src/views/WorkshopProcurement/ExcelExport/index.vue

@@ -0,0 +1,186 @@
+<template>
+  <div class="app-container">
+    <el-button
+      type="success"
+      size="small"
+      style="margin-left:10px"
+      @click="downloadExcel()">导出Excel模板1</el-button>
+    <el-button
+      type="success"
+      size="small"
+      style="margin-left:10px"
+      @click="downloadExce2()">导出Excel模板2</el-button>
+    <el-button
+      type="success"
+      size="small"
+      style="margin-left:10px"
+      @click="downloadExce3()">导出Excel模板3</el-button>
+    <el-button
+      type="success"
+      size="small"
+      style="margin-left:10px"
+      @click="downloadExce4()">导出Excel模板4</el-button>
+    <el-button
+      type="success"
+      size="small"
+      style="margin-left:10px"
+      @click="downloadExce5()">导出Excel模板5</el-button>
+    <el-button
+      type="success"
+      size="small"
+      style="margin-left:10px"
+      @click="downloadExce6()">导出Excel模板6</el-button>
+    <el-button
+      type="success"
+      size="small"
+      style="margin-left:10px"
+      @click="downloadExce7()">导出Excel模板7</el-button>
+    <el-button
+      type="success"
+      size="small"
+      style="margin-left:10px"
+      @click="downloadExcel8()">导出Excel模板8</el-button>
+  </div>
+</template>
+
+<script>
+import { ExcelDownLoad } from '@/utils/request'
+export default {
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    // 模板1
+    downloadExcel() {
+      var param = []
+      param[0] = ['发票流水号', 1]
+      param[1] = ['供应商名称', 2]
+      // var data = this.CreateData(1, name: 2, param)
+      var data = this.CreateData(1, 2, param)
+      console.log(data)
+      const _ExcelDownLoad = ExcelDownLoad
+      this.download(`${_ExcelDownLoad}?Fapiao=${data}`)
+    },
+    // 模板2
+    downloadExce2() {
+      var param = []
+      param[0] = ['发票流水号', 1]
+      param[1] = ['供应商名称', 2]
+      var data = this.CreateData(1, 2, param)
+      console.log(data)
+      const _ExcelDownLoad = ExcelDownLoad
+      this.download(`${_ExcelDownLoad}?Fapiao=${data}`)
+    },
+    // 模板3
+    downloadExce3() {
+      var param = []
+      param[0] = ['发票流水号', 1]
+      param[1] = ['供应商名称', 2]
+      var data = this.CreateData(1, 2, param)
+      console.log(data)
+      const _ExcelDownLoad = ExcelDownLoad
+      this.download(`${_ExcelDownLoad}?Fapiao=${data}`)
+    },
+    // 模板4
+    downloadExce4() {
+      var param = []
+      param[0] = ['发票流水号', 1]
+      param[1] = ['供应商名称', 2]
+      var data = this.CreateData(1, 2, param)
+      console.log(data)
+      const _ExcelDownLoad = ExcelDownLoad
+      this.download(`${_ExcelDownLoad}?Fapiao=${data}`)
+    },
+    // 模板5
+    downloadExce5() {
+      var param = []
+      param[0] = ['发票流水号', 1]
+      param[1] = ['供应商名称', 2]
+      var data = this.CreateData(1, 2, param)
+      console.log(data)
+      const _ExcelDownLoad = ExcelDownLoad
+      this.download(`${_ExcelDownLoad}?Fapiao=${data}`)
+    },
+    // 模板6
+    downloadExce6() {
+      var param = []
+      param[0] = ['发票流水号', 1]
+      param[1] = ['供应商名称', 2]
+      var data = this.CreateData(1, 2, param)
+      console.log(data)
+      const _ExcelDownLoad = ExcelDownLoad
+      this.download(`${_ExcelDownLoad}?Fapiao=${data}`)
+    },
+    // 模板7
+    downloadExce7() {
+      var param = []
+      param[0] = ['发票流水号', 1]
+      param[1] = ['供应商名称', 2]
+      var data = this.CreateData(1, 2, param)
+      console.log(data)
+      const _ExcelDownLoad = ExcelDownLoad
+      this.download(`${_ExcelDownLoad}?Fapiao=${data}`)
+    },
+    // 模板8
+    downloadExcel8() {
+      var param = []
+      param[0] = ['发票流水号', 1]
+      param[1] = ['供应商名称', 2]
+      var data = this.CreateData(1, 2, param)
+      console.log(data)
+      const _ExcelDownLoad = ExcelDownLoad
+      this.download(`${_ExcelDownLoad}?Fapiao=${data}`)
+    },
+    /**
+     * 下载
+     * @param  {String} url 目标文件地址
+     * @param  {String} filename 想要保存的文件名称
+     */
+    download(url) {
+      this.getBlob(url, function(blob, filename) {
+        saveAs(blob, filename)
+      })
+    },
+    getBlob(url, cb) {
+      var xhr = new XMLHttpRequest()
+      xhr.open('GET', url, true)
+      xhr.responseType = 'blob'
+      xhr.onload = function() {
+        if (xhr.status === 200) {
+          console.log(xhr, 1111)
+          const name = xhr.getResponseHeader('content-disposition').split('=')[1]
+          cb(xhr.response, name)
+        }
+      }
+      xhr.send()
+    }
+  }
+}
+/**
+ * 保存
+ * @param  {Blob} blob
+ * @param  {String} filename 想要保存的文件名称
+ */
+function saveAs(blob, filename = '下载文件.xls') {
+  if (window.navigator.msSaveOrOpenBlob) {
+    navigator.msSaveBlob(blob, filename)
+  } else {
+    var link = document.createElement('a')
+    var body = document.querySelector('body')
+    link.href = window.URL.createObjectURL(blob)
+    link.download = filename
+    // fix Firefox
+    link.style.display = 'none'
+    body.appendChild(link)
+    link.click()
+    body.removeChild(link)
+    window.URL.revokeObjectURL(link.href)
+  }
+}
+</script>
+
+<style scoped>
+
+</style>