-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.vue
67 lines (63 loc) · 1.82 KB
/
index.vue
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<template>
<div :class="$style.root">
<div :class="$style.head" vusion-slot-name="head">
<div>{{defaultHeader}}</div>
<slot name="head"></slot>
<s-empty v-if="!$slots.head
&& $env.VUE_APP_DESIGNER
&& !defaultHeader
&& !!$attrs['vusion-node-path']">
</s-empty>
</div>
<div :class="$style.body">
<template v-for="(itemVM, index) in innerDataSource">
<div :class="$style.bodyItem"> {{ itemVM[valueField] || index + 1}} -- {{ itemVM[titleField] || 'IDE中数据未载入'}}</div>
</template>
</div>
<div :class="$style.bottom" vusion-slot-name="bottom">
<slot name="bottom"></slot>
<s-empty v-if="!$slots.bottom
&& $env.VUE_APP_DESIGNER
&& !!$attrs['vusion-node-path']">
</s-empty>
</div>
</div>
</template>
<script>
import supportDatasource from "@/mixins/support.datasource";
import {SEmpty} from 'cloud-ui.vusion/src/components/s-empty.vue';
export default {
name: 'lcap-usage-demo',
// 引入处理数据源的混入
mixins: [supportDatasource],
props: {
// 请在这里定义组件的属性
titleField: {type: String, default: 'title'},
valueField: {type: String, default: 'value'},
defaultHeader: {type: String, default: '默认头部'},
},
components: {
SEmpty,
},
};
</script>
<style module>
.root {
}
.root .head {
padding: 10px;
border-bottom: 1px solid #e8e8e8;
}
.root .body {
padding: 10px;
border-bottom: 1px solid #e8e8e8;
}
.root .bodyItem {
padding: 5px 0;
border-bottom: 1px solid #e8e8e8;
}
.root .bottom {
padding: 10px;
border-top: 1px solid #e8e8e8;
}
</style>