1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
| <!--
| 导出成Excel组件
|
| **父组件
| <ButtonExportExcel content="导出数据" type="success" :loading="exportButton" @do-export="exportDom"></ButtonExportExcel>
| -->
| <script>
| export default {
| props: {
| // 按钮文字
| content: {
| type: String,
| default: '导出数据'
| },
| // 按钮样式
| type: {
| type: String,
| default: 'success'
| },
| // 加载效果
| loading: {
| type: Boolean,
| default: false
| },
| size: {
| type: String,
| default: 'default'
| }
| },
| emits: ['doExport'],
| }
| </script>
|
| <template>
| <el-button :type="type" :size="size" @click="$emit('doExport')" :loading="loading" round>
| <el-icon >
| <i-ep-Download/>
| </el-icon>
| {{ content }}
| </el-button>
| </template>
| <style scoped>
| .el-icon {
| margin-right: 6px;
| margin-bottom:2px;
| font-size: 1.2em;
| }
|
| </style>
|
|
