<template>
|
<div class="sys_role">
|
<v-header
|
title="系统权限管理"
|
headerBtn
|
:headerText="[{ title: '新增' }]"
|
@btn-click="onBtnClick"
|
></v-header>
|
<div class="tab">
|
<v-tool-table :trs="trs" :tds="tds">
|
<template v-slot:btn="item">
|
<div class="table_flex">
|
<!-- {{item.scope.id}} -->
|
<span class="col_primary" @click="onPut(item.scope)">配置权限</span>
|
<span class="col_primary" @click="onDel(item.scope)">删除</span>
|
</div>
|
</template>
|
</v-tool-table>
|
</div>
|
<v-tool-page :item="paged" @on-page="onPage"></v-tool-page>
|
</div>
|
</template>
|
|
<script>
|
import {dateTime} from '../../../utils/common';
|
export default {
|
props: {},
|
components: {},
|
data() {
|
return {
|
trs: [
|
{ text: "序号", val: "roleId", width: "50px" },
|
{ text: "权限名称", val: "roleName" },
|
{ text: "创建时间", val: "createAt" },
|
{ text: "操作", val: "btn" },
|
],
|
tds: [{ key: 1 }],
|
paged: { page: 0, total: 0, r: 0, limit: 10 },
|
};
|
},
|
watch: {},
|
methods: {
|
// 分页点击
|
onPage(v) {
|
if (v.page === this.paged.page && v.page && !v.reset) {
|
return 0;
|
}
|
this.paged.page = v.page;
|
this.paged.limit = v.limit;
|
this.init();
|
},
|
onBtnClick() {
|
this.$router.push("/sys_role_add");
|
},
|
init() {
|
let v = {
|
pageNum: this.paged.page,
|
pageSize: this.paged.limit,
|
};
|
this.$api.get("systemmanagement/listrolebackstage", v, (e) => {
|
this.paged.total = e.total;
|
this.paged.r++;
|
this.tds = e.records || [];
|
this.tds.forEach(item=>{
|
item.createAt = dateTime(item.createAt)
|
})
|
});
|
},
|
onDel(v) {
|
this.$js.model("", "是否删除", (res) => {
|
if (res) {
|
delete v.updateAt;
|
delete v.createAt;
|
this.$api.del("systemmanagement/role", v, () => {
|
demo.toast("删除成功");
|
this.init();
|
});
|
}
|
});
|
},
|
onPut(v) {
|
this.$router.push(
|
this.$nav.url("/sys_role_edit/" + v.roleId + "&" + v.roleName)
|
);
|
},
|
},
|
mounted() {
|
this.init();
|
},
|
};
|
</script>
|
<style lang='less' scoped>
|
.sys_role {
|
overflow-y: auto;
|
.tab {
|
margin: 10px 0;
|
}
|
}
|
</style>
|
