haiwei-ui 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.prettierrc +6 -4
- package/README.md +95 -11
- package/package.json +1 -1
- package/packages/components/list/components/querybar/index.vue +32 -11
- package/packages/components/list/index.vue +9 -14
- package/src/api/config.js +1 -1
- package/src/components/code-preview/index.vue +56 -56
- package/src/components/tmpl/components/attributes/index.vue +3 -3
- package/src/components/tmpl/components/events/index.vue +3 -3
- package/src/components/tmpl/components/methods/index.vue +3 -3
- package/src/components/tmpl/components/slots/index.vue +3 -3
- package/src/components/tmpl/index.vue +42 -42
- package/src/style/element-ui.scss +4 -4
- package/src/views/components/advanced/details/_index/index.vue +16 -16
- package/src/views/components/advanced/details/demo1/demo.vue +42 -42
- package/src/views/components/advanced/details/demo1/index.vue +11 -11
- package/src/views/components/advanced/drag-sort/_index/index.vue +16 -16
- package/src/views/components/advanced/drag-sort/demo1/demo.vue +18 -18
- package/src/views/components/advanced/drag-sort/demo1/index.vue +11 -11
- package/src/views/components/advanced/drag-sort-dialog/_index/index.vue +16 -16
- package/src/views/components/advanced/drag-sort-dialog/demo1/demo.vue +24 -24
- package/src/views/components/advanced/drag-sort-dialog/demo1/index.vue +11 -11
- package/src/views/components/advanced/list/_index/index.vue +21 -21
- package/src/views/components/advanced/list/demo1/demo.vue +65 -65
- package/src/views/components/advanced/list/demo1/index.vue +11 -11
- package/src/views/components/advanced/list/demo2/demo.vue +52 -52
- package/src/views/components/advanced/list/demo2/index.vue +11 -11
- package/src/views/components/advanced/list/demo4/demo.vue +28 -28
- package/src/views/components/advanced/list/demo4/index.vue +11 -11
- package/src/views/components/advanced/list-dialog/_index/index.vue +21 -21
- package/src/views/components/advanced/list-dialog/demo1/demo.vue +48 -48
- package/src/views/components/advanced/list-dialog/demo1/index.vue +11 -11
- package/src/views/components/advanced/listbox/_index/index.vue +19 -19
- package/src/views/components/advanced/listbox/demo1/demo.vue +47 -47
- package/src/views/components/advanced/listbox/demo1/index.vue +11 -11
- package/src/views/components/base/box/_index/index.vue +22 -28
- package/src/views/components/base/box/demo1/index.vue +11 -11
- package/src/views/components/base/box/demo2/index.vue +11 -11
- package/src/views/components/base/box/demo3/demo.vue +15 -15
- package/src/views/components/base/box/demo3/index.vue +11 -11
- package/src/views/components/base/box/demo4/demo.vue +18 -24
- package/src/views/components/base/box/demo4/index.vue +11 -11
- package/src/views/components/base/box-col/_index/index.vue +17 -17
- package/src/views/components/base/box-col/demo1/index.vue +11 -11
- package/src/views/components/base/box-row/_index/index.vue +17 -17
- package/src/views/components/base/box-row/demo1/index.vue +11 -11
- package/src/views/components/base/box-small/_index/index.vue +17 -17
- package/src/views/components/base/box-small/demo1/demo.vue +30 -30
- package/src/views/components/base/box-small/demo1/index.vue +11 -11
- package/src/views/components/base/button/_index/index.vue +18 -18
- package/src/views/components/base/button/demo1/index.vue +11 -11
- package/src/views/components/base/button/demo2/demo.vue +53 -48
- package/src/views/components/base/button/demo2/index.vue +11 -11
- package/src/views/components/base/container/_index/index.vue +15 -15
- package/src/views/components/base/dialog/_index/index.vue +20 -20
- package/src/views/components/base/dialog/demo1/demo.vue +37 -37
- package/src/views/components/base/dialog/demo1/index.vue +11 -11
- package/src/views/components/base/drawer/_index/index.vue +18 -18
- package/src/views/components/base/drawer/demo1/demo.vue +8 -8
- package/src/views/components/base/drawer/demo1/index.vue +11 -11
- package/src/views/components/base/flex/_index/index.vue +17 -17
- package/src/views/components/base/flex/demo1/demo.vue +6 -6
- package/src/views/components/base/flex/demo1/index.vue +14 -14
- package/src/views/components/base/label/_index/index.vue +17 -17
- package/src/views/components/base/label/demo1/index.vue +14 -14
- package/src/views/components/base/scrollbar/_index/index.vue +17 -17
- package/src/views/components/base/scrollbar/demo1/demo.vue +47 -47
- package/src/views/components/base/scrollbar/demo1/index.vue +11 -11
- package/src/views/components/base/split/_index/index.vue +17 -17
- package/src/views/components/base/split/demo1/demo.vue +6 -6
- package/src/views/components/base/split/demo1/index.vue +11 -11
- package/src/views/components/base/tabs/_index/index.vue +21 -21
- package/src/views/components/base/tabs/demo1/demo.vue +47 -47
- package/src/views/components/base/tabs/demo1/index.vue +14 -14
- package/src/views/components/base/txt/_index/index.vue +17 -17
- package/src/views/components/base/txt/demo1/index.vue +14 -14
- package/src/views/components/form/checkbox-group/_index/index.vue +20 -20
- package/src/views/components/form/checkbox-group/demo1/demo.vue +35 -35
- package/src/views/components/form/checkbox-group/demo1/index.vue +11 -11
- package/src/views/components/form/color-picker/_index/index.vue +16 -16
- package/src/views/components/form/color-picker/demo1/demo.vue +10 -10
- package/src/views/components/form/color-picker/demo1/index.vue +11 -11
- package/src/views/components/form/date-range-picker/_index/index.vue +17 -17
- package/src/views/components/form/date-range-picker/demo1/demo.vue +21 -21
- package/src/views/components/form/date-range-picker/demo1/index.vue +11 -11
- package/src/views/components/form/form/_index/index.vue +18 -18
- package/src/views/components/form/form/demo1/demo.vue +33 -33
- package/src/views/components/form/form/demo1/index.vue +11 -11
- package/src/views/components/form/form-dialog/_index/index.vue +18 -18
- package/src/views/components/form/form-dialog/demo1/demo.vue +39 -39
- package/src/views/components/form/form-dialog/demo1/index.vue +14 -14
- package/src/views/components/form/form-page/_index/index.vue +18 -18
- package/src/views/components/form/form-page/demo1/demo.vue +19 -19
- package/src/views/components/form/form-page/demo1/index.vue +11 -11
- package/src/views/components/form/icon-picker/_index/index.vue +18 -17
- package/src/views/components/form/icon-picker/demo1/demo.vue +20 -20
- package/src/views/components/form/icon-picker/demo1/index.vue +11 -11
- package/src/views/components/form/select/_index/index.vue +19 -19
- package/src/views/components/form/select/demo1/demo.vue +39 -39
- package/src/views/components/form/select/demo1/index.vue +11 -11
- package/src/views/components/form/select/demo2/index.vue +6 -6
- package/src/views/components/map/map-coord-picking/_index/index.vue +22 -22
- package/src/views/components/map/map-coord-picking/demo1/demo.vue +23 -23
- package/src/views/components/map/map-coord-picking/demo1/index.vue +11 -11
- package/src/views/run/index.vue +37 -37
- package/vue.config.js +1 -1
|
@@ -4,56 +4,56 @@
|
|
|
4
4
|
</nm-box>
|
|
5
5
|
</template>
|
|
6
6
|
<script>
|
|
7
|
-
export default {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
7
|
+
export default {
|
|
8
|
+
data() {
|
|
9
|
+
return {
|
|
10
|
+
details: {
|
|
11
|
+
action() {
|
|
12
|
+
return new Promise(resolve => {
|
|
13
|
+
resolve({
|
|
14
|
+
id: 1,
|
|
15
|
+
title: '三星Galaxy Node 10',
|
|
16
|
+
price: 6999,
|
|
17
|
+
store: 98989,
|
|
18
|
+
des: `三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy
|
|
19
19
|
Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
|
|
20
20
|
三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
|
|
21
21
|
三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
|
|
22
22
|
三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
|
|
23
23
|
三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10`
|
|
24
|
+
})
|
|
24
25
|
})
|
|
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
|
-
|
|
26
|
+
},
|
|
27
|
+
options: [
|
|
28
|
+
[
|
|
29
|
+
{
|
|
30
|
+
label: '编号',
|
|
31
|
+
prop: 'id'
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
label: '产品名称',
|
|
35
|
+
prop: 'title'
|
|
36
|
+
}
|
|
37
|
+
],
|
|
38
|
+
[
|
|
39
|
+
{
|
|
40
|
+
label: '价格',
|
|
41
|
+
prop: 'price'
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
label: '库存',
|
|
45
|
+
prop: 'store'
|
|
46
|
+
}
|
|
47
|
+
],
|
|
48
|
+
[
|
|
49
|
+
{
|
|
50
|
+
label: '介绍',
|
|
51
|
+
prop: 'des'
|
|
52
|
+
}
|
|
53
|
+
]
|
|
53
54
|
]
|
|
54
|
-
|
|
55
|
+
}
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
|
-
}
|
|
59
59
|
</script>
|
|
@@ -5,17 +5,17 @@
|
|
|
5
5
|
</nm-container>
|
|
6
6
|
</template>
|
|
7
7
|
<script>
|
|
8
|
-
import page from './page.js'
|
|
9
|
-
import Demo from './demo'
|
|
10
|
-
import code from '!!raw-loader!./demo'
|
|
11
|
-
export default {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
import page from './page.js'
|
|
9
|
+
import Demo from './demo'
|
|
10
|
+
import code from '!!raw-loader!./demo'
|
|
11
|
+
export default {
|
|
12
|
+
name: page.name,
|
|
13
|
+
components: { Demo },
|
|
14
|
+
data() {
|
|
15
|
+
return {
|
|
16
|
+
timer: null,
|
|
17
|
+
code
|
|
18
|
+
}
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
|
-
}
|
|
21
21
|
</script>
|
|
@@ -2,23 +2,23 @@
|
|
|
2
2
|
<nm-tmpl v-bind="tmpl"></nm-tmpl>
|
|
3
3
|
</template>
|
|
4
4
|
<script>
|
|
5
|
-
import page from './page.js'
|
|
6
|
-
import attrs from './data/attrs.js'
|
|
7
|
-
import events from './data/events'
|
|
8
|
-
export default {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
5
|
+
import page from './page.js'
|
|
6
|
+
import attrs from './data/attrs.js'
|
|
7
|
+
import events from './data/events'
|
|
8
|
+
export default {
|
|
9
|
+
name: page.name,
|
|
10
|
+
data() {
|
|
11
|
+
return {
|
|
12
|
+
tmpl: {
|
|
13
|
+
title: '拖动排序(nm-drag-sort)',
|
|
14
|
+
icon: 'list',
|
|
15
|
+
attrs,
|
|
16
|
+
events
|
|
17
|
+
}
|
|
17
18
|
}
|
|
19
|
+
},
|
|
20
|
+
created() {
|
|
21
|
+
this.setTabName(this.tmpl.title)
|
|
18
22
|
}
|
|
19
|
-
},
|
|
20
|
-
created() {
|
|
21
|
-
this.setTabName(this.tmpl.title)
|
|
22
23
|
}
|
|
23
|
-
}
|
|
24
24
|
</script>
|
|
@@ -11,24 +11,24 @@
|
|
|
11
11
|
</nm-box>
|
|
12
12
|
</template>
|
|
13
13
|
<script>
|
|
14
|
-
export default {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
14
|
+
export default {
|
|
15
|
+
data() {
|
|
16
|
+
let list = []
|
|
17
|
+
for (var i = 1; i < 10; i++) {
|
|
18
|
+
list.push({
|
|
19
|
+
id: i,
|
|
20
|
+
label: `第${i}个`,
|
|
21
|
+
sort: i
|
|
22
|
+
})
|
|
23
|
+
}
|
|
24
|
+
return {
|
|
25
|
+
list
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
computed: {
|
|
29
|
+
listJson() {
|
|
30
|
+
return JSON.stringify(this.list, null, 2)
|
|
31
|
+
}
|
|
31
32
|
}
|
|
32
33
|
}
|
|
33
|
-
}
|
|
34
34
|
</script>
|
|
@@ -5,17 +5,17 @@
|
|
|
5
5
|
</nm-container>
|
|
6
6
|
</template>
|
|
7
7
|
<script>
|
|
8
|
-
import page from './page.js'
|
|
9
|
-
import Demo from './demo'
|
|
10
|
-
import code from '!!raw-loader!./demo'
|
|
11
|
-
export default {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
import page from './page.js'
|
|
9
|
+
import Demo from './demo'
|
|
10
|
+
import code from '!!raw-loader!./demo'
|
|
11
|
+
export default {
|
|
12
|
+
name: page.name,
|
|
13
|
+
components: { Demo },
|
|
14
|
+
data() {
|
|
15
|
+
return {
|
|
16
|
+
timer: null,
|
|
17
|
+
code
|
|
18
|
+
}
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
|
-
}
|
|
21
21
|
</script>
|
|
@@ -6,23 +6,23 @@
|
|
|
6
6
|
</nm-tmpl>
|
|
7
7
|
</template>
|
|
8
8
|
<script>
|
|
9
|
-
import page from './page.js'
|
|
10
|
-
import attrs from './data/attrs.js'
|
|
11
|
-
import events from './data/events'
|
|
12
|
-
export default {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
9
|
+
import page from './page.js'
|
|
10
|
+
import attrs from './data/attrs.js'
|
|
11
|
+
import events from './data/events'
|
|
12
|
+
export default {
|
|
13
|
+
name: page.name,
|
|
14
|
+
data() {
|
|
15
|
+
return {
|
|
16
|
+
tmpl: {
|
|
17
|
+
title: '拖动排序对话框(nm-drag-sort-dialog)',
|
|
18
|
+
icon: 'list',
|
|
19
|
+
attrs,
|
|
20
|
+
events
|
|
21
|
+
}
|
|
21
22
|
}
|
|
23
|
+
},
|
|
24
|
+
created() {
|
|
25
|
+
this.setTabName(this.tmpl.title)
|
|
22
26
|
}
|
|
23
|
-
},
|
|
24
|
-
created() {
|
|
25
|
-
this.setTabName(this.tmpl.title)
|
|
26
27
|
}
|
|
27
|
-
}
|
|
28
28
|
</script>
|
|
@@ -5,32 +5,32 @@
|
|
|
5
5
|
</nm-box>
|
|
6
6
|
</template>
|
|
7
7
|
<script>
|
|
8
|
-
export default {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
methods: {
|
|
15
|
-
query() {
|
|
16
|
-
let options = []
|
|
17
|
-
for (var i = 1; i < 10; i++) {
|
|
18
|
-
options.push({
|
|
19
|
-
id: i,
|
|
20
|
-
label: `第${i}个`,
|
|
21
|
-
sort: i
|
|
22
|
-
})
|
|
8
|
+
export default {
|
|
9
|
+
data() {
|
|
10
|
+
return {
|
|
11
|
+
show: false
|
|
23
12
|
}
|
|
24
|
-
|
|
25
|
-
return new Promise(resolve => {
|
|
26
|
-
resolve({ options })
|
|
27
|
-
})
|
|
28
13
|
},
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
14
|
+
methods: {
|
|
15
|
+
query() {
|
|
16
|
+
let options = []
|
|
17
|
+
for (var i = 1; i < 10; i++) {
|
|
18
|
+
options.push({
|
|
19
|
+
id: i,
|
|
20
|
+
label: `第${i}个`,
|
|
21
|
+
sort: i
|
|
22
|
+
})
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return new Promise(resolve => {
|
|
26
|
+
resolve({ options })
|
|
27
|
+
})
|
|
28
|
+
},
|
|
29
|
+
update() {
|
|
30
|
+
return new Promise(resolve => {
|
|
31
|
+
resolve({ code: 1, data: '' })
|
|
32
|
+
})
|
|
33
|
+
}
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
|
-
}
|
|
36
36
|
</script>
|
|
@@ -5,17 +5,17 @@
|
|
|
5
5
|
</nm-container>
|
|
6
6
|
</template>
|
|
7
7
|
<script>
|
|
8
|
-
import page from './page.js'
|
|
9
|
-
import Demo from './demo'
|
|
10
|
-
import code from '!!raw-loader!./demo'
|
|
11
|
-
export default {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
import page from './page.js'
|
|
9
|
+
import Demo from './demo'
|
|
10
|
+
import code from '!!raw-loader!./demo'
|
|
11
|
+
export default {
|
|
12
|
+
name: page.name,
|
|
13
|
+
components: { Demo },
|
|
14
|
+
data() {
|
|
15
|
+
return {
|
|
16
|
+
timer: null,
|
|
17
|
+
code
|
|
18
|
+
}
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
|
-
}
|
|
21
21
|
</script>
|
|
@@ -60,28 +60,28 @@
|
|
|
60
60
|
</nm-tmpl>
|
|
61
61
|
</template>
|
|
62
62
|
<script>
|
|
63
|
-
import page from './page.js'
|
|
64
|
-
import attrs from './data/attrs.js'
|
|
65
|
-
import slots from './data/slots.js'
|
|
66
|
-
import methods from './data/methods.js'
|
|
67
|
-
import events from './data/events.js'
|
|
68
|
-
export default {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
63
|
+
import page from './page.js'
|
|
64
|
+
import attrs from './data/attrs.js'
|
|
65
|
+
import slots from './data/slots.js'
|
|
66
|
+
import methods from './data/methods.js'
|
|
67
|
+
import events from './data/events.js'
|
|
68
|
+
export default {
|
|
69
|
+
name: page.name,
|
|
70
|
+
data() {
|
|
71
|
+
return {
|
|
72
|
+
val: '',
|
|
73
|
+
tmpl: {
|
|
74
|
+
title: '列表页(nm-list)',
|
|
75
|
+
icon: 'card',
|
|
76
|
+
attrs,
|
|
77
|
+
slots,
|
|
78
|
+
methods,
|
|
79
|
+
events
|
|
80
|
+
}
|
|
80
81
|
}
|
|
82
|
+
},
|
|
83
|
+
created() {
|
|
84
|
+
this.setTabName(this.tmpl.title)
|
|
81
85
|
}
|
|
82
|
-
},
|
|
83
|
-
created() {
|
|
84
|
-
this.setTabName(this.tmpl.title)
|
|
85
86
|
}
|
|
86
|
-
}
|
|
87
87
|
</script>
|
|
@@ -13,78 +13,78 @@
|
|
|
13
13
|
</nm-list>
|
|
14
14
|
</template>
|
|
15
15
|
<script>
|
|
16
|
-
export default {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
},
|
|
28
|
-
cols: [
|
|
29
|
-
{
|
|
30
|
-
name: 'id',
|
|
31
|
-
label: '编号',
|
|
32
|
-
show: false
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
name: 'name',
|
|
36
|
-
label: '姓名'
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
name: 'age',
|
|
40
|
-
label: '年龄'
|
|
16
|
+
export default {
|
|
17
|
+
data() {
|
|
18
|
+
return {
|
|
19
|
+
list: {
|
|
20
|
+
title: '简单列表',
|
|
21
|
+
icon: 'list',
|
|
22
|
+
action: this.query,
|
|
23
|
+
rowKey: 'id',
|
|
24
|
+
treeProps: { children: 'children', hasChildren: 'hasChildren' },
|
|
25
|
+
model: {
|
|
26
|
+
name: ''
|
|
41
27
|
},
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
query() {
|
|
53
|
-
const rows = [
|
|
54
|
-
{ id: 1, name: '张三', age: 22, birthday: '1991-1-8' },
|
|
55
|
-
{
|
|
56
|
-
id: 2,
|
|
57
|
-
name: '李四',
|
|
58
|
-
age: 26,
|
|
59
|
-
birthday: '1991-1-8 10:33',
|
|
60
|
-
children: [
|
|
28
|
+
cols: [
|
|
29
|
+
{
|
|
30
|
+
name: 'id',
|
|
31
|
+
label: '编号',
|
|
32
|
+
show: false
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
name: 'name',
|
|
36
|
+
label: '姓名'
|
|
37
|
+
},
|
|
61
38
|
{
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
birthday: '2016-05-01',
|
|
65
|
-
name: '王小虎'
|
|
39
|
+
name: 'age',
|
|
40
|
+
label: '年龄'
|
|
66
41
|
},
|
|
67
42
|
{
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
name: '王小虎'
|
|
43
|
+
name: 'birthday',
|
|
44
|
+
label: '出生日期',
|
|
45
|
+
format: 'YYYY年MM月DD日'
|
|
72
46
|
}
|
|
73
47
|
]
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
]
|
|
77
|
-
return new Promise(resolve => {
|
|
78
|
-
resolve({
|
|
79
|
-
rows,
|
|
80
|
-
total: 3
|
|
81
|
-
})
|
|
82
|
-
})
|
|
48
|
+
}
|
|
49
|
+
}
|
|
83
50
|
},
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
51
|
+
methods: {
|
|
52
|
+
query() {
|
|
53
|
+
const rows = [
|
|
54
|
+
{ id: 1, name: '张三', age: 22, birthday: '1991-1-8' },
|
|
55
|
+
{
|
|
56
|
+
id: 2,
|
|
57
|
+
name: '李四',
|
|
58
|
+
age: 26,
|
|
59
|
+
birthday: '1991-1-8 10:33',
|
|
60
|
+
children: [
|
|
61
|
+
{
|
|
62
|
+
id: 31,
|
|
63
|
+
age: 29,
|
|
64
|
+
birthday: '2016-05-01',
|
|
65
|
+
name: '王小虎'
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
id: 32,
|
|
69
|
+
age: 78,
|
|
70
|
+
birthday: '2016-05-01',
|
|
71
|
+
name: '王小虎'
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
{ id: 3, name: '王五', age: 26, birthday: '1991-1-8' }
|
|
76
|
+
]
|
|
77
|
+
return new Promise(resolve => {
|
|
78
|
+
resolve({
|
|
79
|
+
rows,
|
|
80
|
+
total: 3
|
|
81
|
+
})
|
|
82
|
+
})
|
|
83
|
+
},
|
|
84
|
+
remove() {},
|
|
85
|
+
onSuccess() {
|
|
86
|
+
this.query()
|
|
87
|
+
}
|
|
87
88
|
}
|
|
88
89
|
}
|
|
89
|
-
}
|
|
90
90
|
</script>
|
|
@@ -5,17 +5,17 @@
|
|
|
5
5
|
</nm-container>
|
|
6
6
|
</template>
|
|
7
7
|
<script>
|
|
8
|
-
import page from './page.js'
|
|
9
|
-
import Demo from './demo'
|
|
10
|
-
import code from '!!raw-loader!./demo'
|
|
11
|
-
export default {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
import page from './page.js'
|
|
9
|
+
import Demo from './demo'
|
|
10
|
+
import code from '!!raw-loader!./demo'
|
|
11
|
+
export default {
|
|
12
|
+
name: page.name,
|
|
13
|
+
components: { Demo },
|
|
14
|
+
data() {
|
|
15
|
+
return {
|
|
16
|
+
timer: null,
|
|
17
|
+
code
|
|
18
|
+
}
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
|
-
}
|
|
21
21
|
</script>
|