From f640ed9e0b1ae5ba002ef5ffe99fdb00b77d8a86 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 17 Jul 2021 10:08:35 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/zhba_regulatory
---
src/views/securityUnitOperation/operationTable.vue | 77 ++++++++++++++++++++++++++++++++++++++
1 files changed, 77 insertions(+), 0 deletions(-)
diff --git a/src/views/securityUnitOperation/operationTable.vue b/src/views/securityUnitOperation/operationTable.vue
new file mode 100644
index 0000000..0d7fad5
--- /dev/null
+++ b/src/views/securityUnitOperation/operationTable.vue
@@ -0,0 +1,77 @@
+<template>
+ <div class="table1">
+ <div class="about">
+ <el-button @click="downExcel">下载</el-button>
+ <el-table id="table" :data="tableData" stripe style="width: 100%">
+ <el-table-column prop="date" label="日期" width="180">
+ </el-table-column>
+ <el-table-column prop="name" label="姓名" width="180">
+ </el-table-column>
+ <el-table-column prop="address" label="地址"> </el-table-column>
+ </el-table>
+ <el-pagination background layout="prev, pager, next" :total="1000">
+ </el-pagination>
+ </div>
+ </div>
+</template>
+<script>
+import FileSaver from "file-saver";
+import XLSX from "xlsx";
+export default {
+ data() {
+ return {
+ tableData: [
+ {
+ date: "2016-05-02",
+ name: "王小虎",
+ address: "上海市普陀区金沙江路 1518 弄"
+ },
+ {
+ date: "2016-05-04",
+ name: "王小虎",
+ address: "上海市普陀区金沙江路 1517 弄"
+ },
+ {
+ date: "2016-05-01",
+ name: "王小虎",
+ address: "上海市普陀区金沙江路 1519 弄"
+ },
+ {
+ date: "2016-05-03",
+ name: "王小虎",
+ address: "上海市普陀区金沙江路 1516 弄"
+ }
+ ]
+ };
+ },
+ methods: {
+ downExcel() {
+ let et = XLSX.utils.table_to_book(document.getElementById("table"));
+ let etout = XLSX.write(et, {
+ bookType: "xlsx",
+ bookSST: true,
+ type: "array"
+ });
+ try {
+ FileSaver.saveAs(
+ new Blob([etout], {
+ type: "application/octet-stream"
+ }),
+ `表.xlsx`
+ ); //导出的文件名
+ } catch (e) {
+ console.log(e, etout);
+ }
+ return etout;
+ }
+ },
+ mounted() {}
+};
+</script>
+<style>
+.table1 {
+ height: 100%;
+ width: 1005;
+ display: none;
+}
+</style>
--
Gitblit v1.9.3