fix:每个分页的条数改为20

This commit is contained in:
xiongchengqiang 2020-05-20 16:24:24 +08:00
parent 66d2716924
commit 7884b74565
9 changed files with 119 additions and 105 deletions

View File

@ -1,9 +1,5 @@
<template> <template>
<el-dialog <el-dialog title="日志列表" :close-on-click-modal="false" :visible.sync="visible" width="75%">
title="日志列表"
:close-on-click-modal="false"
:visible.sync="visible"
width="75%">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="handleGetTableList()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="handleGetTableList()">
<el-form-item> <el-form-item>
<el-input v-model="dataForm.id" placeholder="任务ID" clearable></el-input> <el-input v-model="dataForm.id" placeholder="任务ID" clearable></el-input>
@ -20,11 +16,23 @@
<el-table-column prop="status" header-align="center" align="center" label="状态"> <el-table-column prop="status" header-align="center" align="center" label="状态">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.status === 0" size="small">成功</el-tag> <el-tag v-if="scope.row.status === 0" size="small">成功</el-tag>
<el-tag v-else @click.native="handleShowErrorInfo(scope.row.logId)" size="small" type="danger" style="cursor: pointer;">失败</el-tag> <el-tag
v-else
@click.native="handleShowErrorInfo(scope.row.logId)"
size="small"
type="danger"
style="cursor: pointer;"
>失败</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="times" header-align="center" align="center" label="耗时(单位: 毫秒)"></el-table-column> <el-table-column prop="times" header-align="center" align="center" label="耗时(单位: 毫秒)"></el-table-column>
<el-table-column prop="createTime" header-align="center" align="center" width="180" label="执行时间"></el-table-column> <el-table-column
prop="createTime"
header-align="center"
align="center"
width="180"
label="执行时间"
></el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
@size-change="handleChangeSize" @size-change="handleChangeSize"
@ -33,15 +41,15 @@
:page-sizes="[10, 20, 50, 100]" :page-sizes="[10, 20, 50, 100]"
:page-size="pageSize" :page-size="pageSize"
:total="totalPage" :total="totalPage"
layout="total, sizes, prev, pager, next, jumper"> layout="total, sizes, prev, pager, next, jumper"
</el-pagination> ></el-pagination>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { apiSysScheduleLogList, apiSysScheduleLogInfo } from '@/api/api_sys' import { apiSysScheduleLogList, apiSysScheduleLogInfo } from '@/api/api_sys'
export default { export default {
data () { data () {
return { return {
visible: false, visible: false,
@ -50,7 +58,7 @@
}, },
dataList: [], dataList: [],
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 20,
totalPage: 0, totalPage: 0,
dataListLoading: false dataListLoading: false
} }
@ -99,5 +107,5 @@
}) })
} }
} }
} }
</script> </script>

View File

@ -121,7 +121,7 @@ export default {
}, },
dataList: [], dataList: [],
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 20,
totalPage: 0, totalPage: 0,
dataListLoading: false, dataListLoading: false,
dataListSelections: [], dataListSelections: [],

View File

