等级评估分页选择器

src/views/gradeEvaluation/GradeEvaluation.vue

@@ -84,11 +84,9 @@
 							</el-select>
 						</div>
 						<div class="block" style="width:20%;float: left;">
-							<span>日期</span>
+							<span>月份</span>
 							<el-date-picker v-model="value1" type="month" placeholder="选择月" style="margin-left: 5%;">
     						</el-date-picker>
-							<!-- <el-date-picker v-model="value1" type="date" placeholder="选择日期" style="margin-left: 5%;">
-							</el-date-picker> -->
 						</div>
 						<div style="width: 2%; float:left;margin-left: 10%;">
 							<el-button type="primary" @click="dialogTableVisibleOpenMonth()">对比</el-button>
@@ -156,11 +154,9 @@
 							</el-select>
 						</div>
 						<div class="block" style="width:20%;float: left;">
-							<span>日期</span>
+							<span>年份</span>
 							<el-date-picker v-model="value1" type="year" placeholder="选择年" style="margin-left: 5%;">
 							</el-date-picker>
-							<!-- <el-date-picker v-model="value1" type="date" placeholder="选择日期" style="margin-left: 5%;">
-							</el-date-picker> -->
 						</div>
 						<div style="width: 2%; float:left;margin-left: 10%;">
 							<el-button type="primary" @click="dialogTableVisibleOpenYear()">对比</el-button>
@@ -269,7 +265,8 @@
 				</el-table>
 				<div style="text-align: center;">
 					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage2"
-					 :page-size="pagesize" layout="prev, pager, next" :total="1000">
+					 :page-sizes="[10, 50, 100, 1000]"
+					 :page-size="pagesize" layout="sizes, prev, pager, next" :total="1000">
 					</el-pagination>
 				</div>
 			</el-main>
@@ -323,7 +320,8 @@
 				</el-table>
 				<div style="text-align: center;">
 					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage2"
-					 :page-size="pagesize" layout="prev, pager, next" :total="1000">
+					 :page-sizes="[10, 50, 100, 1000]"
+					 :page-size="pagesize" layout="sizes, prev, pager, next" :total="1000">
 					</el-pagination>
 				</div>
 			</el-main>
@@ -377,7 +375,8 @@
 				</el-table>
 				<div style="text-align: center;">
 					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage2"
-					 :page-size="pagesize" layout="prev, pager, next" :total="1000">
+					 :page-sizes="[10, 50, 100, 1000]"
+					 :page-size="pagesize" layout="sizes, prev, pager, next" :total="1000">
 					</el-pagination>
 				</div>
 			</el-main>
@@ -500,6 +499,10 @@ import excelHelper from "@/utils/excelHelper";
 			},
 			handleSizeChange(val) {
 				console.log(`每页 ${val} 条`);
+				this.pagesize = val;
+				this.gradeByDaygData();
+				this.gamonthlistByPage();
+				this.gayearlistByPage();
 			},
 			handleCurrentChange(val) {
 				// console.log(`当前页: ${val}`);