界面效果展示
下载指定模板
界面搭建
<div>
<Icon type="md-cloud-download" size="20" style="float:left;margin-left:20px"/>
<label style="margin-left:20px">下载模板</label>
<p style="margin-left:60px;font-size:8px">为提高导入的成功率,请下载并使用系统提供的模板</p>
<Button
type="primary"
@click="DownTemp"
style="margin-left:60px;"
size="small"
>下载模板</Button>
</div>
<div>
<Table :columns="DownCol" :data="DownData" ref="DownTable"></Table>
</div>
数据、方法实现
export default {
name: "批量操作",
data() {
return {
DownCol: [
{
title: "卡号",
key: "cardId"
},
{
title: "姓名",
key: "ownerName"
},
{
title: "充值金额",
key: "addCash"
}
],
DownData: []