refine code
This commit is contained in:
parent
3488930e4d
commit
7969b6d33e
|
@ -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');
|
||||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue