6 changed files with 318 additions and 30 deletions
@ -0,0 +1,87 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
|
|||
export interface shareOrgInfo{ |
|||
id:number |
|||
name:string |
|||
superior:number |
|||
level:number |
|||
status:boolean |
|||
child :shareOrgInfo[] |
|||
} |
|||
|
|||
/** |
|||
* 搜索条件 |
|||
*/ |
|||
export interface parsArchList extends PageQuery{ |
|||
page:number, |
|||
pagesize:number |
|||
adminorg?:number; //行政组织
|
|||
} |
|||
|
|||
export interface memberInfo{ |
|||
id:number, |
|||
name:string, |
|||
icon:string, |
|||
company:number, |
|||
maindeparment:number, |
|||
sunmaindeparment:number, |
|||
adminorg:number, |
|||
state:number, |
|||
keystr:string, |
|||
positionname :string, |
|||
} |
|||
|
|||
export type shareArchivesList = PageResult<memberInfo[]> |
|||
|
|||
/** |
|||
* 获取行政组织树 |
|||
*/ |
|||
export function getOrgTreeList(data: {orgid?:number}): AxiosPromise<shareOrgInfo[]>{ |
|||
return request({ |
|||
url: '/hrapi/org/govnewthreeing', |
|||
method: 'post', |
|||
data: data |
|||
}); |
|||
} |
|||
|
|||
/** |
|||
* 获取人员档案 |
|||
*/ |
|||
export function getArchivesListPage(data?: parsArchList): AxiosPromise<shareArchivesList> { |
|||
return request({ |
|||
url: '/hrapi/staff/archiveslistcont', |
|||
method: 'post', |
|||
data: data |
|||
}); |
|||
} |
|||
|
|||
/** |
|||
* 获取文档成员权限列表 |
|||
*/ |
|||
export function getPermitedList(uid:string,data:{uuid:string}): AxiosPromise<string[]> { |
|||
return request({ |
|||
url: '/hxpan/api/share/permits', |
|||
method: 'post', |
|||
headers: { |
|||
'Identifier':uid, |
|||
'Content-Type': 'application/x-www-form-urlencoded' |
|||
}, |
|||
data: data |
|||
}); |
|||
} |
|||
|
|||
/** |
|||
* 保存文档成员权限修改 |
|||
*/ |
|||
export function postPermitedList(uid:string,data?:{permitList:string, update:string,uid:string,uuid:string,len:number}){ |
|||
return request({ |
|||
url: '/hxpan/api/share/permits', |
|||
method: 'post', |
|||
headers: { |
|||
'Identifier':uid, |
|||
'Content-Type': 'application/x-www-form-urlencoded' |
|||
}, |
|||
data: data |
|||
}); |
|||
} |
|||
@ -0,0 +1,146 @@ |
|||
<script lang="ts" setup> |
|||
import { |
|||
getOrgTreeList, |
|||
getArchivesListPage, |
|||
shareOrgInfo, |
|||
memberInfo, |
|||
getPermitedList, |
|||
postPermitedList} from '@/api/hr/people/share_ctrol' |
|||
import { MessageBox } from '@element-plus/icons-vue/dist/types'; |
|||
|
|||
import { ElDialog, ElMessageBox,TableInstance } from 'element-plus'; |
|||
|
|||
const props = withDefaults(defineProps<{ |
|||
uid:string, //当前用户的uuid |
|||
uuid:string, //文档的uuid |
|||
confirmFunc?:(data:string[])=>void, //父级组件完全接管提交流程，组件不在做相关处理 |
|||
closeFunc:Function, //父级只需销毁组件 |
|||
}>(),{}) |
|||
|
|||
const treeData =ref<shareOrgInfo[]>([]) |
|||
const members=ref<memberInfo[]>([]) |
|||
const permited=new Set() |
|||
const tableMembersRef=ref<TableInstance>() |
|||
|
|||
|
|||
function onNodeClick(data:shareOrgInfo){ |
|||
getArchivesListPage({adminorg:data.id, page:1,pagesize:13}).then(resp=>{ |
|||
if(resp.data.count >200){ |
|||
ElMessageBox.alert("人数超过200，请按部门分配权限") |
|||
return |
|||
} |
|||
members.value=resp.data.list |
|||
//设置默认选中的人员 |
|||
members.value.forEach(row => { |
|||
if (permited.has('p0'+row.keystr)) { |
|||
// 确保 row-key 正确并且数据一致，手动选中行, 还要设置:reserve-selection="true"！！！ |
|||
tableMembersRef.value!.toggleRowSelection(row) |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
function onSavePermChange(){ |
|||
let _list = permited.keys().toArray().filter(val=>val!=='') |
|||
|
|||
//由父级组件自主处理，并自动清理本弹窗组件 |
|||
if(props.confirmFunc&&_list){ |
|||
props.confirmFunc(_list) |
|||
props.closeFunc() //关闭销毁 |
|||
return |
|||
} |
|||
|
|||
//btoa 是浏览器默认base64码工具 |
|||
postPermitedList(props.uid,{ |
|||
permitList: btoa(_list.join("|")), |
|||
update: "true", |
|||
uid: props.uid, |
|||
uuid: props.uuid, |
|||
len: _list.length |
|||
}).then(resp=>{ |
|||
props.closeFunc() |
|||
}).catch(()=>{ |
|||
ElMessageBox.alert("处理失败") |
|||
return |
|||
}) |
|||
} |
|||
|
|||
function onManualSelect(select:[],row:memberInfo){ |
|||
if(permited.has('p0'+row.keystr)){ //取消 |
|||
permited.delete('p0'+row.keystr) |
|||
}else{ |
|||
permited.add('p0'+row.keystr) //添加 |
|||
} |
|||
} |
|||
|
|||
function onSelectionAll(news:memberInfo[]){ |
|||
if(news.length>0){ |
|||
news.forEach((item)=>{ |
|||
permited.add('p0'+item.keystr) |
|||
}) |
|||
}else{ |
|||
news.forEach((item)=>{ |
|||
permited.delete('p0'+item.keystr) |
|||
}) |
|||
} |
|||
} |
|||
|
|||
onMounted(()=>{ |
|||
//在批量分享文件的时候，是没有uuid的，可以避免服务器的错误提示：uuid should not null |
|||
if(props.uuid!==""){ |
|||
getPermitedList(props.uid,{uuid:props.uuid}).then(resp=>{ |
|||
resp.data?.forEach(item=>{ |
|||
permited.add(item) //userUuids constitue the permited list |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
getOrgTreeList({}).then(resp=>{ |
|||
treeData.value=resp.data |
|||
}) |
|||
}) |
|||
|
|||
|
|||
</script> |
|||
|
|||
<template> |
|||
<el-dialog :model-value="true" :style="{'max-height': '650px'}" v-on:close="closeFunc()"> |
|||
<template #header> |
|||
<span>权限管理</span> |
|||
</template> |
|||
<div style="display: grid;grid-template-columns:1fr 1fr;"> |
|||
<div class="menus_tree"> |
|||
<el-tree |
|||
ref="treeRef" |
|||
key="id" |
|||
:data="treeData" |
|||
node-key="uuid" |
|||
:style="{maxHeight:'500px','overflow-y': 'auto'}" |
|||
:props="{label: 'name',children:'child',isLeaf:'dir'}" |
|||
:default-expanded-keys="['root']" |
|||
@node-click="onNodeClick" |
|||
/> |
|||
</div> |
|||
<div class="tablelist"> |
|||
<el-table ref="tableMembersRef" |
|||
:data="members" |
|||
row-key="keystr" |
|||
style="overflow-y: auto;height: 500px;" |
|||
@select="onManualSelect" |
|||
@select-all="onSelectionAll" |
|||
> |
|||
<el-table-column type="selection" :reserve-selection="true" width="30" /> |
|||
<el-table-column property="name" label="成员"></el-table-column> |
|||
<el-table-column property="positionname" label="职位"></el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
|
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button @click="closeFunc()">取消</el-button> |
|||
<el-button type="primary" @click="onSavePermChange">保存</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
Loading…
Reference in new issue