From 329f3b371457bf985e9b352a2ff11363b7866053 Mon Sep 17 00:00:00 2001 From: Pan <panfree23@gmail.com> Date: Wed, 27 Sep 2017 10:29:32 +0800 Subject: [PATCH] refine:rm export selected to zip example --- src/router/index.js | 7 ++-- src/views/zip/select.vue | 88 ---------------------------------------- 2 files changed, 3 insertions(+), 92 deletions(-) delete mode 100644 src/views/zip/select.vue diff --git a/src/router/index.js b/src/router/index.js index 8bc6642..a4cc7b9 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -149,8 +149,8 @@ export const asyncRouterMap = [ name: 'excel', icon: 'excel', children: [ - { path: 'download', component: _import('excel/index'), name: '导出excel' }, - { path: 'download2', component: _import('excel/selectExcel'), name: '导出已选择项' }, + { path: 'download', component: _import('excel/index'), name: 'export excel' }, + { path: 'download2', component: _import('excel/selectExcel'), name: 'export selected' }, { path: 'upload', component: _import('excel/uploadExcel'), name: 'upload excel' } ] }, @@ -161,8 +161,7 @@ export const asyncRouterMap = [ name: 'zip', icon: 'zip', children: [ - { path: 'download', component: _import('zip/index'), name: '导出zip' }, - { path: 'download2', component: _import('zip/select'), name: '导出已选择项' } + { path: 'download', component: _import('zip/index'), name: 'export zip' } ] }, { diff --git a/src/views/zip/select.vue b/src/views/zip/select.vue deleted file mode 100644 index fc4ac7f..0000000 --- a/src/views/zip/select.vue +++ /dev/null @@ -1,88 +0,0 @@ -<template> - <div class="app-container"> - <el-button style='margin-bottom:20px' type="primary" icon="document" @click="handleDownload" :loading="downloadLoading">导出已选择项</el-button> - <el-table :data="list" v-loading.body="listLoading" element-loading-text="æ‹¼å‘½åŠ è½½ä¸" border fit highlight-current-row @selection-change="handleSelectionChange" - ref="multipleTable"> - <el-table-column type="selection" align="center"></el-table-column> - <el-table-column align="center" label='ID' width="95"> - <template scope="scope"> - {{scope.$index}} - </template> - </el-table-column> - <el-table-column label="æ–‡ç« æ ‡é¢˜"> - <template scope="scope"> - {{scope.row.title}} - </template> - </el-table-column> - <el-table-column label="作者" width="95" align="center"> - <template scope="scope"> - <el-tag>{{scope.row.author}}</el-tag> - </template> - </el-table-column> - <el-table-column label="阅读数" width="115" align="center"> - <template scope="scope"> - {{scope.row.pageviews}} - </template> - </el-table-column> - <el-table-column align="center" prop="created_at" label="å‘布时间" width="220"> - <template scope="scope"> - <i class="el-icon-time"></i> - <span>{{scope.row.display_time}}</span> - </template> - </el-table-column> - </el-table> - </div> -</template> - -<script> -import { fetchList } from '@/api/article' - -export default { - data() { - return { - list: null, - listLoading: true, - multipleSelection: [], - downloadLoading: false - } - }, - created() { - this.fetchData() - }, - methods: { - fetchData() { - this.listLoading = true - fetchList(this.listQuery).then(response => { - this.list = response.data.items - this.listLoading = false - }) - }, - handleSelectionChange(val) { - this.multipleSelection = val - }, - handleDownload() { - if (this.multipleSelection.length) { - this.downloadLoading = true - require.ensure([], () => { - const { export_txt_to_zip } = require('vendor/Export2Zip') - const tHeader = ['åºå·', 'æ–‡ç« æ ‡é¢˜', '作者', '阅读数', 'å‘布时间'] - const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time'] - const list = this.multipleSelection - const data = this.formatJson(filterVal, list) - export_txt_to_zip(tHeader, data, '列表文本', '压缩文本') - this.$refs.multipleTable.clearSelection() - this.downloadLoading = false - }) - } else { - this.$message({ - message: '请至少选择一æ¡è®°å½•', - type: 'warning' - }) - } - }, - formatJson(filterVal, jsonData) { - return jsonData.map(v => filterVal.map(j => v[j])) - } - } -} -</script> -- 2.21.0