vue 路由加载html文件,abp.NetCore使用vue.js前端配置菜单路由、添加新页面

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();

}

}