Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
MonkeyB_B
vue-element-admin
提交
7bedb861
V
vue-element-admin
项目概览
MonkeyB_B
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
7bedb861
编写于
4月 20, 2017
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add excel download
上级
89a4c3bd
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
50 addition
and
16 deletion
+50
-16
src/mock/index.js
src/mock/index.js
+4
-2
src/views/excel/index.vue
src/views/excel/index.vue
+46
-14
未找到文件。
src/mock/index.js
浏览文件 @
7bedb861
...
...
@@ -2,8 +2,10 @@ import Mock from 'mockjs';
Mock
.
mock
(
/
\/
article
\/
list/
,
{
'
data|20
'
:
[{
id
:
'
@id
'
,
content
:
'
@cparagraph
'
,
time
:
'
@datetime
'
title
:
'
@ctitle(10, 20)
'
,
author
:
'
@cname
'
,
display_time
:
'
@datetime
'
,
pageviews
:
'
@integer(300, 5000)
'
}]
})
...
...
src/views/excel/index.vue
浏览文件 @
7bedb861
<
template
>
<div
class=
"errPage-container"
>
aaa
<div
class=
"app-container"
>
<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
>
<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=
"110"
>
<
template
scope=
"scope"
>
<span>
{{
scope
.
row
.
author
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"阅读数"
width=
"105"
align=
"center"
>
<
template
scope=
"scope"
>
{{
scope
.
row
.
pageviews
}}
</
template
>
</el-table-column>
<el-table-column
align=
"center"
prop=
"created_at"
label=
"发布时间"
width=
"200"
>
<
template
scope=
"scope"
>
<i
class=
"el-icon-time"
></i>
<span>
{{
scope
.
row
.
display_time
}}
</span>
</
template
>
</el-table-column>
</el-table>
</div>
</template>
<
script
>
...
...
@@ -9,14 +38,7 @@ export default {
data
()
{
return
{
list
:
null
,
total
:
null
,
listLoading
:
true
,
listQuery
:
{
page
:
1
,
limit
:
20
,
area
:
undefined
,
department
:
undefined
}
listLoading
:
true
}
},
created
()
{
...
...
@@ -26,12 +48,22 @@ export default {
fetchData
()
{
this
.
listLoading
=
true
;
getList
(
this
.
listQuery
).
then
(
response
=>
{
console
.
log
(
response
)
const
data
=
response
.
data
;
this
.
list
=
data
.
items
;
this
.
total
=
data
.
item_count
;
this
.
list
=
response
.
data
;
this
.
listLoading
=
false
;
})
},
handleDownload
()
{
require
.
ensure
([],
()
=>
{
const
{
export_json_to_excel
}
=
require
(
'
vendor/Export2Excel
'
);
const
tHeader
=
[
'
序号
'
,
'
文章标题
'
,
'
作者
'
,
'
阅读数
'
,
'
发布时间
'
];
const
filterVal
=
[
'
id
'
,
'
title
'
,
'
author
'
,
'
pageviews
'
,
'
display_time
'
];
const
list
=
this
.
list
;
const
data
=
this
.
formatJson
(
filterVal
,
list
);
export_json_to_excel
(
tHeader
,
data
,
'
列表excel
'
);
})
},
formatJson
(
filterVal
,
jsonData
)
{
return
jsonData
.
map
(
v
=>
filterVal
.
map
(
j
=>
v
[
j
]))
}
}
};
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录