@ -61,7 +61,7 @@ export default {
dataForm: {}, dataForm: {},
dataList: [], dataList: [],
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 20,
totalPage: 0, totalPage: 0,
dataListLoading: false, dataListLoading: false,
dataListSelections: [], dataListSelections: [],

View File

@ -35,8 +35,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" :loading="loading" @click="getTable">查询</el-button> <el-button type="primary" :loading="loading" @click="handleGetTable">查询</el-button>
<el-button :loading="loading" @click="clear">重置</el-button> <el-button @click="clear">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -77,6 +77,7 @@
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="query.currentPage" :current-page.sync="query.currentPage"
:page-sizes="[10, 20, 50]" :page-sizes="[10, 20, 50]"
:page-size="query.limit"
layout="total, sizes, prev, pager, next" layout="total, sizes, prev, pager, next"
:total="query.pageTotal" :total="query.pageTotal"
></el-pagination> ></el-pagination>
@ -146,7 +147,7 @@ export default {
loading: false, loading: false,
query: { query: {
page: 1, page: 1,
limit: 10, limit: 20,
pageTotal: 0, pageTotal: 0,
departmentId: null departmentId: null
} }
@ -179,25 +180,21 @@ export default {
} else { } else {
this.$message.error(result.msg) this.$message.error(result.msg)
} }
console.log('result: ', result)
}, },
handleNodeClick (data) { handleNodeClick (data) {
// highlight - current // highlight - current
this.query.departmentId = data.departmentId this.query.departmentId = data.departmentId
this.handleGetTableList() this.handleGetTableList()
console.log('data', data)
}, },
// //
async handleGetMenuList () { async handleGetMenuList () {
const result = await apiOrganizationList() const result = await apiOrganizationList()
console.log('result: ', result)
this.menuList = result this.menuList = result
}, },
// { page: 0, limit: 5 } // { page: 0, limit: 5 }
async handleGetTableList (id) { async handleGetTableList (id) {
this.loading = true let result = await apiEmployeesList(Object.assign({}, this.query, { limit: this.query.limit }))
let result = await apiEmployeesList(Object.assign({}, this.query, { limit: this.query.pageSize }))
console.log('result: ', result)
if (result.code === 0) { if (result.code === 0) {
this.tableData = result.page.list this.tableData = result.page.list
this.query.pageTotal = result.page.totalCount this.query.pageTotal = result.page.totalCount
@ -216,17 +213,18 @@ export default {
this.$refs.treeList.setCurrentKey() this.$refs.treeList.setCurrentKey()
this.handleGetTableList() this.handleGetTableList()
}, },
getTable () { async handleGetTable () {
this.query.page = 1 this.query.page = 1
this.handleGetTableList() this.loading = true
await this.handleGetTableList()
this.loading = false
}, },
handleCurrentChange (val) { handleCurrentChange (val) {
console.log('val: ', val)
this.query.page = val this.query.page = val
this.handleGetTableList() this.handleGetTableList()
}, },
handleSizeChange (val) { handleSizeChange (val) {
this.query.pageSize = val this.query.limit = val
this.handleGetTableList() this.handleGetTableList()
}, },
// //
@ -234,7 +232,6 @@ export default {
console.log(tab, event) console.log(tab, event)
}, },
async handleView (data) { async handleView (data) {
console.log('data: ', data)
await this.getEmployeesInfo(data.staffId) await this.getEmployeesInfo(data.staffId)
} }
} }

View File

@ -1,6 +1,7 @@
<!-- --> <!-- -->
<template> <template>
<div class="staff-archives"> <div class="staff-archives">
<el-main :loding="true">
<el-card> <el-card>
<query-form @submit="submit" /> <query-form @submit="submit" />
</el-card> </el-card>
@ -21,6 +22,7 @@
<chart-form :dataInfo="dataInfo.educationDistribution" title="学历分布" /> <chart-form :dataInfo="dataInfo.educationDistribution" title="学历分布" />
</el-card> </el-card>
</div> </div>
</el-main>
</div> </div>
</template> </template>
@ -59,7 +61,14 @@ export default {
}, },
// //
async initData () { async initData () {
this.handleGetEmployeessItuation() const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
await this.handleGetEmployeessItuation()
loading.close()
}, },
submit (data) { submit (data) {
this.handleGetEmployeessItuation(data) this.handleGetEmployeessItuation(data)

View File

@ -63,7 +63,7 @@ export default {
}, },
dataList: [], dataList: [],
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 20,
totalPage: 0, totalPage: 0,
dataListLoading: false, dataListLoading: false,
dataListSelections: [], dataListSelections: [],

View File

@ -61,7 +61,7 @@ export default {
}, },
dataList: [], dataList: [],
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 20,
totalPage: 0, totalPage: 0,
dataListLoading: false, dataListLoading: false,
selectionDataList: [] selectionDataList: []

View File

@ -86,7 +86,7 @@ export default {
}, },
dataList: [], dataList: [],
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 20,
totalPage: 0, totalPage: 0,
dataListLoading: false, dataListLoading: false,
dataListSelections: [], dataListSelections: [],

View File

@ -87,7 +87,7 @@ export default {
}, },
dataList: [], dataList: [],
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 20,
totalPage: 0, totalPage: 0,
dataListLoading: false, dataListLoading: false,
dataListSelections: [], dataListSelections: [],