1 line
5.1 KiB
JSON
1 line
5.1 KiB
JSON
{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/excel/export-excel.vue?vue&type=style&index=0&id=f976c760&lang=css","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/excel/export-excel.vue","mtime":1754409279872},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/css-loader/dist/cjs.js","mtime":1754409278208},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754409279720},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/postcss-loader/src/index.js","mtime":1754409279211},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnJhZGlvLWxhYmVsIHsKICBmb250LXNpemU6IDE0cHg7CiAgY29sb3I6ICM2MDYyNjY7CiAgbGluZS1oZWlnaHQ6IDQwcHg7CiAgcGFkZGluZzogMCAxMnB4IDAgMzBweDsKfQo="},{"version":3,"sources":["export-excel.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GA;AACA;AACA;AACA;AACA;AACA","file":"export-excel.vue","sourceRoot":"src/views/excel","sourcesContent":["<template>\n <!-- $t is vue-i18n global function to translate lang -->\n <div class=\"app-container\">\n <div>\n <FilenameOption v-model=\"filename\" />\n <AutoWidthOption v-model=\"autoWidth\" />\n <BookTypeOption v-model=\"bookType\" />\n <el-button :loading=\"downloadLoading\" style=\"margin:0 0 20px 20px;\" type=\"primary\" icon=\"el-icon-document\" @click=\"handleDownload\">\n {{ $t('excel.export') }} Excel\n </el-button>\n <a href=\"https://panjiachen.github.io/vue-element-admin-site/feature/component/excel.html\" target=\"_blank\" style=\"margin-left:15px;\">\n <el-tag type=\"info\">Documentation</el-tag>\n </a>\n </div>\n\n <el-table v-loading=\"listLoading\" :data=\"list\" element-loading-text=\"Loading...\" border fit highlight-current-row>\n <el-table-column align=\"center\" label=\"Id\" width=\"95\">\n <template slot-scope=\"scope\">\n {{ scope.$index }}\n </template>\n </el-table-column>\n <el-table-column label=\"Title\">\n <template slot-scope=\"scope\">\n {{ scope.row.title }}\n </template>\n </el-table-column>\n <el-table-column label=\"Author\" width=\"110\" align=\"center\">\n <template slot-scope=\"scope\">\n <el-tag>{{ scope.row.author }}</el-tag>\n </template>\n </el-table-column>\n <el-table-column label=\"Readings\" width=\"115\" align=\"center\">\n <template slot-scope=\"scope\">\n {{ scope.row.pageviews }}\n </template>\n </el-table-column>\n <el-table-column align=\"center\" label=\"Date\" width=\"220\">\n <template slot-scope=\"scope\">\n <i class=\"el-icon-time\" />\n <span>{{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}</span>\n </template>\n </el-table-column>\n </el-table>\n </div>\n</template>\n\n<script>\nimport { fetchList } from '@/api/article'\nimport { parseTime } from '@/utils'\n// options components\nimport FilenameOption from './components/FilenameOption'\nimport AutoWidthOption from './components/AutoWidthOption'\nimport BookTypeOption from './components/BookTypeOption'\nexport default {\n name: 'ExportExcel',\n components: { FilenameOption, AutoWidthOption, BookTypeOption },\n data() {\n return {\n list: null,\n listLoading: true,\n downloadLoading: false,\n filename: '',\n autoWidth: true,\n bookType: 'xlsx'\n }\n },\n created() {\n this.fetchData()\n },\n methods: {\n fetchData() {\n this.listLoading = true\n fetchList().then(response => {\n this.list = response.data.items\n this.listLoading = false\n })\n },\n handleDownload() {\n this.downloadLoading = true\n import('@/vendor/Export2Excel').then(excel => {\n const tHeader = ['Id', 'Title', 'Author', 'Readings', 'Date']\n const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']\n const list = this.list\n const data = this.formatJson(filterVal, list)\n excel.export_json_to_excel({\n header: tHeader,\n data,\n filename: this.filename,\n autoWidth: this.autoWidth,\n bookType: this.bookType\n })\n this.downloadLoading = false\n })\n },\n formatJson(filterVal, jsonData) {\n return jsonData.map(v => filterVal.map(j => {\n if (j === 'timestamp') {\n return parseTime(v[j])\n } else {\n return v[j]\n }\n }))\n }\n }\n}\n</script>\n\n<style>\n.radio-label {\n font-size: 14px;\n color: #606266;\n line-height: 40px;\n padding: 0 12px 0 30px;\n}\n</style>\n"]}]} |