diff --git a/src/views/PurchasingCenter/PurchaseContractSearch/exportExcel.js b/src/views/PurchasingCenter/PurchaseContractSearch/exportExcel.js new file mode 100644 index 00000000..88de1a6d --- /dev/null +++ b/src/views/PurchasingCenter/PurchaseContractSearch/exportExcel.js @@ -0,0 +1,19 @@ +// 导出Excel方法（表格id，不加扩展名的文件名，sheet名） +export function exportExcelMethod(tableId, fileName, sheetName) { + tableToExcel(tableId, fileName, sheetName) +} +const tableToExcel = (function() { + const uri = 'data:application/vnd.ms-excel;base64,' + // 设置导出表格的单元格默认高度/宽度/边框样式/字体颜色/背景颜色/居中，网页显示表格宽度建议1240，tr/td视情况而定 + const template = `{worksheet}{table}
` + const base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } + const format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p] }) } + return function(table, filename, sheetname) { + if (!table.nodeType) table = document.getElementById(table) + const ctx = { worksheet: sheetname || 'Worksheet', table: table.innerHTML } + const aTag = document.createElement('a') + aTag.href = uri + base64(format(template, ctx)) + aTag.download = filename + aTag.click() + } +})() diff --git a/src/views/PurchasingCenter/PurchaseContractSearch/index.vue b/src/views/PurchasingCenter/PurchaseContractSearch/index.vue index 06380a0a..16345b1c 100644 --- a/src/views/PurchasingCenter/PurchaseContractSearch/index.vue +++ b/src/views/PurchasingCenter/PurchaseContractSearch/index.vue @@ -46,6 +46,11 @@ icon="el-icon-search" style="margin-left:10px" @click="total1=0;pageCurrent1=1;pageSize1=10;searchTable1()">查询 + 导出 @@ -126,49 +131,52 @@
- - - - - - - - - - - - - - - - - -
GAOJING产品销售合同
需方江苏高精机电装备有限公司合同编号{{ contract }}
供方{{ supplier }}签订地点江苏盐城
-
一、 产品名称、型号、数量、单价、品牌：
- - - - - - - - - - - - - +
+
物料名称物料规格物料型号发货天数数量单价总价
- - + + + - - + + + + - -
运费：{{ freight }}GAOJING产品销售合同
总价: (人民币){{ RMB }}(含0.17增值税) {{ TotalAmount }}需方江苏高精机电装备有限公司合同编号{{ contract }}
-
+ + 供方 + {{ supplier }} + 签订地点 + 江苏盐城 + + +
一、 产品名称、型号、数量、单价、品牌：
+ + + + + + + + + + + + + + + + + + + + + + +
物料名称物料规格物料型号发货天数数量单价总价
运费：{{ freight }}
总价: (人民币){{ RMB }}(含0.17增值税) {{ TotalAmount }}
+
+
@@ -184,6 +192,7 @@ import { initContract, initBuyer, searchTable1, searchTable2 } from '@/api/PurchasingCenter/PurchaseContractSearch' import { searchFile } from '@/api/PurchasingCenter/CreateContract' import QRCode from 'qrcode' +import { exportExcelMethod } from './exportExcel' export default { data() { @@ -238,6 +247,13 @@ export default { this.fetchData() }, methods: { + download() { + if (this.contract) { + exportExcelMethod('print', '采购合同', '采购合同sheet1') + } else { + this.$message.error('请选择合同') + } + }, useqrcode(contractNum) { const opts = { errorCorrectionLevel: 'H',