|
|
@ -10,6 +10,7 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<el-table |
|
|
<el-table |
|
|
|
|
|
:height="height" |
|
|
:data="dataList" |
|
|
:data="dataList" |
|
|
border |
|
|
border |
|
|
v-loading="dataListLoading" |
|
|
v-loading="dataListLoading" |
|
|
@ -18,20 +19,22 @@ |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="roleName" |
|
|
prop="roleName" |
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
|
|
|
|
|
|
align="left" |
|
|
|
|
|
min-width="150" |
|
|
:label="buttons.roleName||'角色名称'"> |
|
|
:label="buttons.roleName||'角色名称'"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="remark" |
|
|
prop="remark" |
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
|
|
|
|
|
|
align="left" |
|
|
|
|
|
min-width="300" |
|
|
:label="buttons.remark||'备注'"> |
|
|
:label="buttons.remark||'备注'"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="createTime" |
|
|
prop="createTime" |
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
width="180" |
|
|
|
|
|
|
|
|
min-width="150" |
|
|
:label="buttons.createTime||'创建时间'"> |
|
|
:label="buttons.createTime||'创建时间'"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
@ -41,13 +44,27 @@ |
|
|
width="150" |
|
|
width="150" |
|
|
:label="buttons.cz||'操作'"> |
|
|
:label="buttons.cz||'操作'"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<a v-if="isAuth('sys:role:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.roleId)">{{buttons.edit||'修改'}}</a> |
|
|
|
|
|
<a v-if="isAuth('sys:role:delete')" type="text" size="small" @click="deleteHandle(scope.row.roleId)">{{buttons.delete|| '删除'}}</a> |
|
|
|
|
|
<a type="text" size="small" @click="showAuthCustomerReportModal(scope.row)">{{buttons.reportRole || '报表赋权'}}</a> |
|
|
|
|
|
|
|
|
<el-link style="cursor: pointer" @click="getRoleUsers(scope.row)">{{'查看用户'}}</el-link> |
|
|
|
|
|
<template v-if="!adminUser"> |
|
|
|
|
|
<template v-if="scope.row.roleName === '系统管理员'"> |
|
|
|
|
|
<el-link style="cursor: pointer;pointer-events:none;color: #8a979e">{{buttons.edit||'修改'}}</el-link> |
|
|
|
|
|
<el-link style="cursor: pointer;pointer-events:none;color: #8a979e">{{buttons.delete||'删除'}}</el-link> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template v-else> |
|
|
|
|
|
<el-link style="cursor: pointer" @click="addOrUpdateHandle(scope.row)">{{buttons.edit||'修改'}}</el-link> |
|
|
|
|
|
<el-link style="cursor: pointer" @click="deleteHandle(scope.row.roleId)">{{buttons.delete||'删除'}}</el-link> |
|
|
|
|
|
</template> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template v-else> |
|
|
|
|
|
<el-link style="cursor: pointer" @click="addOrUpdateHandle(scope.row)">{{buttons.edit||'修改'}}</el-link> |
|
|
|
|
|
<el-link style="cursor: pointer" @click="deleteHandle(scope.row.roleId)">{{buttons.delete||'删除'}}</el-link> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<el-pagination |
|
|
<el-pagination |
|
|
|
|
|
style="margin-top: 0px" |
|
|
@size-change="sizeChangeHandle" |
|
|
@size-change="sizeChangeHandle" |
|
|
@current-change="currentChangeHandle" |
|
|
@current-change="currentChangeHandle" |
|
|
:current-page="pageIndex" |
|
|
:current-page="pageIndex" |
|
|
@ -56,29 +73,64 @@ |
|
|
:total="totalPage" |
|
|
:total="totalPage" |
|
|
layout="total, sizes, prev, pager, next, jumper"> |
|
|
layout="total, sizes, prev, pager, next, jumper"> |
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
|
|
|
|
|
|
<!-- 弹窗, 新增 / 修改 --> |
|
|
<!-- 弹窗, 新增 / 修改 --> |
|
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|
|
<!--报表赋权限--> |
|
|
|
|
|
<authCustomerReport ref="authCustomerReport" :close-on-click-modal="false" |
|
|
|
|
|
:visible.sync="showAuthCustomerReportFlag" @refreshDataList="getDataList"> |
|
|
|
|
|
|
|
|
|
|
|
</authCustomerReport> |
|
|
|
|
|
|
|
|
<!-- 查看用户 --> |
|
|
|
|
|
<el-dialog title="用户列表" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="600px"> |
|
|
|
|
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|
|
|
|
|
<el-form-item label="角色名称" > |
|
|
|
|
|
<el-input v-model="modalData.roleName" disabled style="width: 120px"></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="用户账号" > |
|
|
|
|
|
<el-input v-model="modalData.username" style="width: 120px"></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="用户名" > |
|
|
|
|
|
<el-input v-model="modalData.userDisplay" style="width: 120px"></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label=" "> |
|
|
|
|
|
<el-button type="primary" @click="getRoleUserList()">{{'查询' }}</el-button> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
<el-table |
|
|
|
|
|
height="300" |
|
|
|
|
|
:data="modelList" |
|
|
|
|
|
border |
|
|
|
|
|
style="width: 100%;"> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="username" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
:label="'用户账号'"> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="userDisplay" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
:label="'用户名'"> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
</el-table> |
|
|
|
|
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
|
|
|
|
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
|
|
|
|
|
</el-footer> |
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { |
|
|
import { |
|
|
searchSysLanguageParam, |
|
|
|
|
|
searchFunctionButtonList, |
|
|
searchFunctionButtonList, |
|
|
saveButtonList, |
|
|
|
|
|
} from "@/api/sysLanguage.js" |
|
|
} from "@/api/sysLanguage.js" |
|
|
|
|
|
import { |
|
|
|
|
|
getRoleUserList |
|
|
|
|
|
} from "@/api/base/site.js" |
|
|
import AddOrUpdate from './role-add-or-update' |
|
|
import AddOrUpdate from './role-add-or-update' |
|
|
import authCustomerReport from '../report/com_auth_customer_report' /**/ |
|
|
|
|
|
export default { |
|
|
export default { |
|
|
data () { |
|
|
data () { |
|
|
return { |
|
|
return { |
|
|
showAuthCustomerReportFlag: false, |
|
|
|
|
|
|
|
|
height: 200, |
|
|
dataForm: { |
|
|
dataForm: { |
|
|
roleName: '' |
|
|
roleName: '' |
|
|
}, |
|
|
}, |
|
|
@ -100,16 +152,38 @@ import { |
|
|
remark: '备注', |
|
|
remark: '备注', |
|
|
createTime: '创建时间', |
|
|
createTime: '创建时间', |
|
|
}, |
|
|
}, |
|
|
|
|
|
modalFlag: false, |
|
|
|
|
|
modalData: { |
|
|
|
|
|
roleId: '', |
|
|
|
|
|
roleName: '', |
|
|
|
|
|
username: '', |
|
|
|
|
|
userDisplay: '', |
|
|
|
|
|
}, |
|
|
|
|
|
modelList: [], |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
components: { |
|
|
components: { |
|
|
AddOrUpdate, |
|
|
AddOrUpdate, |
|
|
authCustomerReport,/*报表赋权限*/ |
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
mounted () { |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
this.height = window.innerHeight - 150 |
|
|
|
|
|
}) |
|
|
}, |
|
|
}, |
|
|
activated () { |
|
|
activated () { |
|
|
this.getDataList() |
|
|
this.getDataList() |
|
|
}, |
|
|
}, |
|
|
|
|
|
created() { |
|
|
|
|
|
this.getFunctionButtonList() |
|
|
|
|
|
}, |
|
|
|
|
|
computed: { |
|
|
|
|
|
adminUser() { |
|
|
|
|
|
return this.$store.state.user.id === 1 |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
|
|
|
// 获取button的词典 |
|
|
// 获取button的词典 |
|
|
getFunctionButtonList() { |
|
|
getFunctionButtonList() { |
|
|
let queryButton = { |
|
|
let queryButton = { |
|
|
@ -124,6 +198,7 @@ import { |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 获取数据列表 |
|
|
// 获取数据列表 |
|
|
getDataList () { |
|
|
getDataList () { |
|
|
this.dataListLoading = true |
|
|
this.dataListLoading = true |
|
|
@ -146,31 +221,36 @@ import { |
|
|
this.dataListLoading = false |
|
|
this.dataListLoading = false |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 每页数 |
|
|
// 每页数 |
|
|
sizeChangeHandle (val) { |
|
|
sizeChangeHandle (val) { |
|
|
this.pageSize = val |
|
|
this.pageSize = val |
|
|
this.pageIndex = 1 |
|
|
this.pageIndex = 1 |
|
|
this.getDataList() |
|
|
this.getDataList() |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 当前页 |
|
|
// 当前页 |
|
|
currentChangeHandle (val) { |
|
|
currentChangeHandle (val) { |
|
|
this.pageIndex = val |
|
|
this.pageIndex = val |
|
|
this.getDataList() |
|
|
this.getDataList() |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 多选 |
|
|
// 多选 |
|
|
selectionChangeHandle (val) { |
|
|
selectionChangeHandle (val) { |
|
|
this.dataListSelections = val |
|
|
this.dataListSelections = val |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 新增 / 修改 |
|
|
// 新增 / 修改 |
|
|
addOrUpdateHandle (id) { |
|
|
|
|
|
|
|
|
addOrUpdateHandle (row) { |
|
|
this.addOrUpdateVisible = true |
|
|
this.addOrUpdateVisible = true |
|
|
this.$nextTick(() => { |
|
|
this.$nextTick(() => { |
|
|
this.$refs.addOrUpdate.init(id) |
|
|
|
|
|
|
|
|
this.$refs.addOrUpdate.init(row) |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 删除 |
|
|
// 删除 |
|
|
deleteHandle (id) { |
|
|
deleteHandle (id) { |
|
|
var ids = id ? [id] : this.dataListSelections.map(item => { |
|
|
|
|
|
|
|
|
let ids = id ? [id] : this.dataListSelections.map(item => { |
|
|
return item.roleId |
|
|
return item.roleId |
|
|
}) |
|
|
}) |
|
|
this.$confirm(`确定删除当前记录?`, '提示', { |
|
|
this.$confirm(`确定删除当前记录?`, '提示', { |
|
|
@ -190,19 +270,27 @@ import { |
|
|
this.$message.error(data.msg) |
|
|
this.$message.error(data.msg) |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}).catch(() => {}) |
|
|
|
|
|
|
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
/*给角色报表赋权限*/ |
|
|
|
|
|
showAuthCustomerReportModal(currentRow){ |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
this.showAuthCustomerReportFlag = true; |
|
|
|
|
|
this.$refs.authCustomerReport.init(currentRow); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
// 查看用户 |
|
|
|
|
|
getRoleUsers (row) { |
|
|
|
|
|
this.modalData.roleId = row.roleId |
|
|
|
|
|
this.modalData.roleName = row.roleName |
|
|
|
|
|
this.modalData.username = '' |
|
|
|
|
|
this.modalData.userDisplay = '' |
|
|
|
|
|
this.getRoleUserList() |
|
|
|
|
|
this.modalFlag = true |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
getRoleUserList () { |
|
|
|
|
|
getRoleUserList(this.modalData).then(({data}) => { |
|
|
|
|
|
if (data && data.code === 0) { |
|
|
|
|
|
this.modelList = data.rows |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
|
|
|
this.getFunctionButtonList() |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |