|  |  | 
 |  |  |   <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="openid" label="微信openid" min-width="100px"></el-table-column> | 
 |  |  | 
 |  |  | import Pagination from '@/components/common/Pagination' | 
 |  |  | import QueryForm from '@/components/common/QueryForm' | 
 |  |  | import { pageDriverList  } from '@/api/system/user.js' | 
 |  |  | import BaseComputHeight from '@/components/base/BaseComputHeight' | 
 |  |  | export default { | 
 |  |  |   extends: BaseComputHeight, | 
 |  |  |   components: { | 
 |  |  |     QueryForm, | 
 |  |  |     Pagination | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     clear() { | 
 |  |  |       this.filters = {} | 
 |  |  |       this.getList(0) | 
 |  |  |       this.getList(1) | 
 |  |  |     }, | 
 |  |  |     handleSizeChange(capacity) { | 
 |  |  |       this.pagination.capacity = capacity | 
 |  |  |       this.getList(0) | 
 |  |  |       this.getList(1) | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } |