refine code

This commit is contained in:
Pan 2017-07-25 17:37:15 +08:00
parent 3488930e4d
commit 7969b6d33e
2 changed files with 11 additions and 8 deletions

View File

@ -46,12 +46,12 @@ const ErrorLog = _import('errlog/index');
/* excel */ /* excel */
const ExcelDownload = _import('excel/index'); const ExcelDownload = _import('excel/index');
const SelectExcelDownload = _import('excel/excel2'); const SelectExcelDownload = _import('excel/selectExcel');
/* theme */ /* theme */
const Theme = _import('theme/index'); const Theme = _import('theme/index');
/* example*/ /* example */
const TableLayout = _import('example/table/index'); const TableLayout = _import('example/table/index');
const DynamicTable = _import('example/table/dynamictable'); const DynamicTable = _import('example/table/dynamictable');
const Table = _import('example/table/table'); const Table = _import('example/table/table');

View File

@ -1,14 +1,16 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-button style='margin-bottom:20px;float:right' type="primary" icon="document" @click="handleDownload">导出excel</el-button> <el-button style='margin-bottom:20px;float:right' type="primary" icon="document" @click="handleDownload">导出excel</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 :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 type="selection" align="center"></el-table-column>
<el-table-column align="center" label='ID' width="95"> <el-table-column align="center" label='ID' width="95">
<template scope="scope"> <template scope="scope">
{{scope.$index}} {{scope.$index}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="文章标题"> <el-table-column label="文章标题">
<template scope="scope"> <template scope="scope">
{{scope.row.title}} {{scope.row.title}}
@ -20,11 +22,13 @@
<span>{{scope.row.author}}</span> <span>{{scope.row.author}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="阅读数" width="105" align="center"> <el-table-column label="阅读数" width="105" align="center">
<template scope="scope"> <template scope="scope">
{{scope.row.pageviews}} {{scope.row.pageviews}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" prop="created_at" label="发布时间" width="200"> <el-table-column align="center" prop="created_at" label="发布时间" width="200">
<template scope="scope"> <template scope="scope">
<i class="el-icon-time"></i> <i class="el-icon-time"></i>
@ -35,6 +39,7 @@
</div> </div>
</template> </template>
<script> <script>
import { getList } from 'api/article'; import { getList } from 'api/article';
@ -62,9 +67,7 @@
}, },
handleDownload() { handleDownload() {
require.ensure([], () => { require.ensure([], () => {
const { const { export_json_to_excel } = require('vendor/Export2Excel');
export_json_to_excel
} = require('vendor/Export2Excel');
const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间']; const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间'];
const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']; const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time'];
const list = this.multipleSelection; const list = this.multipleSelection;
@ -78,4 +81,4 @@
} }
} }
}; };
</script> </script>