| | |
| | | <el-radio label="2">全部</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="页码" style="display: none;" prop="pageNumber"><el-input v-model="exportParams.pageNumber" /></el-form-item> |
| | | <el-form-item label="页码" style="display: none;" prop="pageNum"><el-input v-model="exportParams.pageNum" /></el-form-item> |
| | | <el-form-item label="步长" style="display: none;" prop="pageSize"><el-input v-model="exportParams.pageSize" /></el-form-item> |
| | | </el-form> |
| | | <div style="text-align: right; margin: 0"> |
| | |
| | | <!--序号 有分页时--> |
| | | <el-table-column v-if="myTable.showIndex && myTable.paging.page.pageSize != undefined" label="序号" align="center" width="60"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.$index + (myTable.paging.page.pageNumber - 1) * myTable.paging.page.pageSize + 1 }}</span> |
| | | <span>{{ scope.$index + (myTable.paging.page.pageNum - 1) * myTable.paging.page.pageSize + 1 }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | |
| | | </el-table> |
| | | <el-pagination |
| | | :small="myTable.paging.page.small" |
| | | :current-page="myTable.paging.page.pageNumber" |
| | | :current-page="myTable.paging.page.pageNum" |
| | | :page-sizes="[5, 10, 20, 50, 100, 200, 300, 400, 500]" |
| | | :page-size="myTable.paging.page.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | |
| | | }, |
| | | data() { |
| | | const validatepageNumber = (rule, value, callback) => { |
| | | if (!valid.isNotEmpty(this.exportParams.pageNumber)) { |
| | | if (!valid.isNotEmpty(this.exportParams.pageNum)) { |
| | | callback(new Error('请输入页码')) |
| | | } else if (!valid.isInteger(this.exportParams.pageNumber)) { |
| | | } else if (!valid.isInteger(this.exportParams.pageNum)) { |
| | | callback(new Error('页码为正整数')) |
| | | } else { |
| | | callback() |
| | |
| | | // 分页信息 |
| | | page: { |
| | | small: false, |
| | | pageNumber: 1, |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | total: 0 |
| | | } |
| | |
| | | fileName: '', |
| | | fileFormat: '.xls', |
| | | page: '2', |
| | | pageNumber: 1, |
| | | pageNum: 1, |
| | | pageSize: 20000 |
| | | }, |
| | | // 导出表单校验 |
| | | rules: { |
| | | fileName: [{ required: true, validator: validatefileName, trigger: 'blur' }], |
| | | pageNumber: [{ required: true, validator: validatepageNumber, trigger: 'blur' }], |
| | | pageNum: [{ required: true, validator: validatepageNumber, trigger: 'blur' }], |
| | | pageSize: [{ required: true, validator: validatepageSize, trigger: 'blur' }] |
| | | }, |
| | | timeStamp: new Date().getTime() |
| | |
| | | }, |
| | | watch: { |
| | | filter(val) { |
| | | this.search({ pageNumber: 1 }) |
| | | this.search({ pageNum: 1 }) |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | if (this.myTable.paging.page === undefined) { |
| | | this.$set(this.myTable.paging, 'page', { |
| | | small: false, |
| | | pageNumber: 1, |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | total: 0 |
| | | }) |
| | |
| | | }) |
| | | this.$nextTick(() => { |
| | | if (this.myTable.autoLoad) { |
| | | this.search({ pageNumber: 1 }) |
| | | this.search({ pageNum: 1 }) |
| | | } |
| | | }) |
| | | } |
| | |
| | | this.myTable.loading = true |
| | | const params = Object.assign({}, this.filter) |
| | | params.pageSize = this.myTable.paging.page.pageSize |
| | | if (param && param.pageNumber) { |
| | | this.myTable.paging.page.pageNumber = param.pageNumber |
| | | if (param && param.pageNum) { |
| | | this.myTable.paging.page.pageNum = param.pageNum |
| | | } |
| | | params.pageNumber = this.myTable.paging.page.pageNumber |
| | | params.pageNum = this.myTable.paging.page.pageNum |
| | | request({ |
| | | url: this.myTable.url, |
| | | method: 'get', |
| | | params: params |
| | | }).then(res => { |
| | | if (res.data.rows) { |
| | | this.$set(this.myTable, 'rows', res.data.rows) |
| | | if (res.data) { |
| | | this.$set(this.myTable, 'rows', res.data.datas); |
| | | } |
| | | this.$set( |
| | | this.myTable.paging, |
| | | 'page', |
| | | Object.assign(this.myTable.paging.page, { |
| | | pageSize: res.data.pageSize, |
| | | pageNumber: res.data.pageNumber, |
| | | total: res.data.total |
| | | pageNum: res.data.pageIndex, |
| | | total: res.data.totalRows |
| | | }) |
| | | ) |
| | | this.myTable.loading = false |
| | |
| | | */ |
| | | handleSizeChange(pageSize) { |
| | | this.myTable.paging.page.pageSize = pageSize |
| | | this.search({ pageNumber: 1 }) |
| | | this.search({ pageNum: 1 }) |
| | | }, |
| | | /* |
| | | * @Author : liu.q [916000612@qq.com] |
| | | * @Date : 2019-07-17 14:22 |
| | | * @Description :切换pageNumber |
| | | */ |
| | | handleCurrentChange(pageNumber) { |
| | | this.myTable.paging.page.pageNumber = pageNumber |
| | | this.search({ pageNumber: pageNumber }) |
| | | handleCurrentChange(pageNum) { |
| | | this.myTable.paging.page.pageNum = pageNum |
| | | this.search({ pageNum: pageNum }) |
| | | }, |
| | | /* |
| | | * @Author : liu.q [916000612@qq.com] |
| | |
| | | JSON.stringify( |
| | | Object.assign( |
| | | { |
| | | pageNumber: this.exportParams.pageNumber, |
| | | pageNum: this.exportParams.pageNum, |
| | | pageSize: this.exportParams.pageSize |
| | | }, |
| | | this.filter |