|
|
@@ -27,7 +27,16 @@
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-pagination style="text-align:center;" background layout="prev, pager, next" :current-page="page" :total="studentList.length" :page-size="8" @current-change="pageChange"> </el-pagination>
|
|
|
+ <el-pagination
|
|
|
+ style="text-align: center"
|
|
|
+ background
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :current-page="page"
|
|
|
+ :total="studentList.length"
|
|
|
+ :page-size="8"
|
|
|
+ @current-change="pageChange"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -36,24 +45,34 @@ import { getAllUsers } from "@/network/dashboard/index.js";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- page:1,
|
|
|
+ page: 1,
|
|
|
studentList: [],
|
|
|
- pageList:[]
|
|
|
+ pageList: [],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.getAllUsers();
|
|
|
},
|
|
|
methods: {
|
|
|
- pageChange(currentPage){
|
|
|
- this.page = currentPage;
|
|
|
- this.pageList = this.studentList.slice((this.page-1) * 8, this.page * 8)
|
|
|
+ pageChange(currentPage) {
|
|
|
+ this.page = currentPage;
|
|
|
+ this.pageList = this.studentList.slice(
|
|
|
+ (this.page - 1) * 8,
|
|
|
+ this.page * 8
|
|
|
+ );
|
|
|
},
|
|
|
async getAllUsers() {
|
|
|
- let res = await getAllUsers();
|
|
|
- if (res.success) {
|
|
|
- this.studentList = res.content;
|
|
|
- this.pageList = this.studentList.slice((this.page-1) * 8, this.page * 8)
|
|
|
+ try {
|
|
|
+ let res = await getAllUsers();
|
|
|
+ if (res.success) {
|
|
|
+ this.studentList = res.content;
|
|
|
+ this.pageList = this.studentList.slice(
|
|
|
+ (this.page - 1) * 8,
|
|
|
+ this.page * 8
|
|
|
+ );
|
|
|
+ }
|
|
|
+ } catch (e) {
|
|
|
+ this.$message.error(e.message);
|
|
|
}
|
|
|
},
|
|
|
},
|