|  |  | 
 |  |  |   <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> |