|
|
@ -9,11 +9,12 @@ import type { TreeInstance } from 'element-plus' |
|
|
import type {RoleListTree,RoleFormInfo,orgAndPostisListTree} from '@/api/role/types' |
|
|
import type {RoleListTree,RoleFormInfo,orgAndPostisListTree} from '@/api/role/types' |
|
|
import { getOrgTreeList } from "@/api/hr/org/index"; |
|
|
import { getOrgTreeList } from "@/api/hr/org/index"; |
|
|
import { appPowerUnit } from "@/api/system/roleapi/power"; |
|
|
import { appPowerUnit } from "@/api/system/roleapi/power"; |
|
|
import type { getSystemPower,AppPowerTree,systemList } from "@/api/system/roleapi/types"; |
|
|
import type { getSystemPower,AppPowerTree,systemList,custerAppInfo } from "@/api/system/roleapi/types"; |
|
|
import { gainAppList,gainAppTableListNew,getPowerPageUser,systemAppAuthorization } from "@/api/system/roleapi/postrole"; |
|
|
import { gainAppList,gainAppTableListNew,getPowerPageUser,systemAppAuthorization,gainAppEmpowerPower } from "@/api/system/roleapi/postrole"; |
|
|
import { appTableBut, appListBut } from "@/utils/workflow/const"; |
|
|
import { appTableBut, appListBut,appDetailBut,formBaseBut,appGroupBut } from "@/utils/workflow/const"; |
|
|
import { Search } from '@element-plus/icons-vue' |
|
|
import { Search } from '@element-plus/icons-vue' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import SetRolePeople from '@/views/system/monitor/online/roleConfig/setRolePeople.vue' |
|
|
import SetRolePeople from '@/views/system/monitor/online/roleConfig/setRolePeople.vue' |
|
|
import AddRoleGroup from '@/views/system/monitor/online/roleConfig/addRoleGroup.vue' |
|
|
import AddRoleGroup from '@/views/system/monitor/online/roleConfig/addRoleGroup.vue' |
|
|
import EditRoleGroup from '@/views/system/monitor/online/roleConfig/editRoleGroup.vue' |
|
|
import EditRoleGroup from '@/views/system/monitor/online/roleConfig/editRoleGroup.vue' |
|
|
@ -43,6 +44,8 @@ const activeAppId = ref<string>(""); |
|
|
const appTableList = ref<custerAppTablePower[]>([]); |
|
|
const appTableList = ref<custerAppTablePower[]>([]); |
|
|
const myAppTableLoad = ref(false) |
|
|
const myAppTableLoad = ref(false) |
|
|
|
|
|
|
|
|
|
|
|
const appSystemConfig = ref<any[]>([]) |
|
|
|
|
|
const appFormButConfig = ref<any[]>([]) |
|
|
const props = { |
|
|
const props = { |
|
|
value: 'id', |
|
|
value: 'id', |
|
|
label: 'label', |
|
|
label: 'label', |
|
|
@ -318,10 +321,13 @@ const getAppTableList = (number:boolean) => { |
|
|
console.log("获取对应App下边的表单---number---->",number,activeAppId.value) |
|
|
console.log("获取对应App下边的表单---number---->",number,activeAppId.value) |
|
|
if(activeAppId.value){ |
|
|
if(activeAppId.value){ |
|
|
systemPower.value.appId = activeAppId.value.toString() |
|
|
systemPower.value.appId = activeAppId.value.toString() |
|
|
gainAppTableListNew({id:activeAppId.value,appType:systemPower.value.appSystem,powerType:systemPower.value.powerType,roleId:systemPower.value.roleId}).then( |
|
|
|
|
|
|
|
|
gainAppEmpowerPower({id:activeAppId.value,appType:systemPower.value.appSystem,powerType:systemPower.value.powerType,roleId:systemPower.value.roleId}).then( |
|
|
(data: any) => { |
|
|
(data: any) => { |
|
|
// console.log("获取对应App下边的表单", data); |
|
|
console.log("获取对应App下边的表单", data); |
|
|
if (Array.isArray(data.data)) { |
|
|
appSystemConfig.value = data.data.groupButPower; |
|
|
|
|
|
appFormButConfig.value = data.data.formButPower |
|
|
|
|
|
if (Array.isArray(data.data.list)) { |
|
|
if(number){ |
|
|
if(number){ |
|
|
data.data.forEach((item:any)=>{ |
|
|
data.data.forEach((item:any)=>{ |
|
|
item.tableIsAll = true |
|
|
item.tableIsAll = true |
|
|
@ -329,13 +335,38 @@ const getAppTableList = (number:boolean) => { |
|
|
item.listPower = [ "xz", "dr", "dc", "sc", "dy", "dyewm"] |
|
|
item.listPower = [ "xz", "dr", "dc", "sc", "dy", "dyewm"] |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
appTableList.value = data.data; |
|
|
appTableList.value = data.data.list; |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
appTableList.value = []; |
|
|
appTableList.value = []; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
myAppTableLoad.value = false |
|
|
myAppTableLoad.value = false |
|
|
} |
|
|
} |
|
|
); |
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
// gainAppTableListNew({id:activeAppId.value,appType:systemPower.value.appSystem,powerType:systemPower.value.powerType,roleId:systemPower.value.roleId}).then( |
|
|
|
|
|
// (data: any) => { |
|
|
|
|
|
// console.log("获取对应App下边的表单", data); |
|
|
|
|
|
// appSystemConfig.value = data.data.groupButPower; |
|
|
|
|
|
// appFormButConfig.value = data.data.formButPower |
|
|
|
|
|
// if (Array.isArray(data.data.list)) { |
|
|
|
|
|
// if(number){ |
|
|
|
|
|
// data.data.forEach((item:any)=>{ |
|
|
|
|
|
// item.tableIsAll = true |
|
|
|
|
|
// item.tablePower = [ "zc", "tj", "dy", "sc", "fz"] |
|
|
|
|
|
// item.listPower = [ "xz", "dr", "dc", "sc", "dy", "dyewm"] |
|
|
|
|
|
// }) |
|
|
|
|
|
// } |
|
|
|
|
|
// appTableList.value = data.data.list; |
|
|
|
|
|
|
|
|
|
|
|
// } else { |
|
|
|
|
|
// appTableList.value = []; |
|
|
|
|
|
|
|
|
|
|
|
// } |
|
|
|
|
|
// myAppTableLoad.value = false |
|
|
|
|
|
// } |
|
|
|
|
|
// ); |
|
|
}else{ |
|
|
}else{ |
|
|
myAppTableLoad.value = false |
|
|
myAppTableLoad.value = false |
|
|
} |
|
|
} |
|
|
@ -373,9 +404,10 @@ const pickAppList = (val: custerAppInfo) => { |
|
|
|
|
|
|
|
|
}; |
|
|
}; |
|
|
const pickAppTableList = (val: custerAppInfo) =>{ |
|
|
const pickAppTableList = (val: custerAppInfo) =>{ |
|
|
console.log("选择应用-22222--111111->",val,appTableList.value) |
|
|
console.log("选择应用-22222--111111->",val.isPick,val,appTableList.value) |
|
|
systemPower.value.isPick = !val.pickAll |
|
|
systemPower.value.isPick = !val.pickAll |
|
|
if(val.isPick){ |
|
|
if(val.isPick){ |
|
|
|
|
|
|
|
|
appTableList.value.forEach((item:any)=>{ |
|
|
appTableList.value.forEach((item:any)=>{ |
|
|
// console.log("选择应用-22222--333333->",val.isPick) |
|
|
// console.log("选择应用-22222--333333->",val.isPick) |
|
|
item.tableIsAll = !val.pickAll |
|
|
item.tableIsAll = !val.pickAll |
|
|
@ -383,14 +415,26 @@ const pickAppTableList = (val: custerAppInfo) =>{ |
|
|
item.listIsAll = true |
|
|
item.listIsAll = true |
|
|
item.tablePower = [ "zc", "tj", "dy", "sc", "fz"] |
|
|
item.tablePower = [ "zc", "tj", "dy", "sc", "fz"] |
|
|
item.listPower = [ "xz", "dr", "dc", "sc", "dy", "dyewm"] |
|
|
item.listPower = [ "xz", "dr", "dc", "sc", "dy", "dyewm"] |
|
|
|
|
|
item.tablePagePower = ['lc', 'lb', 'sj', 'dy', 'nc'] |
|
|
}else{ |
|
|
}else{ |
|
|
item.listIsAll = false |
|
|
item.listIsAll = false |
|
|
item.tablePower = [] |
|
|
item.tablePower = [] |
|
|
item.listPower = [] |
|
|
item.listPower = [] |
|
|
|
|
|
item.tablePagePower = [] |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
} |
|
|
}else{ |
|
|
|
|
|
appFormButConfig.value = [] |
|
|
|
|
|
} |
|
|
|
|
|
if(!val.pickAll){ |
|
|
|
|
|
console.log("选择应用-22222--333333->",val.pickAll) |
|
|
|
|
|
appFormButConfig.value = ["bjapp","scapp","xzfg","scfg","yzfg","xz","bj","sc","yz","jczdh","yysz","yyfb"] |
|
|
|
|
|
}else{ |
|
|
|
|
|
console.log("选择应用-22222--44444->",val.pickAll) |
|
|
|
|
|
appFormButConfig.value = [] |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
console.log("选择应用-22222--5555555->",appFormButConfig.value) |
|
|
} |
|
|
} |
|
|
//选择应用-22222--333333-> |
|
|
//选择应用-22222--333333-> |
|
|
const pickOneAppTableList = (item: any) =>{ |
|
|
const pickOneAppTableList = (item: any) =>{ |
|
|
@ -399,9 +443,11 @@ const pickOneAppTableList = (item: any) =>{ |
|
|
if(!item.listIsAll){ |
|
|
if(!item.listIsAll){ |
|
|
item.tablePower = [ "zc", "tj", "dy", "sc", "fz"] |
|
|
item.tablePower = [ "zc", "tj", "dy", "sc", "fz"] |
|
|
item.listPower = [ "xz", "dr", "dc", "sc", "dy", "dyewm"] |
|
|
item.listPower = [ "xz", "dr", "dc", "sc", "dy", "dyewm"] |
|
|
|
|
|
item.tablePagePower = ['lc', 'lb', 'sj', 'dy', 'nc'] |
|
|
}else{ |
|
|
}else{ |
|
|
item.tablePower = [] |
|
|
item.tablePower = [] |
|
|
item.listPower = [] |
|
|
item.listPower = [] |
|
|
|
|
|
item.tablePagePower = [] |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
@ -456,6 +502,9 @@ const savePowerUserSub = () => { |
|
|
const savePowerAppSub = () => { |
|
|
const savePowerAppSub = () => { |
|
|
console.log("提交应用授权--app-1---->",systemPower.value) |
|
|
console.log("提交应用授权--app-1---->",systemPower.value) |
|
|
console.log("提交应用授权--app-2---->",appTableList.value) |
|
|
console.log("提交应用授权--app-2---->",appTableList.value) |
|
|
|
|
|
console.log("提交应用授权--app-3---appSystemConfig->",appSystemConfig.value) |
|
|
|
|
|
console.log("提交应用授权--app-3---appFormButConfig->",appFormButConfig.value) |
|
|
|
|
|
|
|
|
let sendInfo = { |
|
|
let sendInfo = { |
|
|
powerType: systemPower.value.powerType, |
|
|
powerType: systemPower.value.powerType, |
|
|
appId: systemPower.value.appId, |
|
|
appId: systemPower.value.appId, |
|
|
@ -463,7 +512,9 @@ const savePowerAppSub = () => { |
|
|
roleId: systemPower.value.roleId, |
|
|
roleId: systemPower.value.roleId, |
|
|
isPick: systemPower.value.isPick, |
|
|
isPick: systemPower.value.isPick, |
|
|
sysstemPowerInfo: systemPowerTree.value, |
|
|
sysstemPowerInfo: systemPowerTree.value, |
|
|
CustomizeApp:appTableList.value |
|
|
CustomizeApp:appTableList.value, |
|
|
|
|
|
appSystemConfig:appSystemConfig.value, |
|
|
|
|
|
appFormButConfig:appFormButConfig.value, |
|
|
} |
|
|
} |
|
|
console.log("提交应用授权--app-3---->",sendInfo) |
|
|
console.log("提交应用授权--app-3---->",sendInfo) |
|
|
systemAppAuthorization(sendInfo).then((data)=>{ |
|
|
systemAppAuthorization(sendInfo).then((data)=>{ |
|
|
@ -759,8 +810,10 @@ onMounted(()=>{ |
|
|
<thead> |
|
|
<thead> |
|
|
|
|
|
|
|
|
<tr > |
|
|
<tr > |
|
|
|
|
|
<td align="center" width="10%">应用分组</td> |
|
|
<td align="center" width="20%">应用</td> |
|
|
<td align="center" width="20%">应用</td> |
|
|
<td width="80%"> |
|
|
<td align="center" width="10%">操作按钮</td> |
|
|
|
|
|
<td width="60%"> |
|
|
<div class="appPickPower"> |
|
|
<div class="appPickPower"> |
|
|
应用详情 |
|
|
应用详情 |
|
|
<el-button type="primary" size="small" @click="savePowerAppSub">确定授权</el-button> |
|
|
<el-button type="primary" size="small" @click="savePowerAppSub">确定授权</el-button> |
|
|
@ -770,6 +823,18 @@ onMounted(()=>{ |
|
|
</thead> |
|
|
</thead> |
|
|
<tbody> |
|
|
<tbody> |
|
|
<tr > |
|
|
<tr > |
|
|
|
|
|
<td valign="top"> |
|
|
|
|
|
<el-checkbox-group v-model="appSystemConfig"> |
|
|
|
|
|
<el-checkbox |
|
|
|
|
|
v-for="city in appGroupBut" |
|
|
|
|
|
:key="city.key" |
|
|
|
|
|
:label="city.label" |
|
|
|
|
|
:value="city.value" |
|
|
|
|
|
> |
|
|
|
|
|
{{ city.label }} |
|
|
|
|
|
</el-checkbox> |
|
|
|
|
|
</el-checkbox-group> |
|
|
|
|
|
</td> |
|
|
<td valign="top"> |
|
|
<td valign="top"> |
|
|
<el-scrollbar class="tab_pane_box"> |
|
|
<el-scrollbar class="tab_pane_box"> |
|
|
<ul class="appListBox"> |
|
|
<ul class="appListBox"> |
|
|
@ -779,29 +844,56 @@ onMounted(()=>{ |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
|
</el-scrollbar> |
|
|
</el-scrollbar> |
|
|
|
|
|
</td> |
|
|
|
|
|
<td valign="top"> |
|
|
|
|
|
<el-checkbox-group v-model="appFormButConfig"> |
|
|
|
|
|
<el-checkbox |
|
|
|
|
|
v-for="city in appDetailBut" |
|
|
|
|
|
:key="city.key" |
|
|
|
|
|
:label="city.label" |
|
|
|
|
|
:value="city.value" |
|
|
|
|
|
> |
|
|
|
|
|
{{ city.label }} |
|
|
|
|
|
</el-checkbox> |
|
|
|
|
|
</el-checkbox-group> |
|
|
</td> |
|
|
</td> |
|
|
<td valign="top"> |
|
|
<td valign="top"> |
|
|
<el-row class="row_head"> |
|
|
<el-row class="row_head"> |
|
|
<el-col class="roe_col_head left_line" :span="6"> |
|
|
<el-col class="roe_col_head left_line" :span="5"> |
|
|
页面 |
|
|
页面 |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col class="roe_col_head left_line" :span="5"> |
|
|
|
|
|
页面权力 |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col class="roe_col_head left_line" :span="6"> |
|
|
<el-col class="roe_col_head left_line" :span="4"> |
|
|
表单权力 |
|
|
表单权力 |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col class="roe_col_head left_line" :span="6"> |
|
|
<el-col class="roe_col_head left_line" :span="5"> |
|
|
列表权限 |
|
|
列表权限 |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col class="roe_col_head" :span="6"> |
|
|
<el-col class="roe_col_head" :span="5"> |
|
|
数据权限 |
|
|
数据权限 |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<el-scrollbar v-loading="myAppTableLoad" class="tab_pane_body"> |
|
|
<el-scrollbar v-loading="myAppTableLoad" class="tab_pane_body"> |
|
|
<el-row class="left_right" v-for="item in appTableList" :key="item.id"> |
|
|
<el-row class="left_right" v-for="item in appTableList" :key="item.id"> |
|
|
<el-col class="roe_col_head left_line" :span="6"> |
|
|
<el-col class="roe_col_head left_line" :span="5"> |
|
|
<el-checkbox @click.stop="pickOneAppTableList(item)" v-model="item.listIsAll" :value="item.listIsAll"></el-checkbox> |
|
|
<el-checkbox @click.stop="pickOneAppTableList(item)" v-model="item.listIsAll" :value="item.listIsAll"></el-checkbox> |
|
|
{{ item.name }} |
|
|
{{ item.name }} |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col class="roe_col_head left_line" :span="6"> |
|
|
<el-col class="roe_col_head left_line" :span="5"> |
|
|
|
|
|
<el-checkbox-group v-model="item.tablePagePower"> |
|
|
|
|
|
<el-checkbox |
|
|
|
|
|
v-for="city in formBaseBut" |
|
|
|
|
|
:key="city.key" |
|
|
|
|
|
:label="city.label" |
|
|
|
|
|
:value="city.value" |
|
|
|
|
|
> |
|
|
|
|
|
{{ city.label }} |
|
|
|
|
|
</el-checkbox> |
|
|
|
|
|
</el-checkbox-group> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col class="roe_col_head left_line" :span="4"> |
|
|
<el-checkbox-group v-model="item.tablePower"> |
|
|
<el-checkbox-group v-model="item.tablePower"> |
|
|
<el-checkbox |
|
|
<el-checkbox |
|
|
v-for="city in appTableBut" |
|
|
v-for="city in appTableBut" |
|
|
@ -813,7 +905,7 @@ onMounted(()=>{ |
|
|
</el-checkbox> |
|
|
</el-checkbox> |
|
|
</el-checkbox-group> |
|
|
</el-checkbox-group> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col class="roe_col_head left_line" :span="6"> |
|
|
<el-col class="roe_col_head left_line" :span="5"> |
|
|
<el-checkbox-group v-if="item.istIsTrue" v-model="item.listPower"> |
|
|
<el-checkbox-group v-if="item.istIsTrue" v-model="item.listPower"> |
|
|
<el-checkbox |
|
|
<el-checkbox |
|
|
v-for="city in appListBut" |
|
|
v-for="city in appListBut" |
|
|
@ -825,7 +917,7 @@ onMounted(()=>{ |
|
|
</el-checkbox> |
|
|
</el-checkbox> |
|
|
</el-checkbox-group> |
|
|
</el-checkbox-group> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col class="roe_col_head" :span="6"> |
|
|
<el-col class="roe_col_head" :span="5"> |
|
|
<el-radio-group |
|
|
<el-radio-group |
|
|
v-model="item.datePower.types" |
|
|
v-model="item.datePower.types" |
|
|
|
|
|
|
|
|
|
herenshan112
7 days ago