<!--在Table上监听sort-change事件 -->
<el-table v-loading="listLoading" :data="list" @sort-change="changeSort">
<!--将sortable设置为custom -->
<el-table-column label="创建时间" width="150px" align="center" sortable="custom" prop="F_CreateDate">
<template slot-scope="scope">
<!-- <i class="el-icon-time"></i> -->
{{ scope.row.F_CreateDate }}
</template>
</el-table-column>
</el-table-column>
<script>
import { GetDepartmentList, getUserListPage, getUserList, getPosition } from "@/api/organization";
import Pagination from '@/components/Pagination' //引用分页封装组件
export default {
components: { Pagination },//注册分页组件
data() {
return {
list: null,
listLoading: true,
listQuery: {
departmentName: undefined,
importance: undefined,
title: undefined,
type: undefined,
data: {
//分页参数
pagination:{
rows:10,
page:1,
sidx:"F_CreateDate",//排序列
sord: "desc",//降序 asc升序
},
//查询参数
queryJson:undefined,
}
},
};
},
methods: {
getList() {
this.listLoading = true;
getUserListPage(this.listQuery).then((response) => {
//console.log(response.data.data)
this.list = response.data.data.baseinfo;
this.total = response.data.data.pagination.records;
this.listLoading = false;
});
},
//排序
changeSort(column){
if (column.order === 'descending') {
//排序列
this.listQuery.data.pagination.sidx = column.prop
//排序方式
this.listQuery.data.pagination.sord = 'desc'
} else {
this.listQuery.data.pagination.sidx = column.prop
this.listQuery.data.pagination.sord = 'asc'
}
//携带当前的排序规则再请求后台数据
this.getList()
},
},
};
</script>