接口菜单 接口权限

master
wangwei 2 years ago
parent 51bc857ad4
commit 431260d894

@ -0,0 +1,52 @@
import request from '@/utils/request'
export function getRolelist(query) {
return request({
url: '/system/srole/list',
method: 'get',
params: query
})
}
export function insertRole(query) {
return request({
url: '/system/srole/insert',
method: 'post',
data: query
})
}
export function updateRole(query) {
return request({
url: '/system/srole/update',
method: 'post',
data: query
})
}
export function deleteRole(query) {
return request({
url: '/system/srole/delete',
method: 'post',
data: query
})
}
export function treeselect(query) {
return request({
url: '/system/srole/treeselect',
method: 'get',
params: query
})
}
export function saveRoleMenu(query) {
return request({
url: '/system/srole/saveRoleMenu',
method: 'post',
data: query
})
}

@ -0,0 +1,37 @@
import request from '@/utils/request'
// 查询接口列表
export function getSortList(query) {
return request({
url: '/system/license/List',
method: 'get',
params: query
})
}
export function insertLicense(query) {
return request({
url: '/system/license/insert',
method: 'post',
data: query
})
}
export function deleteLicense(query) {
return request({
url: '/system/license/delete',
method: 'post',
data: query
})
}
export function updateLicense(query) {
return request({
url: '/system/license/update',
method: 'post',
data: query
})
}

