角色授权
hongtianzai
3 years ago
parent
9e96515dac
commit
36e21b46ea
@ -1,39 +1,57 @@
|
|||||||
import request from "@/utils/request";
|
import request from "@/utils/request";
|
||||||
|
|
||||||
export function GetList(param){
|
export function GetList(param) {
|
||||||
return request({
|
return request({
|
||||||
url: "/sys/role/list",
|
url: "/sys/role/list",
|
||||||
method: "post",
|
method: "post",
|
||||||
data:param
|
data: param
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
export function Insert(param){
|
export function Insert(param) {
|
||||||
return request({
|
return request({
|
||||||
url: "/sys/role/insert",
|
url: "/sys/role/insert",
|
||||||
method: "post",
|
method: "post",
|
||||||
data:param
|
data: param
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
export function Update(param){
|
|
||||||
|
export function Update(param) {
|
||||||
return request({
|
return request({
|
||||||
url: "/sys/role/update",
|
url: "/sys/role/update",
|
||||||
method: "post",
|
method: "post",
|
||||||
data:param
|
data: param
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
export function Detail(id){
|
|
||||||
|
export function Detail(id) {
|
||||||
return request({
|
return request({
|
||||||
url: "/sys/role/detail",
|
url: "/sys/role/detail",
|
||||||
method: "post",
|
method: "post",
|
||||||
params:{id}
|
params: {id}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
export function Delete(id){
|
export function Delete(id) {
|
||||||
return request({
|
return request({
|
||||||
url: "/sys/role/delete",
|
url: "/sys/role/delete",
|
||||||
method: "post",
|
method: "post",
|
||||||
params:{id}
|
params: {id}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function GetRoleMenu(roleId) {
|
||||||
|
return request({
|
||||||
|
url: "/sys/role/getRoleMenu",
|
||||||
|
method: "post",
|
||||||
|
params: {roleId}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function SaveRoleMenu(param) {
|
||||||
|
return request({
|
||||||
|
url: "/sys/role/saveRoleMenu",
|
||||||
|
method: "post",
|
||||||
|
data: param
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,46 @@
|
|||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
export function GetList(param){
|
||||||
|
return request({
|
||||||
|
url: "/sys/user/list",
|
||||||
|
method: "post",
|
||||||
|
data:param
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Insert(param){
|
||||||
|
return request({
|
||||||
|
url: "/sys/user/insert",
|
||||||
|
method: "post",
|
||||||
|
data:param
|
||||||
|
});
|
||||||
|
}
|
||||||
|
export function Update(param){
|
||||||
|
return request({
|
||||||
|
url: "/sys/user/update",
|
||||||
|
method: "post",
|
||||||
|
data:param
|
||||||
|
});
|
||||||
|
}
|
||||||
|
export function Detail(id){
|
||||||
|
return request({
|
||||||
|
url: "/sys/user/detail",
|
||||||
|
method: "post",
|
||||||
|
params:{id}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Delete(id){
|
||||||
|
return request({
|
||||||
|
url: "/sys/user/delete",
|
||||||
|
method: "post",
|
||||||
|
params:{id}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
export function GetRoleList(){
|
||||||
|
return request({
|
||||||
|
url: "/sys/role/list",
|
||||||
|
method: "post",
|
||||||
|
data: {page:1,limit:1000}
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,279 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card class="el-card">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="queryParams"
|
||||||
|
size="mini"
|
||||||
|
>
|
||||||
|
<el-form-item label="名称">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.name"
|
||||||
|
size="mini"
|
||||||
|
placeholder="请输入名称"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="状态">
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.status"
|
||||||
|
placeholder="状态"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in statusOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button-group>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-refresh"
|
||||||
|
@click="onReset"
|
||||||
|
></el-button>
|
||||||
|
<el-button type="primary" icon="search" @click="onSubmit"
|
||||||
|
>查询
|
||||||
|
</el-button>
|
||||||
|
<el-button @click.native.stop="insert">新增</el-button>
|
||||||
|
</el-button-group>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="list"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column label="key" prop="userKey"/>
|
||||||
|
<el-table-column label="用户账号" prop="userName"/>
|
||||||
|
<el-table-column label="用户昵称" prop="nickName"/>
|
||||||
|
<el-table-column label="状态" prop="status">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ getStatus(scope.row.status) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="角色" prop="status">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ getRoleName(scope.row.roleId) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
|
||||||
|
<el-table-column label="操作" fixed="right" >
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button type="text" size="small" @click.native.stop="update(scope.row.id)">修改</el-button>
|
||||||
|
<el-button type="text" size="small" @click.native.stop="deleteRow(scope.row.id)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
:current-page="queryParams.page"
|
||||||
|
:page-size="queryParams.limit"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
layout="prev, pager, next"
|
||||||
|
:total="total"
|
||||||
|
></el-pagination>
|
||||||
|
</el-card>
|
||||||
|
<el-dialog :title="dialog.title" :visible.sync="dialog.visible">
|
||||||
|
<el-form :model="dialog.detail" label-position="left" label-width="100px">
|
||||||
|
<el-form-item label="key" prop="userKey">
|
||||||
|
<el-input v-model="dialog.detail.userKey" readonly/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="用户账号" prop="name">
|
||||||
|
<el-input v-model="dialog.detail.userName"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="用户昵称" prop="nickName">
|
||||||
|
<el-input v-model="dialog.detail.nickName"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="密码" prop="sort">
|
||||||
|
<el-input v-model="dialog.detail.password"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="状态" prop="status">
|
||||||
|
<el-radio v-model="dialog.detail.status" label="0">启用</el-radio>
|
||||||
|
<el-radio v-model="dialog.detail.status" label="1">禁用</el-radio>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="角色" prop="roleId">
|
||||||
|
<el-select
|
||||||
|
v-model="dialog.detail.roleId"
|
||||||
|
placeholder="角色"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in roleList"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.id"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="appId" prop="udplat_appId">
|
||||||
|
<el-input v-model="dialog.detail.udplat_appId"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="userName" prop="udplat_userName">
|
||||||
|
<el-input v-model="dialog.detail.udplat_userName"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="密钥" prop="sort">
|
||||||
|
<el-input v-model="dialog.detail.udplat_secretKey"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialog.visible = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="save">保存</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {GetList, Insert, Update, Detail, Delete,GetRoleList} from "@/api/sys/sysUser";
|
||||||
|
export default {
|
||||||
|
name: "sysUser",
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
loading: false,
|
||||||
|
list: [],
|
||||||
|
total: 0,
|
||||||
|
statusOptions: [{value: "", label: "全部"},{value: "0", label: "启用"}, {value: "1", label: "禁用"}],
|
||||||
|
roleList:[],
|
||||||
|
queryParams: {
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
name: "",
|
||||||
|
status:""
|
||||||
|
},
|
||||||
|
dialog: {
|
||||||
|
visible: false,
|
||||||
|
title: "新增",
|
||||||
|
detail: {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList();
|
||||||
|
this.getRoleList();
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
getRoleList(){
|
||||||
|
GetRoleList().then(result => {
|
||||||
|
this.roleList = result.data.list;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getList(){
|
||||||
|
this.loading = true;
|
||||||
|
GetList(this.queryParams).then(res=>{
|
||||||
|
this.list = res.data.list;
|
||||||
|
this.total = res.data.total;
|
||||||
|
this.loading = false;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.queryParams.page = val;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
getStatus(status) {
|
||||||
|
return this.selectDictLabel(this.statusOptions, status);
|
||||||
|
},
|
||||||
|
getRoleName(roleId){
|
||||||
|
for(const item of this.roleList){
|
||||||
|
if(item.id == roleId)
|
||||||
|
return item.name;
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
},
|
||||||
|
onReset() {
|
||||||
|
this.$router.push({
|
||||||
|
path: "",
|
||||||
|
});
|
||||||
|
this.queryParams = {
|
||||||
|
page: 1,
|
||||||
|
limit: 10,
|
||||||
|
name: "",
|
||||||
|
status:""
|
||||||
|
};
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
onSubmit() {
|
||||||
|
this.queryParams.page = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
formRest() {
|
||||||
|
this.dialog.detail = {
|
||||||
|
id: 0,
|
||||||
|
userKey: "",
|
||||||
|
userName: "",
|
||||||
|
nickName: "",
|
||||||
|
password: "",
|
||||||
|
status: "0",
|
||||||
|
roleId: 0,
|
||||||
|
udplat_appId: "",
|
||||||
|
udplat_secretKey: "",
|
||||||
|
udplat_userName: ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
insert() {
|
||||||
|
this.formRest();
|
||||||
|
this.dialog.title = "新增";
|
||||||
|
this.dialog.visible = true;
|
||||||
|
},
|
||||||
|
update(id) {
|
||||||
|
this.formRest();
|
||||||
|
this.dialog.title="修改";
|
||||||
|
Detail(id).then(res=>{
|
||||||
|
this.dialog.detail = res.data;
|
||||||
|
this.dialog.visible = true;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
let id = this.dialog.detail.id;
|
||||||
|
if(id>0){
|
||||||
|
Update(this.dialog.detail).then(res=>{
|
||||||
|
if(res.code == 20000){
|
||||||
|
this.$message.success("修改成功！");
|
||||||
|
this.dialog.visible = false;
|
||||||
|
this.getList();
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
Insert(this.dialog.detail).then(res => {
|
||||||
|
if(res.code == 20000){
|
||||||
|
this.$message.success("新增成功！");
|
||||||
|
this.dialog.visible = false;
|
||||||
|
this.getList();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deleteRow(id){
|
||||||
|
let _this=this;
|
||||||
|
this.$confirm("确定删除该行数据，删除后将不可恢复?", "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning",
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
Delete(id).then(result => {
|
||||||
|
if(result.code == 20000){
|
||||||
|
_this.$message.success("删除成功！");
|
||||||
|
_this.getList();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
|
||||||
|
/* _this.$message({
|
||||||
|
type: 'error',
|
||||||
|
message:"发生错误！"
|
||||||
|
});*/
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue