diff --git a/package.json b/package.json index beb66d2..cfb60b4 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "file-saver": "^2.0.5", "less": "^4.2.0", "mockjs": "^1.1.0", + "pdfmake": "^0.2.10", "pinia": "^2.1.7", "pinia-plugin-persistedstate": "^3.2.1", "tdesign-vue-next": "^1.9.3", @@ -26,6 +27,7 @@ "devDependencies": { "@vitejs/plugin-vue": "^5.0.4", "@vitejs/plugin-vue-jsx": "^3.1.0", + "gulp": "^5.0.0", "sass": "^1.74.1", "vite": "^5.1.6" } diff --git a/src/layout/components/LayoutAside.vue b/src/layout/components/LayoutAside.vue index 15d9975..cc7adef 100644 --- a/src/layout/components/LayoutAside.vue +++ b/src/layout/components/LayoutAside.vue @@ -34,6 +34,9 @@ 报表明细 + + 票据列表 + diff --git a/src/pages/finance-bill-manage/billDraw.vue b/src/pages/finance-bill-manage/billDraw.vue new file mode 100644 index 0000000..0c4da3e --- /dev/null +++ b/src/pages/finance-bill-manage/billDraw.vue @@ -0,0 +1,343 @@ + + + + + + + + + + + + + + + + + + + + + 查询 + 重置 + + + + + + + 票据列表 + + + + + + + + + + {{ `${row.stockNum}张` }} + + + + {{ item.label }} + + + + 导出pdf + + + + + + + + + + diff --git a/src/router/modules/financeBillManage.js b/src/router/modules/financeBillManage.js index 642f93f..355bc5e 100644 --- a/src/router/modules/financeBillManage.js +++ b/src/router/modules/financeBillManage.js @@ -6,6 +6,7 @@ import BillQuitneckURL from "@/pages/finance-bill-manage/billQuitneck.vue"; import BillBreakagekURL from "@/pages/finance-bill-manage/billBreakage.vue"; import BillDestroyURL from "@/pages/finance-bill-manage/billDestroy.vue"; import DetailReportURL from "@/pages/finance-bill-manage/detailReport.vue"; +import BillDrawURL from "@/pages/finance-bill-manage/billDraw.vue"; const financeBillManage = [ { @@ -70,6 +71,14 @@ const financeBillManage = [ title: "报表明细", }, }, + { + path: "BillDraw", + name: "billDraw", + component: BillDrawURL, + meta: { + title: "报表明细", + }, + }, ], }, ]; diff --git a/src/utils/pdf.js b/src/utils/pdf.js new file mode 100644 index 0000000..dd36b23 --- /dev/null +++ b/src/utils/pdf.js @@ -0,0 +1,20 @@ +import pdfMake from "pdfmake/build/pdfmake"; +import pdfFonts from "pdfmake/build/vfs_fonts"; + +pdfMake.vfs = pdfFonts.pdfMake.vfs; + +export const exportToPDF = (content) => { + const docDefinition = { + pageSize: "A4", + pageMargins: [40, 70, 40, 90], + content: content, + styles: { + header: { fontSize: 16, bold: true }, + label: { fontSize: 12, bold: true }, + value: { fontSize: 12 }, + tableHeader: { fontSize: 12, bold: true, color: "#666" }, + footer: { fontSize: 10, italics: true }, + }, + }; + pdfMake.createPdf(docDefinition).download("output.pdf"); +};