|  |  |  | 
|---|
|  |  |  | <div class="main_app"> | 
|---|
|  |  |  | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear"> | 
|---|
|  |  |  | </QueryForm> | 
|---|
|  |  |  | <el-table v-loading="loading" :data="list" stripe row-key="id" class="mb20" default-expand-all> | 
|---|
|  |  |  | <el-table :height="tableHeightNew" v-loading="loading" :data="list" stripe row-key="id" class="mb20" default-expand-all> | 
|---|
|  |  |  | <el-table-column prop="username" label="登录账号" min-width="100"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="realname" label="姓名" min-width="100"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="mobile" label="手机号" min-width="100"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="openid" label="微信openid" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createTime" label="创建时间" sortable="custom" sort-by="CREATE_TIME" min-width="140px"></el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import QueryForm from '@/components/common/QueryForm' | 
|---|
|  |  |  | import { fetchList } from '@/api/system/user.js' | 
|---|
|  |  |  | import { pageDriverList  } from '@/api/system/user.js' | 
|---|
|  |  |  | import BaseComputHeight from '@/components/base/BaseComputHeight' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | extends: BaseComputHeight, | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | QueryForm, | 
|---|
|  |  |  | Pagination | 
|---|
|  |  |  | 
|---|
|  |  |  | getList(page) { | 
|---|
|  |  |  | const { filters, pagination } = this | 
|---|
|  |  |  | pagination.page = page || pagination.page | 
|---|
|  |  |  | fetchList({ | 
|---|
|  |  |  | pageDriverList({ | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | ...filters, | 
|---|
|  |  |  | //  memberType: 0 | 
|---|
|  |  |  | type: 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ...pagination | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | clear() { | 
|---|
|  |  |  | this.filters = {} | 
|---|
|  |  |  | this.getList(0) | 
|---|
|  |  |  | this.getList(1) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange(capacity) { | 
|---|
|  |  |  | this.pagination.capacity = capacity | 
|---|
|  |  |  | this.getList(0) | 
|---|
|  |  |  | this.getList(1) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss" scoped></style> | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | ::v-deep .el-table{ | 
|---|
|  |  |  | margin-bottom: 60px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </style> | 
|---|