v-model="pagerequest.keyword":placeholder="L('ArticleTitle')"
/>
@click="create"icon="android-add"type="primary"size="large"
>{{ L("Add") }}
icon="ios-search"type="primary"size="large"@click="getpage"
class="toolbar-btn"
>{{ L("Find") }}
:loading="loading":columns="columns":no-data-text="L('NoDatas')"border
:data="list"
>
show-sizerclass-name="fengpage":total="totalCount"
class="margin-top-10"@on-change="pageChange"@on-page-size-change="pagesizeChange":page-size="pageSize":current="currentPage"
>
import Utilfrom "@/lib/util";
import AbpBasefrom "@/lib/abpbase";
import PageRequestfrom "@/store/entities/page-request";classPageModelRequest extends PageRequest {
keyword:string;
isActive: boolean= null; //nullable
}
@Component({//components: { CreateUser, EditUser },
})
exportdefault classAbpArticles extends AbpBase {//createModalShow: boolean = false;//editModalShow: boolean = false;
pagerequest: PageModelRequest = newPageModelRequest();//creationTime: Date[] = [];
edit() {//this.editModalShow=true;
}getlist() {return this.$store.state.article.list;
}getloading() {return this.$store.state.article.loading;
}
create() {this.$parent.currentOpt = "create";this.$parent.currentRouter = "edit";
}
isActiveChange(val:string) {
console.log(val);if (val === "Actived") {this.pagerequest.isActive = true;
}else if (val === "NoActive") {this.pagerequest.isActive = false;
}else{this.pagerequest.isActive = null;
}
}
pageChange(page: number) {this.$store.commit("article/setCurrentPage", page);this.getpage();
}
pagesizeChange(pagesize: number) {this.$store.commit("article/setPageSize", pagesize);this.getpage();
}asyncgetpage() {this.pagerequest.maxResultCount = this.pageSize;this.pagerequest.skipCount = (this.currentPage - 1) * this.pageSize;//filters//if (this.creationTime.length > 0) {//this.pagerequest.from = this.creationTime[0];//}//if (this.creationTime.length > 1) {//this.pagerequest.to = this.creationTime[1];//}
await this.$store.dispatch({
type:"article/getAll",
data:this.pagerequest,
});
}getpageSize() {return this.$store.state.article.pageSize;
}gettotalCount() {return this.$store.state.article.totalCount;
}getcurrentPage() {return this.$store.state.article.currentPage;
}
columns=[
{
title:this.L("ArticleTitle"),
key:"title",
},
{
title:this.L("ArticleAuthor"),
key:"author",
},
{
title:this.L("IsActive"),
render: (h: any,params: any) =>{return h("span", params.row.isActive ? this.L("Yes") : this.L("No"));
},
},
{
title:this.L("Actions"),
key:"Actions",
width:150,
render: (h: any,params: any) =>{return h("div", [
h("Button",
{
props: {
type:"primary",
size:"small",
},
style: {
marginRight:"5px",
},
on: {
click: ()=>{this.$store.commit("article/edit", params.row);this.$parent.currentOpt = "edit";this.$parent.currentRouter = "edit";this.$parent.currentId = params.row.id;
},
},
},this.L("Edit")
),
h("Button",
{
props: {
type:"error",
size:"small",
},
on: {
click:async () =>{this.$Modal.confirm({
title:this.L("Tips"),
content:this.L("DeleteUserConfirm"),
okText:this.L("Yes"),
cancelText:this.L("No"),
onOk:async () =>{await this.$store.dispatch({
type:"article/delete",
data:params.row,
});await this.getpage();
},
});
},
},
},this.L("Delete")
),
]);
},
},
];asynccreated() {this.getpage();
}
}