朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 e68c0e7e179525c428033abd16f696f2316af24f 1 个父辈 e366b339

选择收发货人页面加分页

内嵌 并排对比
正在显示 2 个修改的文件 包含 57 行增加 和 14 行删除
@@ -45,8 +45,19 @@ @@ -45,8 +45,19 @@
45 </template> 45 </template>
46 </el-table-column> 46 </el-table-column>
47 </el-table> 47 </el-table>
  48 + <el-row style="margin-top: 10px" class="toolbar">
  49 + <el-pagination
  50 + @size-change="handleSizeChange"
  51 + @current-change="handleCurrentChanges"
  52 + :current-page="filters.pageSize"
  53 + :page-size="filters.limitSize"
  54 + :page-sizes="[10, 50, 100, 500]"
  55 + layout="total, sizes, prev, pager, next, jumper"
  56 + :total="total">
  57 + </el-pagination>
  58 + </el-row>
48 <!--编辑界面--> 59 <!--编辑界面-->
49 - <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="coneeVisible" :close-on-click-modal="false" width="80%" text-align="center" tyle="margin-top: -20px"> 60 + <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="coneeVisible" :modal-append-to-body="false" width="80%" text-align="center" tyle="margin-top: -20px">
50 <el-form :model="coneeForm" :rules="coneeRules" ref="coneeForm" label-width="145px" style="margin-top: -10px"> 61 <el-form :model="coneeForm" :rules="coneeRules" ref="coneeForm" label-width="145px" style="margin-top: -10px">
51 <el-row> 62 <el-row>
52 <el-col :span="4" style="display: none"> 63 <el-col :span="4" style="display: none">
@@ -170,12 +181,14 @@ @@ -170,12 +181,14 @@
170 }], 181 }],
171 182
172 filters: { 183 filters: {
173 - companyName: '' 184 + companyName: '',
  185 + // 每页大小
  186 + limitSize: 10,
  187 + // 当前页数
  188 + pageSize: 1,
174 }, 189 },
175 consignerList: [], 190 consignerList: [],
176 total: 0, 191 total: 0,
177 - pageSize: 1,  
178 - limitSize: 5,  
179 listLoading: false, 192 listLoading: false,
180 //编辑界面是否显示 193 //编辑界面是否显示
181 coneeVisible: false, 194 coneeVisible: false,
@@ -229,12 +242,19 @@ @@ -229,12 +242,19 @@
229 242
230 }, 243 },
231 methods: { 244 methods: {
232 - 245 + handleSizeChange(val) {
  246 + this.filters.limitSize = val
  247 + this.getConsignee()
  248 + },
  249 + handleCurrentChanges(val) {
  250 + this.filters.pageSize = val
  251 + this.getConsignee()
  252 + },
233 //获取收货人列表 253 //获取收货人列表
234 getConsignee() { 254 getConsignee() {
235 let para = { 255 let para = {
236 - pageSize: this.pageSize,  
237 - limitSize: this.limitSize, 256 + pageSize: this.filters.pageSize,
  257 + limitSize: this.filters.limitSize,
238 companyName: this.filters.companyName, 258 companyName: this.filters.companyName,
239 enterpriseId: loginedUserInfo().companyId 259 enterpriseId: loginedUserInfo().companyId
240 }; 260 };
@@ -44,8 +44,20 @@ @@ -44,8 +44,20 @@
44 </template> 44 </template>
45 </el-table-column> 45 </el-table-column>
46 </el-table> 46 </el-table>
  47 + <el-row style="margin-top: 10px" class="toolbar">
  48 + <el-pagination
  49 + @size-change="handleSizeChange"
  50 + @current-change="handleCurrentChanges"
  51 + :current-page="filters.pageSize"
  52 + :page-size="filters.limitSize"
  53 + :page-sizes="[10, 50, 100, 500]"
  54 + layout="total, sizes, prev, pager, next, jumper"
  55 + :total="total">
  56 + </el-pagination>
  57 + </el-row>
47 <!--编辑界面--> 58 <!--编辑界面-->
48 - <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="conerVisible" :close-on-click-modal="false" width="80%" text-align="center" tyle="margin-top: -20px"> 59 + <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="conerVisible"
  60 + :modal-append-to-body="false" width="80%" text-align="center" tyle="margin-top: -20px">
49 <el-form :model="conerForm" :rules="conerRules" ref="conerForm" label-width="145px" style="margin-top: -10px"> 61 <el-form :model="conerForm" :rules="conerRules" ref="conerForm" label-width="145px" style="margin-top: -10px">
50 <el-row> 62 <el-row>
51 <el-col :span="4" style="display: none"> 63 <el-col :span="4" style="display: none">
@@ -168,12 +180,14 @@ @@ -168,12 +180,14 @@
168 }], 180 }],
169 181
170 filters: { 182 filters: {
171 - companyName: '' 183 + companyName: '',
  184 + // 每页大小
  185 + limitSize: 10,
  186 + // 当前页数
  187 + pageSize: 1,
172 }, 188 },
173 consignerList: [], 189 consignerList: [],
174 total: 0, 190 total: 0,
175 - pageSize: 1,  
176 - limitSize: 5,  
177 listLoading: false, 191 listLoading: false,
178 //编辑界面是否显示 192 //编辑界面是否显示
179 conerVisible: false, 193 conerVisible: false,
@@ -226,12 +240,19 @@ @@ -226,12 +240,19 @@
226 this.getConsignee(); 240 this.getConsignee();
227 }, 241 },
228 methods: { 242 methods: {
229 - 243 + handleSizeChange(val) {
  244 + this.filters.limitSize = val
  245 + this.getConsignee()
  246 + },
  247 + handleCurrentChanges(val) {
  248 + this.filters.pageSize = val
  249 + this.getConsignee()
  250 + },
230 //获取收货人列表 251 //获取收货人列表
231 getConsignee() { 252 getConsignee() {
232 let para = { 253 let para = {
233 - pageSize: this.pageSize,  
234 - limitSize: this.limitSize, 254 + pageSize: this.filters.pageSize,
  255 + limitSize: this.filters.limitSize,
235 companyName: this.filters.companyName, 256 companyName: this.filters.companyName,
236 enterpriseId: loginedUserInfo().companyId 257 enterpriseId: loginedUserInfo().companyId
237 }; 258 };
@@ -415,3 +436,5 @@ @@ -415,3 +436,5 @@
415 436
416 } 437 }
417 </script> 438 </script>
  439 +<style scoped>
  440 +</style>