|
1
|
<template>
|
1
|
<template>
|
|
2
|
<layout-body>
|
2
|
<layout-body>
|
|
3
|
<layout-filter>
|
3
|
<layout-filter>
|
|
4
|
- <filter-item :label="filterOptions.handleActions.label">
|
|
|
|
5
|
- <Select v-model.trim="filters.handleActions">
|
|
|
|
6
|
- <Option v-for="option in filterOptions.handleActions.options"
|
4
|
+ <filter-item :label="filters.subject.label">
|
|
|
|
5
|
+ <Input v-model.trim="filters.subject.model"
|
|
|
|
6
|
+ :placeholder="filters.subject.holder"></Input>
|
|
|
|
7
|
+ </filter-item>
|
|
|
|
8
|
+ <filter-item :label="filters.emergency.label">
|
|
|
|
9
|
+ <Select v-model.trim="filters.emergency.model">
|
|
|
|
10
|
+ <Option v-for="option in filters.emergency.options"
|
|
7
|
:value="option.value"
|
11
|
:value="option.value"
|
|
8
|
:key="option.value">{{option.label}}</Option>
|
12
|
:key="option.value">{{option.label}}</Option>
|
|
9
|
</Select>
|
13
|
</Select>
|
|
10
|
</filter-item>
|
14
|
</filter-item>
|
|
11
|
- <filter-item :label="filterOptions.handleStatus.label">
|
|
|
|
12
|
- <Select v-model.trim="filters.handleStatus">
|
|
|
|
13
|
- <Option v-for="option in filterOptions.handleStatus.options"
|
15
|
+ <filter-item :label="filters.brand.label">
|
|
|
|
16
|
+ <select-brand v-model="filters.brand.model"></select-brand>
|
|
|
|
17
|
+ </filter-item>
|
|
|
|
18
|
+ <filter-item :label="filters.status.label">
|
|
|
|
19
|
+ <Select v-model.trim="filters.status.model">
|
|
|
|
20
|
+ <Option v-for="option in filters.status.options"
|
|
14
|
:value="option.value"
|
21
|
:value="option.value"
|
|
15
|
:key="option.value">{{option.label}}</Option>
|
22
|
:key="option.value">{{option.label}}</Option>
|
|
16
|
</Select>
|
23
|
</Select>
|
|
@@ -22,54 +29,37 @@ |
|
@@ -22,54 +29,37 @@ |
|
22
|
</layout-filter>
|
29
|
</layout-filter>
|
|
23
|
|
30
|
|
|
24
|
<layout-list>
|
31
|
<layout-list>
|
|
25
|
- <Table border :columns="table.cols" :data="table.data"></Table>
|
|
|
|
26
|
- <Page :total="pager.total" :current="pager.current"
|
32
|
+ <Table border :columns="tableColumns" :data="tableDataList"></Table>
|
|
|
|
33
|
+ <Page :total="page.total" :current="page.current"
|
|
27
|
@on-change="pageChange" :page-size="20" show-total></Page>
|
34
|
@on-change="pageChange" :page-size="20" show-total></Page>
|
|
28
|
</layout-list>
|
35
|
</layout-list>
|
|
29
|
</layout-body>
|
36
|
</layout-body>
|
|
30
|
</template>
|
37
|
</template>
|
|
31
|
|
38
|
|
|
32
|
<script>
|
39
|
<script>
|
|
33
|
-import {filterFields, table} from './store';
|
40
|
+import diffData from './store';
|
|
|
|
41
|
+import {SelectBrand} from 'components/select';
|
|
34
|
|
42
|
|
|
35
|
export default {
|
43
|
export default {
|
|
36
|
data() {
|
44
|
data() {
|
|
37
|
- return {
|
|
|
|
38
|
- self: this,
|
|
|
|
39
|
- filters: {
|
|
|
|
40
|
- handleActions: '',
|
|
|
|
41
|
- handleStatus: ''
|
|
|
|
42
|
- },
|
|
|
|
43
|
- filterOptions: filterFields,
|
|
|
|
44
|
- table: {
|
|
|
|
45
|
- cols: table.cols,
|
|
|
|
46
|
- data: []
|
|
|
|
47
|
- },
|
|
|
|
48
|
- pager: {
|
|
|
|
49
|
- total: 0,
|
|
|
|
50
|
- current: 1
|
|
|
|
51
|
- }
|
|
|
|
52
|
- };
|
45
|
+ return diffData.apply(this);
|
|
53
|
},
|
46
|
},
|
|
54
|
created() {
|
47
|
created() {
|
|
55
|
},
|
48
|
},
|
|
56
|
methods: {
|
49
|
methods: {
|
|
57
|
clearFilter() {
|
50
|
clearFilter() {
|
|
58
|
- this.filters.handleActions = '';
|
|
|
|
59
|
- this.filters.handleStatus = '';
|
|
|
|
60
|
},
|
51
|
},
|
|
61
|
filterSearch() {
|
52
|
filterSearch() {
|
|
62
|
|
53
|
|
|
63
|
},
|
54
|
},
|
|
64
|
pageChange() {
|
55
|
pageChange() {
|
|
65
|
-
|
|
|
|
66
|
}
|
56
|
}
|
|
67
|
},
|
57
|
},
|
|
|
|
58
|
+ components: {
|
|
|
|
59
|
+ SelectBrand
|
|
|
|
60
|
+ }
|
|
68
|
};
|
61
|
};
|
|
69
|
</script>
|
62
|
</script>
|
|
70
|
|
63
|
|
|
71
|
<style lang="scss">
|
64
|
<style lang="scss">
|
|
72
|
- .btn-row-space {
|
|
|
|
73
|
- margin-top: 10px;
|
|
|
|
74
|
- }
|
|
|
|
75
|
</style> |
65
|
</style> |