@ -0,0 +1,698 @@
<template>
<div>
<el-card class="el-card">
<el-form :model="filterQuery" class="query-form" size="mini" label-width="100px" v-show="showSearch">
<el-row>
<el-col :span="6">
<el-form-item class="query-form-item" label="接口名称:">
<el-input v-model="filterQuery.name" placeholder="接口名称"
style="width: 90%"
clearable="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item class="query-form-item" label="创建时间:">
<el-date-picker
:picker-options="pickerOptions"
v-model="actDateRange"
type="daterange"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 90%"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item class="query-form-item" label="更新时间:">
<el-date-picker
:picker-options="pickerOptions"
v-model="auditDateRange"
type="daterange"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 90%"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group>
<el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button
type="primary"
icon="el-icon-refresh"
@click="onReset"
>重置
</el-button>
<el-button type="primary" icon="el-icon-search" @click="onSubmit"
>查询
</el-button
>
<el-button type="primary" icon="el-icon-plus" @click="add(null,'add')"
>新增
</el-button
>
</el-button-group>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list" style="width: 100%" highlight-current-row
border
@current-change="handleSelectionChange">
<el-table-column label="序号" type="index"></el-table-column>
<el-table-column label="接口分类名称" prop="name" show-overflow-tooltip width="140"></el-table-column>
<el-table-column label="创建时间" prop="createTime" width="140" show-overflow-tooltip>
</el-table-column>
<el-table-column label="更新时间" prop="updateTime" width="140" show-overflow-tooltip>
</el-table-column>
<el-table-column label="备注" prop="reemark" width="140" show-overflow-tooltip>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="printOrder(scope.row,'add')"
>新增
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="reviewOrder(scope.row,'edit')"
>编辑
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="rollback(scope.row)"
>删除
</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:limit.sync="filterQuery.limit"
:page.sync="filterQuery.page"
@pagination="getList"
></pagination>
</el-card>
<el-tabs type="border-card" style="margin: 15px">
<!--单据业务详情-->
<el-tab-pane>
<el-form :inline="true" :model="bizQuery" class="query-form" size="mini">
<el-form-item class="query-form-item" label="接口名称:">
<el-input
v-model="bizQuery.name"
placeholder="请输入接口名称"
clearable
>
</el-input>
</el-form-item>
<el-form-item>
<el-button-group>
<el-button
type="primary"
icon="el-icon-refresh"
@click="onBizReset"
>重置
</el-button>
<el-button type="primary" @click="onBizSubmit"
icon="el-icon-search"
>查询
</el-button>
</el-button-group>
</el-form-item>
</el-form>
<el-table v-loading="bizDetailLoading" :data="bizDetailList" style="width: 100%" border
row-key="id"
>
<el-table-column label="序号" type="index"></el-table-column>
<el-table-column
label="接口名称"
prop="name"
width="150"
show-overflow-tooltip
></el-table-column>
<el-table-column
label="接口地址"
width="150"
prop="path"
></el-table-column>
<el-table-column
label="权限标识"
width="100"
prop="perms"
></el-table-column>
<el-table-column
label="接口文档"
prop="docUrl"
width="100"
>
<template slot-scope="scope">
<el-link v-if="scope.row.docUrl != '' && scope.row.docUrl != null" type="primary" :href="scope.row.docUrl" target="_blank"></el-link>
</template>
</el-table-column>
<el-table-column
label="创建时间"
prop="createTime"
width="100"
></el-table-column>
<el-table-column
label="更新时间"
prop="updateTime"
width="100"
></el-table-column>
<el-table-column
label="备注"
prop="remark"
width="100"
></el-table-column>
<el-table-column label="操作" width="160" fixed="right">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="upload(scope.row,'edit')"
>编辑
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="rollback(scope.row,1)"
>删除
</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="bizTotal>0"
:total="bizTotal"
:page.sync="bizQuery.page"
:limit.sync="bizQuery.limit"
@pagination="getBizDetailList"
/>
</el-tab-pane>
</el-tabs>
<el-dialog
:title="formMap[formName]"
:close-on-click-modal="false"
:close-on-press-escape="false"
:visible.sync="subFormVisible"
:before-close="hideForm"
width="60%"
top="5vh"
>
<el-form
:model="subData"
ref="dataForm"
:rules="formRules"
label-width="130px"
>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<el-form-item label="接口名称" prop="name" class="query-form-item">
<el-input
v-model="subData.name"
style="width: 80%"
auto-complete="off"
placeholder="请输入接口名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="el-col">
<el-form-item label="权限标识" prop="perms">
<el-input
v-model="subData.perms"
style="width: 80%"
placeholder="请输入权限标识"
auto-complete="off"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<el-form-item
label="接口地址"
prop="path"
class="query-form-item"
>
<el-input
v-model="subData.path"
style="width: 80%"
placeholder="请输入接口地址"
auto-complete="off"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="el-col">
<el-form-item
label="接口文档"
prop="docUrl"
class="query-form-item"
>
<el-input
v-model="subData.docUrl"
style="width: 80%"
placeholder="请输入接口文档"
auto-complete="off"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<el-form-item label="创建时间" prop="createTime">
<el-date-picker clearable size="small"
v-model="subData.createTime"
type="datetime"
style="width: 80%"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择创建时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" class="el-col">
<el-form-item
label="备注"
prop="remark"
class="query-form-item"
>
<el-input
v-model="subData.remark"
style="width: 80%"
placeholder="请输入接口备注"
auto-complete="off"
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click.native="hideForm">取消</el-button>
<el-button type="primary" @click.native="forInvSubmit()"
>提交
</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getSortList,insertLicense,deleteLicense,updateLicense } from "@/api/system/sysicense";
const formJson = {
site_id: "",
site_name: "",
describe: "",
ads: [],
};
export default {
name: "IoSupSearchOrder",
data() {
return {
check:{},
subData: {},
formName: null,
subFormVisible: false,
showSearch: true,
filterQuery: {
name: "",
page: 1,
limit: 10,
startTime: null,
endTime: null,
startAduditTime: null,
endAduditTime:null,
},
invList: [],
deptList: [],
list: [],
total: 0,
loading: false,
index: null,
enableDept: false,
deleteData: {
id: "",
status: 10,
},
dialogTableVisible: false,
formLoading: false,
dialogVisible: false,
formData: formJson,
deleteLoading: false,
busTypes: [],
currentRow: {},
actDateRange: [],
auditDateRange: [],
pickerOptions: {
shortcuts: [
{
text: "最近一周",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", [start, end]);
},
},
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick", [start, end]);
},
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit("pick", [start, end]);
},
},
],
},
bizQuery: {
parentId: null,
name: null,
page: 1,
limit: 10
},
bizTotal: 0,
bizDetailLoading: false,
bizDetailList: [],
codeQuery: {
orderIdFk: null,
page: 1,
limit: 10
},
codeTotal: 0,
codeDetailLoading: false,
codeDetailList: [],
resultQuery: {
orderId: null,
code: null,
page: 1,
limit: 10
},
formMap: {
add: "新增",
edit: "编辑",
},
resultTotal: 0,
resultDetailLoading: false,
resultDetailList: [],
acceptQuery: null,
acceptOrderVisible: false,
};
},
components: {},
methods: {
onReset(){
this.$router.push({
path: "",
});
this.filterQuery = {
name: "",
page: 1,
limit: 10,
startTime: null,
endTime: null,
startAduditTime: null,
endAduditTime:null,
parentId:0,
};
this.actDateRange = [];
this.auditDateRange = [];
this.getList();
},
onBizReset(){
this.bizQuery = {
parentId: this.bizQuery.parentId,
name: null,
page: 1,
limit: 10
};
this.getlower();
},
onBizSubmit(){
this.bizQuery.page = 1;
this.getlower();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
onSubmit(){
this.loading = true;
if (this.actDateRange !== null) {
this.filterQuery.startTime = this.actDateRange[0];
this.filterQuery.endTime = this.actDateRange[1];
} else {
this.filterQuery.startTime = null;
this.filterQuery.endTime = null;
}
if (this.auditDateRange !== null) {
this.filterQuery.startAduditTime = this.auditDateRange[0];
this.filterQuery.endAduditTime = this.auditDateRange[1];
} else {
this.filterQuery.startAduditTime = null;
this.filterQuery.endAduditTime = null;
}
this.filterQuery.page = 1;
this.getList();
},
//
getList() {
this.loading = true;
this.filterQuery.parentId=0;
getSortList(this.filterQuery)
.then((response) => {
this.loading = false;
if (response.code === 20000) {
this.list = response.data.list || [];
this.total = response.data.total || 0;
} else {
this.$message.error(response.message);
}
})
.catch((error) => {
this.$message.error(error.message)
this.loading = false;
this.list = [];
this.total = 0;
});
},
handleSelectionChange(val){
this.bizQuery.page=1;
this.bizQuery.parentId=val.id;
this.getlower();
},
getlower(){
this.bizDetailLoading=true;
getSortList(this.bizQuery).then((res)=>{
this.bizDetailLoading=false;
if(res.code == 20000){
this.bizDetailList = res.data.list || [];
this.bizTotal = res.data.total || 0;
} else {
this.$message.error(res.message);
this.bizDetailList = [];
this.bizTotal = 0;
}
}).catch((error)=>{
this.bizDetailLoading = false;
this.$message.error(error.message);
this.bizDetailList = [];
this.bizTotal = 0;
})
},
rollback(row,val){
this.$confirm("此操作将删除该接口信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(()=>{
let param={
parentId:row.parentId,
id:row.id
}
deleteLicense(param).then((res)=>{
if(res.code == 20000){
this.$message.success("删除成功!");
if(val == 1){
this.getlower();
}
this.getList();
}else{
this.$message.error(res.message);
}
})
}).catch(()=>{
})
},
upload(row,formName){
this.formName = formName;
this.check=row;
this.subData=row;
this.subFormVisible=true;
},
reviewOrder(row,formName){
this.formName = formName;
this.check=row;
this.subData=row;
this.subFormVisible=true;
},
printOrder(row,formName){
this.formName = formName;
this.check=row;
this.subData={};
this.subFormVisible=true;
},
add(data,formName){
this.subFormVisible=true;
this.subData={};
this.formName = formName;
this.check=data;
},
hideForm(){
this.subFormVisible=false;
},
forInvSubmit(){
if(this.formName === "add" && this.check == null){
//
this.subData.parentId=0;
insertLicense(this.subData)
.then((res)=>{
if(res.code == 20000){
this.$message.success("添加成功!")
this.subFormVisible=false;
this.getList();
}
})
}else if(this.formName === "add" && this.check != null){
//
this.subData.parentId=this.check.id;
insertLicense(this.subData)
.then((res)=>{
if(res.code == 20000){
this.$message.success("添加成功!")
this.subFormVisible=false;
this.getList();
}
})
}else if(this.formName === "edit" && this.check.parentId == 0){
//
updateLicense(this.subData).then((res)=>{
if(res.code == 20000){
this.$message.success("修改成功!")
this.subFormVisible=false;
this.getList();
}
})
}else{
updateLicense(this.subData).then((res)=>{
if(res.code == 20000){
this.$message.success("修改成功!")
this.subFormVisible=false;
this.getlower();
}
})
}
},
},
filters: {},
mounted() {
},
created() {
this.getList();
},
};
</script>
<style type="text/scss" lang="scss">
</style>

