|
@@ -17,7 +17,7 @@
|
17
|
17
|
</div>
|
18
|
18
|
</div>
|
19
|
19
|
<el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
|
20
|
|
- <el-table-column :label="member.name" align="center">
|
|
20
|
+ <el-table-column :label="this.data.thirdLayer.name" align="center">
|
21
|
21
|
<el-table-column label="操作人員" align="center">
|
22
|
22
|
<template slot-scope="scope">
|
23
|
23
|
{{scope.row.admin}}
|
|
@@ -47,8 +47,8 @@
|
47
|
47
|
</el-table>
|
48
|
48
|
|
49
|
49
|
<div v-show="!listLoading" class="pagination-container">
|
50
|
|
- <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
|
51
|
|
- :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
|
|
50
|
+ <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="query.thirdLayer.page"
|
|
51
|
+ :page-sizes="[10,20,30, 50]" :page-size="query.thirdLayer.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
|
52
|
52
|
</el-pagination>
|
53
|
53
|
</div>
|
54
|
54
|
</div>
|
|
@@ -73,12 +73,12 @@ export default {
|
73
|
73
|
dialogList: null,
|
74
|
74
|
total: null,
|
75
|
75
|
listLoading: true,
|
76
|
|
- listQuery: {
|
77
|
|
- page: 1,
|
78
|
|
- limit: 20,
|
79
|
|
- startAt: null,
|
80
|
|
- endAt: null
|
81
|
|
- },
|
|
76
|
+ // listQuery: {
|
|
77
|
+ // page: 1,
|
|
78
|
+ // limit: 20,
|
|
79
|
+ // startAt: null,
|
|
80
|
+ // endAt: null
|
|
81
|
+ // },
|
82
|
82
|
pickerOptions: {
|
83
|
83
|
shortcuts: [{
|
84
|
84
|
text: '本週',
|
|
@@ -96,51 +96,62 @@ export default {
|
96
|
96
|
}
|
97
|
97
|
}]
|
98
|
98
|
},
|
99
|
|
- date: null,
|
|
99
|
+ date: [],
|
100
|
100
|
dialogFormVisible: false
|
101
|
101
|
|
102
|
102
|
}
|
103
|
103
|
},
|
104
|
104
|
created() {
|
|
105
|
+ this.date = this.p_date
|
105
|
106
|
this.SetVisible(3)
|
106
|
107
|
this.getList()
|
107
|
108
|
},
|
108
|
|
- props: ['member'],
|
|
109
|
+ // props: ['member'],
|
109
|
110
|
computed: {
|
110
|
111
|
...mapGetters([
|
111
|
|
- 'visible'
|
|
112
|
+ 'visible',
|
|
113
|
+ 'data',
|
|
114
|
+ 'query',
|
|
115
|
+ 'p_date'
|
112
|
116
|
])
|
113
|
117
|
},
|
114
|
118
|
methods: {
|
115
|
119
|
...mapActions([
|
116
|
|
- 'SetVisible'
|
|
120
|
+ 'SetVisible',
|
|
121
|
+ 'SetData',
|
|
122
|
+ 'SetQuery',
|
|
123
|
+ 'SetDate'
|
117
|
124
|
]),
|
118
|
125
|
getList() {
|
119
|
126
|
this.listLoading = true
|
120
|
|
- console.log('wwww',this.member)
|
121
|
|
- fetchChipsHistory(this.member, this.listQuery).then(response => {
|
|
127
|
+ fetchChipsHistory(this.data.thirdLayer, this.query.thirdLayer).then(response => {
|
122
|
128
|
this.list = response.data
|
123
|
129
|
this.total = response.data.length
|
124
|
130
|
this.listLoading = false
|
125
|
131
|
})
|
126
|
132
|
},
|
127
|
133
|
handleFilter() {
|
128
|
|
- this.listQuery.page = 1
|
129
|
|
- if (this.date) {
|
130
|
|
- this.listQuery.startAt = moment.utc(this.date[0]).format()
|
131
|
|
- this.listQuery.endAt = moment.utc(this.date[1]).format()
|
|
134
|
+ if (this.p_date) {
|
|
135
|
+ this.SetQuery({layer:3, query: {page: 1,startAt: moment.utc(this.p_date[0]).format(), endAt: moment.utc(this.p_date[1]).format()}})
|
132
|
136
|
} else {
|
133
|
|
- this.listQuery.startAt = null
|
134
|
|
- this.listQuery.endAt = null
|
|
137
|
+ this.SetQuery({layer:3, query: {page: 1,startAt: null, endAt: null}})
|
135
|
138
|
}
|
136
|
139
|
this.getList()
|
137
|
140
|
},
|
138
|
141
|
handleSizeChange(val) {
|
139
|
|
- this.listQuery.limit = val
|
|
142
|
+ if (this.p_date) {
|
|
143
|
+ this.SetQuery({layer:3, query: {limit: val, startAt: moment.utc(this.p_date[0]).format(), endAt: moment.utc(this.p_date[1]).format()}})
|
|
144
|
+ } else {
|
|
145
|
+ this.SetQuery({layer:3, query: {limit: val,startAt: null, endAt: null}})
|
|
146
|
+ }
|
140
|
147
|
this.getList()
|
141
|
148
|
},
|
142
|
149
|
handleCurrentChange(val) {
|
143
|
|
- this.listQuery.page = val
|
|
150
|
+ if (this.p_date) {
|
|
151
|
+ this.SetQuery({layer:3, query: {page: val, startAt: moment.utc(this.p_date[0]).format(), endAt: moment.utc(this.p_date[1]).format()}})
|
|
152
|
+ } else {
|
|
153
|
+ this.SetQuery({layer:3, query: {page: val,startAt: null, endAt: null}})
|
|
154
|
+ }
|
144
|
155
|
this.getList()
|
145
|
156
|
},
|
146
|
157
|
moment(time) {
|
|
@@ -163,6 +174,11 @@ export default {
|
163
|
174
|
},
|
164
|
175
|
destroyed() {
|
165
|
176
|
this.SetVisible(2)
|
|
177
|
+ },
|
|
178
|
+ watch: {
|
|
179
|
+ 'date': function(val) {
|
|
180
|
+ this.SetDate(val)
|
|
181
|
+ }
|
166
|
182
|
}
|
167
|
183
|
}
|
168
|
184
|
</script>
|