| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParam" ref="queryForm" :inline="true"> |
| | | <el-form-item label="用户名:"> |
| | | <el-input v-model="queryParam.userName"></el-input> |
| | | <el-form-item label="真实姓名:"> |
| | | <el-input v-model="queryParam.realName"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submitForm">查询</el-button> |
| | |
| | | </el-form> |
| | | |
| | | <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%"> |
| | | <el-table-column prop="id" label="Id" /> |
| | | <el-table-column prop="userName" label="用户名"/> |
| | | <el-table-column prop="realName" label="真实姓名" /> |
| | | <el-table-column prop="sex" label="性别" width="60px;" :formatter="sexFormatter"/> |
| | | <el-table-column label="班级"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="Array.isArray(scope.row.className) && scope.row.className.length > 0"> |
| | | {{ scope.row.className.join(', ') }} |
| | | </span> |
| | | <span v-else>-</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="phone" label="手机号"/> |
| | | <el-table-column prop="createTime" label="创建时间" width="160px"/> |
| | | <el-table-column label="状态" prop="status" width="70px"> |
| | |
| | | data () { |
| | | return { |
| | | queryParam: { |
| | | userName: '', |
| | | realName: '', |
| | | role: 3, |
| | | pageIndex: 1, |
| | | pageSize: 10 |