@ -0,0 +1,452 @@
<template>
<div>
<el-card class="el-card">
<el-form :inline="true" :model="filterQuery" class="query-form" label-width="100px" size="mini">
<el-form-item class="query-form-item" label="角色名称:" prop="name">
<el-input
v-model="filterQuery.name"
clearable
placeholder="角色名称"
></el-input>
</el-form-item>
<el-form-item label="角色状态:" prop="status">
<el-select
v-model="filterQuery.status"
placeholder="请选择状态"
style="width: 90%"
>
<el-option label="全部" value="" />
<el-option label="启用" :value="0" />
<el-option label="禁用" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
<el-button-group style="margin-left: 10px; display: flex">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"
>重置</el-button
>
<el-button type="primary" icon="el-icon-search" @click="onSubmit"
>查询</el-button
>
<el-button
type="primary"
icon="el-icon-plus"
@click="handleSubForm(null, 'add')"
>新增</el-button
>
</el-button-group>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="list" style="width: 100%" highlight-current-row
border
@current-change="handleSelectionChange">
<el-table-column label="序号" type="index"></el-table-column>
<el-table-column label="角色名称" prop="name" show-overflow-tooltip width="140"></el-table-column>
<el-table-column label="编码" prop="code" width="140" show-overflow-tooltip>
</el-table-column>
<el-table-column label="状态" prop="status" width="140" show-overflow-tooltip>
<template slot-scope="scope">
<el-tag :type="statusFilterType(scope.row.status)">{{ status[scope.row.status] }}</el-tag>
</template>
</el-table-column>
<el-table-column label="创建时间" prop="createTime" width="140" show-overflow-tooltip>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="printOrder(scope.row.id)"
>授权
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="reviewOrder(scope.row,'edit')"
>编辑
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="rollback(scope.row)"
>删除
</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:limit.sync="filterQuery.limit"
:page.sync="filterQuery.page"
@pagination="getList"
></pagination>
</el-card>
<el-dialog
:title="formMap[formName]"
:close-on-click-modal="false"
:close-on-press-escape="false"
:visible.sync="subFormVisible"
:before-close="hideForm"
width="60%"
top="5vh"
>
<el-form
:model="subData"
ref="dataForm"
:rules="formRules"
label-width="90px"
>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<el-form-item label="角色名称" prop="name" class="query-form-item">
<el-input
v-model="subData.name"
style="width: 80%"
auto-complete="off"
placeholder="请输入接口名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="el-col">
<el-form-item label="编码" prop="code">
<el-input
v-model="subData.code"
style="width: 80%"
placeholder="请输入权限标识"
auto-complete="off"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<el-form-item
label="状态"
prop="status"
class="query-form-item"
>
<el-radio-group v-model="subData.status">
<el-radio label='0'>启用</el-radio>
<el-radio label='1'>禁用</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click.native="hideForm">取消</el-button>
<el-button type="primary" @click.native="forInvSubmit()"
>提交
</el-button>
</div>
</el-dialog>
<el-dialog title="授权" :visible.sync = "roleMenuDialog.visible">
<el-tree
:data="roleMenuDialog.detail"
show-checkbox
ref="menu"
node-key="id"
empty-text="暂无数据"
:default-checked-keys="roleMenuDialog.checkKeys"
:props="roleMenuDialog.defaultProps"
></el-tree>
<div slot="footer" class="dialog-footer">
<el-button @click="roleMenuDialog.visible = false"> </el-button>
<el-button type="primary" @click="saveRoleMenu"></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {getRolelist, insertRole, updateRole, deleteRole, treeselect,saveRoleMenu}
from "@/api/system/srole"
const formJson = {
site_id: "",
site_name: "",
describe: "",
ads: [],
};
export default {
name: "IoSupSearchOrder",
data() {
return {
rId:"",
visible:false,
check:{},
subData: {},
formName: null,
subFormVisible: false,
filterQuery: {
name: "",
page: 1,
limit: 10,
startTime: null,
endTime: null,
status:"",
},
status: {
0: "正常",
1: "禁用",
},
roleMenuDialog:{
visible: false,
detail:{},
roleId:0,
checkKeys:[],
defaultProps: {
children: "children",
label: "name"
},
},
invList: [],
deptList: [],
list: [],
total: 0,
loading: false,
index: null,
enableDept: false,
dialogTableVisible: false,
formLoading: false,
dialogVisible: false,
formData: formJson,
deleteLoading: false,
busTypes: [],
currentRow: {},
actDateRange: [],
auditDateRange: [],
pickerOptions: {
shortcuts: [
{
text: "最近一周",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", [start, end]);
},
},
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick", [start, end]);
},
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit("pick", [start, end]);
},
},
],
},
formMap: {
add: "新增",
edit: "编辑",
},
};
},
components: {},
methods: {
onReset(){
this.$router.push({
path: "",
});
this.filterQuery = {
name: "",
page: 1,
limit: 10,
startTime: null,
endTime: null,
status:"",
};
this.actDateRange = [];
this.auditDateRange = [];
this.getList();
},
onSubmit(){
this.loading = true;
this.filterQuery.page = 1;
this.getList();
},
//
getList() {
this.loading = true;
getRolelist(this.filterQuery)
.then((response) => {
this.loading = false;
if (response.code === 20000) {
this.list = response.data.list || [];
this.total = response.data.total || 0;
} else {
this.$message.error(response.message);
}
})
.catch((error) => {
this.$message.error(error.message)
this.loading = false;
this.list = [];
this.total = 0;
});
},
hideForm(){
this.subFormVisible=false;
this.getList();
},
reviewOrder(data,formName){
this.subFormVisible=true;
this.formName=formName;
this.subData=data;
},
handleSubForm(data,formName){
this.formName=formName;
this.subData={};
this.subFormVisible=true;
},
forInvSubmit(){
if(this.formName === "add"){
insertRole(this.subData)
.then((res) =>{
if(res.code == 20000){
this.$message.success("添加成功!");
this.subFormVisible=false;
this.getList();
}
})
}else{
updateRole(this.subData)
.then((res) =>{
if(res.code == 20000){
this.$message.success("修改成功!");
this.subFormVisible=false;
this.getList();
}
})
}
},
rollback(row){
this.$confirm("此操作将删除角色,是否继续?","提示",{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(()=>{
this.subData=row;
deleteRole(this.subData)
.then((res)=>{
if(res.code == 20000){
this.$message.success("删除成功!");
this.getList();
}
})
})
},
printOrder(id){
this.rId=id;
let param={
roleId:id
}
treeselect(param).then((res)=>{
this.roleMenuDialog.detail = res.data.data.menuTrees;
this.roleMenuDialog.checkKeys = res.data.data.roleMenuIds;
this.roleMenuDialog.visible=true;
})
},
saveRoleMenu(){
let param={
roleId: this.rId,
menuIds:this.getMenuAllCheckedKeys()
}
saveRoleMenu(param).then((res)=>{
if(res.code == 20000){
this.$message.success("修改成功!");
this.roleMenuDialog.visible = false;
this.getList();
}
})
},
getMenuAllCheckedKeys() {
//
let checkedKeys = this.$refs.menu.getHalfCheckedKeys();
//
let halfCheckedKeys = this.$refs.menu.getCheckedKeys();
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
return checkedKeys;
},
statusFilterType(status) {
const statusMap = {
0: "success",
1: "warning",
};
return statusMap[status];
}
},
filters: {},
mounted() {
},
created() {
this.getList();
},
};
</script>
<style type="text/scss" lang="scss">
</style>
Loading…
Cancel
Save