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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
| <template>
| <div class="main_app">
| <QueryForm
| v-model="filters"
| :query-form-config="queryFormConfig"
| @handleQuery="getList(1)"
| @clear="clear"
| />
| <el-table v-loading="loading" :data="list" stripe>
| <el-table-column
| prop="name"
| label="申请人"
| min-width="100"
| show-overflow-tooltip
| />
| <el-table-column
| prop="name"
| label="组织"
| min-width="100"
| show-overflow-tooltip
| />
| <el-table-column
| prop="name"
| label="车牌照"
| min-width="100"
| show-overflow-tooltip
| />
| <el-table-column
| prop="name"
| label="用车时间"
| min-width="80"
| show-overflow-tooltip
| />
| <el-table-column
| prop="name"
| label="出发时间"
| min-width="100"
| show-overflow-tooltip
| />
| <el-table-column
| prop="name"
| label="目的地类别"
| min-width="110"
| show-overflow-tooltip
| />
| <el-table-column
| prop="name"
| label="目的地"
| min-width="100"
| show-overflow-tooltip
| />
| <el-table-column
| prop="name"
| label="申请状态"
| min-width="80"
| show-overflow-tooltip
| />
| <el-table-column
| prop="name"
| label="操作"
| min-width="80"
| show-overflow-tooltip
| >
| <template>
| <el-button type="text">查看详情</el-button>
| </template>
| </el-table-column>
| </el-table>
| <pagination
| @size-change="handleSizeChange"
| @current-change="getList"
| :pagination="pagination"
| />
| </div>
| </template>
|
| <script>
| import Pagination from '@/components/common/Pagination'
| import QueryForm from '@/components/common/QueryForm'
| export default {
| components: {
| Pagination,
| QueryForm
| },
| data () {
| return {
| filters: {},
| loading: false,
| queryFormConfig: {
| formItems: [
| {
| filed: 'name',
| type: 'input',
| label: '申请人姓名'
| },
| {
| filed: 'idCard',
| type: 'input',
| label: '车牌照'
| },
| {
| filed: 'name',
| type: 'select',
| label: '目的地类别',
| options: []
| },
| {
| filed: 'name',
| type: 'datetimerange',
| label: '出发时间',
| options: []
| }
| ],
| online: true
| },
| pagination: {
| capacity: 10,
| page: 1
| },
| list: [],
| total: 0
| }
| },
| methods: {
| getList (page) { },
| clear () { },
| handleSizeChange (capacity) {
| this.pagination.capacity = capacity
| }
| }
| }
| </script>
|
| <style>
| </style>
|
|
