|
|
|
@ -3,49 +3,53 @@ |
|
|
|
@ 时间: 2023-07-07 09:11:55 |
|
|
|
@ 备注: 选择行政组织 |
|
|
|
--> |
|
|
|
<script lang='ts' setup> |
|
|
|
import { Search } from '@element-plus/icons-vue' //搜索图标 |
|
|
|
import { ElDivider } from 'element-plus' |
|
|
|
import { orgInfo,breadCrumbs,employeesCont,childDepartmentsCont } from '@/api/displayboardapi/types' |
|
|
|
import { getOrgChiled,getBasisOrgChiled } from '@/api/displayboardapi/indexapi' |
|
|
|
import { shuttleFramePickData } from '@/api/matrixapi/type' |
|
|
|
<script lang="ts" setup> |
|
|
|
import { Search } from "@element-plus/icons-vue"; //搜索图标 |
|
|
|
import { ElDivider } from "element-plus"; |
|
|
|
import { |
|
|
|
orgInfo, |
|
|
|
breadCrumbs, |
|
|
|
employeesCont, |
|
|
|
childDepartmentsCont, |
|
|
|
} from "@/api/displayboardapi/types"; |
|
|
|
import { getOrgChiled, getBasisOrgChiled } from "@/api/displayboardapi/indexapi"; |
|
|
|
import { shuttleFramePickData } from "@/api/matrixapi/type"; |
|
|
|
|
|
|
|
import { queryPeopleCont } from '@/api/hr/people/type' |
|
|
|
import { searchUserCont } from '@/api/hr/people/index' |
|
|
|
import { queryPeopleCont } from "@/api/hr/people/type"; |
|
|
|
import { searchUserCont } from "@/api/hr/people/index"; |
|
|
|
|
|
|
|
|
|
|
|
const spacer = h(ElDivider, { direction: 'vertical' }) |
|
|
|
const spacer = h(ElDivider, { direction: "vertical" }); |
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
|
orgBoxShow: { |
|
|
|
type: Boolean, |
|
|
|
default:false |
|
|
|
default: false, |
|
|
|
}, |
|
|
|
ismultiselect: { |
|
|
|
type: Boolean, |
|
|
|
default:false |
|
|
|
default: false, |
|
|
|
}, |
|
|
|
tabledata: { |
|
|
|
type: Object, |
|
|
|
default() { |
|
|
|
return {} |
|
|
|
} |
|
|
|
} |
|
|
|
return {}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}); |
|
|
|
const emits = defineEmits(["update:orgBoxShow"]); //父级元素 |
|
|
|
const dialogTitle = ref<string>() |
|
|
|
const dialogTitle = ref<string>(); |
|
|
|
const addOrgUserLoading = ref(false); |
|
|
|
const searchKeywords = ref<string>() |
|
|
|
const keywordsTitle = ref<string>() |
|
|
|
const orgInfoList = ref<orgInfo[]>() |
|
|
|
const orgBreadCrumbs = ref<breadCrumbs[]>() |
|
|
|
const employees = ref<employeesCont[]>() |
|
|
|
const childDepartments = ref<childDepartmentsCont[]>() |
|
|
|
const searchKeywords = ref<string>(); |
|
|
|
const keywordsTitle = ref<string>(); |
|
|
|
const orgInfoList = ref<orgInfo[]>(); |
|
|
|
const orgBreadCrumbs = ref<breadCrumbs[]>(); |
|
|
|
const employees = ref<employeesCont[]>(); |
|
|
|
const childDepartments = ref<childDepartmentsCont[]>(); |
|
|
|
const isCheckBox = ref(false); //是否多选 |
|
|
|
const pickDataList = ref<any>() |
|
|
|
const duoxuanVal = reactive<shuttleFramePickData[]>([]) |
|
|
|
const pickDataList = ref<any>(); |
|
|
|
const duoxuanVal = reactive<shuttleFramePickData[]>([]); |
|
|
|
// const danxuanVal = ref<shuttleFramePickData>() |
|
|
|
const countPick=ref(0) |
|
|
|
const countPick = ref(0); |
|
|
|
/** |
|
|
|
* 弹窗显示控制 |
|
|
|
*/ |
|
|
|
@ -61,12 +65,12 @@ const pickorg_is_Show = computed({ |
|
|
|
function closeBox() { |
|
|
|
// eslint-disable-next-line vue/no-mutating-props |
|
|
|
props.tabledata.isedit = false; |
|
|
|
pickDataList.value =[] |
|
|
|
orgInfoList.value = [] |
|
|
|
duoxuanVal.slice(0,duoxuanVal.length) |
|
|
|
let emptyOrg = new Array |
|
|
|
duoxuanVal.length = 0 |
|
|
|
searchKeywords.value="" |
|
|
|
pickDataList.value = []; |
|
|
|
orgInfoList.value = []; |
|
|
|
duoxuanVal.slice(0, duoxuanVal.length); |
|
|
|
let emptyOrg = new Array(); |
|
|
|
duoxuanVal.length = 0; |
|
|
|
searchKeywords.value = ""; |
|
|
|
// //console.log("关闭弹窗",duoxuanVal) |
|
|
|
// eslint-disable-next-line vue/no-mutating-props |
|
|
|
// props.tabledata.namelist=["秦东","马飞"] |
|
|
|
@ -79,12 +83,12 @@ function getOrgList(orgId:number){ |
|
|
|
getOrgChiled({ id: orgId }) |
|
|
|
.then(({ data }) => { |
|
|
|
// //console.log("获取行政组织",data) |
|
|
|
orgInfoList.value = data.list |
|
|
|
orgBreadCrumbs.value = data.tabval |
|
|
|
orgInfoList.value = data.list; |
|
|
|
orgBreadCrumbs.value = data.tabval; |
|
|
|
}) |
|
|
|
.finally(() => { |
|
|
|
isPick() |
|
|
|
}) |
|
|
|
isPick(); |
|
|
|
}); |
|
|
|
} |
|
|
|
/** |
|
|
|
* 判断是否选中 |
|
|
|
@ -93,156 +97,156 @@ function isPick(id?:number|string){ |
|
|
|
// //console.log("orgInfoList->",orgInfoList) |
|
|
|
// //console.log("pickDataList->",pickDataList) |
|
|
|
if (pickDataList.value && pickDataList.value.length > 0) { |
|
|
|
orgInfoList.value?.forEach(item=>{ |
|
|
|
orgInfoList.value?.forEach((item) => { |
|
|
|
if (id == item.id) { |
|
|
|
item.isActiveItem = false |
|
|
|
item.isActiveItem = false; |
|
|
|
} |
|
|
|
pickDataList.value.forEach((items: any) => { |
|
|
|
if (item.id == items.id) { |
|
|
|
item.isActiveItem = true |
|
|
|
item.isActiveItem = true; |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
employees.value?.forEach(item=>{ |
|
|
|
}); |
|
|
|
}); |
|
|
|
employees.value?.forEach((item) => { |
|
|
|
if (id == item.id) { |
|
|
|
item.ispick = false |
|
|
|
item.ispick = false; |
|
|
|
} |
|
|
|
pickDataList.value.forEach((items: any) => { |
|
|
|
if (item.id == items.id) { |
|
|
|
item.ispick = true |
|
|
|
item.ispick = true; |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
}); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
orgInfoList.value?.forEach(item=>{ |
|
|
|
orgInfoList.value?.forEach((item) => { |
|
|
|
if (id == item.id) { |
|
|
|
item.isActiveItem = false |
|
|
|
item.isActiveItem = false; |
|
|
|
} |
|
|
|
}) |
|
|
|
employees.value?.forEach(items=>{ |
|
|
|
}); |
|
|
|
employees.value?.forEach((items) => { |
|
|
|
if (id == items.id) { |
|
|
|
items.ispick = false |
|
|
|
items.ispick = false; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
/** |
|
|
|
* 监听数据 |
|
|
|
*/ |
|
|
|
watch(() => props.orgBoxShow,() => { |
|
|
|
duoxuanVal.slice(0,duoxuanVal.length) |
|
|
|
watch( |
|
|
|
() => props.orgBoxShow, |
|
|
|
() => { |
|
|
|
duoxuanVal.slice(0, duoxuanVal.length); |
|
|
|
if (props.orgBoxShow) { |
|
|
|
isCheckBox.value = props.ismultiselect |
|
|
|
pickDataList.value = props.tabledata.userlist |
|
|
|
isCheckBox.value = props.ismultiselect; |
|
|
|
pickDataList.value = props.tabledata.userlist; |
|
|
|
// //console.log("监听数据-----sd3------>",isCheckBox.value) |
|
|
|
switch (props.tabledata.types) { |
|
|
|
case 2: |
|
|
|
dialogTitle.value = "选择行政组织" |
|
|
|
keywordsTitle.value = "请输入关键字" |
|
|
|
dialogTitle.value = "选择行政组织"; |
|
|
|
keywordsTitle.value = "请输入关键字"; |
|
|
|
break; |
|
|
|
case 3: |
|
|
|
dialogTitle.value = "选择分部" |
|
|
|
keywordsTitle.value = "请输入关键字" |
|
|
|
dialogTitle.value = "选择分部"; |
|
|
|
keywordsTitle.value = "请输入关键字"; |
|
|
|
break; |
|
|
|
default: |
|
|
|
dialogTitle.value = "选择成员" |
|
|
|
keywordsTitle.value = "请输入姓名或工号" |
|
|
|
dialogTitle.value = "选择成员"; |
|
|
|
keywordsTitle.value = "请输入姓名或工号"; |
|
|
|
} |
|
|
|
if (props.tabledata.types > 1) { |
|
|
|
getOrgList(313) |
|
|
|
getOrgList(313); |
|
|
|
} else { |
|
|
|
getOrgAndPeople(313) |
|
|
|
getOrgAndPeople(313); |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
); |
|
|
|
/** |
|
|
|
* 选定值 |
|
|
|
*/ |
|
|
|
function pickval(cont: any) { |
|
|
|
|
|
|
|
// //console.log("选定在----》",duoxuanVal) |
|
|
|
if (isCheckBox.value) { |
|
|
|
cont.isActiveItem = true |
|
|
|
cont.isActiveItem = true; |
|
|
|
let xieRu = true; |
|
|
|
duoxuanVal.forEach(item =>{ |
|
|
|
duoxuanVal.forEach((item) => { |
|
|
|
if (item.id == cont.id) { |
|
|
|
xieRu = false; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
if (xieRu) { |
|
|
|
duoxuanVal.push({ |
|
|
|
id: cont.id.toString(), |
|
|
|
name: cont.name, |
|
|
|
icon:"" |
|
|
|
}) |
|
|
|
pickDataList.value = duoxuanVal |
|
|
|
icon: "", |
|
|
|
}); |
|
|
|
pickDataList.value = duoxuanVal; |
|
|
|
} |
|
|
|
} else { |
|
|
|
pickDataList.value = [ |
|
|
|
{ |
|
|
|
id: cont.id.toString(), |
|
|
|
name: cont.name, |
|
|
|
icon:"" |
|
|
|
} |
|
|
|
] |
|
|
|
orgInfoList.value?.forEach(item=>{ |
|
|
|
icon: "", |
|
|
|
}, |
|
|
|
]; |
|
|
|
orgInfoList.value?.forEach((item) => { |
|
|
|
if (cont.id == item.id) { |
|
|
|
item.isActiveItem = true |
|
|
|
item.isActiveItem = true; |
|
|
|
} else { |
|
|
|
item.isActiveItem = false |
|
|
|
item.isActiveItem = false; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
} |
|
|
|
countPick.value = pickDataList.value.length |
|
|
|
|
|
|
|
countPick.value = pickDataList.value.length; |
|
|
|
} |
|
|
|
/** |
|
|
|
* 选定人员 |
|
|
|
*/ |
|
|
|
function pickuserval(cont: any) { |
|
|
|
if (cont.ispick) { |
|
|
|
cont.ispick = false |
|
|
|
let dxval = new Array |
|
|
|
cont.ispick = false; |
|
|
|
let dxval = new Array(); |
|
|
|
pickDataList.value.forEach((item: any) => { |
|
|
|
if (item.id != cont.id) { |
|
|
|
dxval.push(item); |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
|
|
|
|
duoxuanVal.splice(0,duoxuanVal.length) |
|
|
|
dxval.forEach(items=>{ |
|
|
|
duoxuanVal.push(items) |
|
|
|
}) |
|
|
|
pickDataList.value = dxval |
|
|
|
duoxuanVal.splice(0, duoxuanVal.length); |
|
|
|
dxval.forEach((items) => { |
|
|
|
duoxuanVal.push(items); |
|
|
|
}); |
|
|
|
pickDataList.value = dxval; |
|
|
|
} else { |
|
|
|
cont.ispick = true |
|
|
|
let iconVal = cont.icon |
|
|
|
if(iconVal == "" || iconVal == null) iconVal = cont.iconToBase64 |
|
|
|
cont.ispick = true; |
|
|
|
let iconVal = cont.icon; |
|
|
|
if (iconVal == "" || iconVal == null) iconVal = cont.iconToBase64; |
|
|
|
|
|
|
|
duoxuanVal.push({ |
|
|
|
id: cont.id.toString(), |
|
|
|
name: cont.employeeName, |
|
|
|
icon:iconVal |
|
|
|
}) |
|
|
|
pickDataList.value = duoxuanVal |
|
|
|
icon: iconVal, |
|
|
|
}); |
|
|
|
pickDataList.value = duoxuanVal; |
|
|
|
//console.log("选定人员--1->",cont) |
|
|
|
//console.log("选定人员--2->",pickDataList) |
|
|
|
//console.log("选定人员--3->",duoxuanVal) |
|
|
|
//console.log("选定人员--4->",iconVal) |
|
|
|
} |
|
|
|
countPick.value = pickDataList.value.length |
|
|
|
countPick.value = pickDataList.value.length; |
|
|
|
} |
|
|
|
/** |
|
|
|
* 删除已经选择 |
|
|
|
*/ |
|
|
|
function delPickData(cont: any, index: number) { |
|
|
|
pickDataList.value.splice(index, 1); |
|
|
|
isPick(cont.id) |
|
|
|
isPick(cont.id); |
|
|
|
} |
|
|
|
function delPickUserData(cont: any, index: number) { |
|
|
|
pickDataList.value.splice(index, 1); |
|
|
|
isPick(cont.id) |
|
|
|
isPick(cont.id); |
|
|
|
} |
|
|
|
/** |
|
|
|
* 提交数据 |
|
|
|
@ -253,25 +257,25 @@ function submitPickOrgOrUser(){ |
|
|
|
// eslint-disable-next-line vue/no-mutating-props |
|
|
|
// props.tabledata.namelist=["秦东","马飞"] |
|
|
|
if (pickDataList.value && pickDataList.value.length > 0) { |
|
|
|
let nameAry = new Array |
|
|
|
let userAry = new Array |
|
|
|
let nameAry = new Array(); |
|
|
|
let userAry = new Array(); |
|
|
|
pickDataList.value.forEach((item: any) => { |
|
|
|
nameAry.push(item.name) |
|
|
|
nameAry.push(item.name); |
|
|
|
userAry.push({ |
|
|
|
id: item.id.toString(), |
|
|
|
name: item.name, |
|
|
|
icon:item.icon |
|
|
|
}) |
|
|
|
}) |
|
|
|
icon: item.icon, |
|
|
|
}); |
|
|
|
}); |
|
|
|
// eslint-disable-next-line vue/no-mutating-props |
|
|
|
props.tabledata.namelist = nameAry |
|
|
|
props.tabledata.namelist = nameAry; |
|
|
|
// eslint-disable-next-line vue/no-mutating-props |
|
|
|
props.tabledata.userlist = userAry |
|
|
|
props.tabledata.userlist = userAry; |
|
|
|
} else { |
|
|
|
// eslint-disable-next-line vue/no-mutating-props |
|
|
|
props.tabledata.namelist = [] |
|
|
|
props.tabledata.namelist = []; |
|
|
|
// eslint-disable-next-line vue/no-mutating-props |
|
|
|
props.tabledata.userlist = [] |
|
|
|
props.tabledata.userlist = []; |
|
|
|
} |
|
|
|
closeBox(); |
|
|
|
} |
|
|
|
@ -279,26 +283,26 @@ function submitPickOrgOrUser(){ |
|
|
|
* 清空 |
|
|
|
*/ |
|
|
|
function emptyPickList() { |
|
|
|
pickDataList.value =[] |
|
|
|
duoxuanVal.slice(0,duoxuanVal.length) |
|
|
|
let emptyOrg = new Array |
|
|
|
duoxuanVal.length = 0 |
|
|
|
orgInfoList.value?.forEach(item=>{ |
|
|
|
item.isActiveItem = false |
|
|
|
}) |
|
|
|
pickDataList.value = []; |
|
|
|
duoxuanVal.slice(0, duoxuanVal.length); |
|
|
|
let emptyOrg = new Array(); |
|
|
|
duoxuanVal.length = 0; |
|
|
|
orgInfoList.value?.forEach((item) => { |
|
|
|
item.isActiveItem = false; |
|
|
|
}); |
|
|
|
} |
|
|
|
/** =========================================分割线。以下是行政组织人员相关内容=============================================================== */ |
|
|
|
/** |
|
|
|
* 清空已选择的人员 |
|
|
|
*/ |
|
|
|
function emptyPickuserList() { |
|
|
|
pickDataList.value =[] |
|
|
|
duoxuanVal.slice(0,duoxuanVal.length) |
|
|
|
let emptyOrg = new Array |
|
|
|
duoxuanVal.length = 0 |
|
|
|
employees.value?.forEach(item=>{ |
|
|
|
item.ispick = false |
|
|
|
}) |
|
|
|
pickDataList.value = []; |
|
|
|
duoxuanVal.slice(0, duoxuanVal.length); |
|
|
|
let emptyOrg = new Array(); |
|
|
|
duoxuanVal.length = 0; |
|
|
|
employees.value?.forEach((item) => { |
|
|
|
item.ispick = false; |
|
|
|
}); |
|
|
|
} |
|
|
|
/** |
|
|
|
* 获取行政组织和人员 |
|
|
|
@ -307,55 +311,56 @@ function getOrgAndPeople(orgid:number){ |
|
|
|
getBasisOrgChiled({ id: orgid.toString() }) |
|
|
|
.then(({ data }) => { |
|
|
|
//console.log("获取行政组织和人员",data) |
|
|
|
orgBreadCrumbs.value = data.titleDepartments |
|
|
|
employees.value = data.employees |
|
|
|
childDepartments.value = data.childDepartments |
|
|
|
orgBreadCrumbs.value = data.titleDepartments; |
|
|
|
employees.value = data.employees; |
|
|
|
childDepartments.value = data.childDepartments; |
|
|
|
}) |
|
|
|
.finally(() => { |
|
|
|
isPick() |
|
|
|
}) |
|
|
|
isPick(); |
|
|
|
}); |
|
|
|
} |
|
|
|
/** |
|
|
|
* 搜索人员 |
|
|
|
*/ |
|
|
|
function searchPeople() { |
|
|
|
if (searchKeywords.value != "") { |
|
|
|
childDepartments.value = new Array |
|
|
|
searchUserCont({page:1,pagesize:20,name:searchKeywords.value}) |
|
|
|
.then(({data})=>{ |
|
|
|
childDepartments.value = new Array(); |
|
|
|
searchUserCont({ page: 1, pagesize: 20, name: searchKeywords.value }).then( |
|
|
|
({ data }) => { |
|
|
|
//console.log("搜索人员",data) |
|
|
|
let usAry = new Array |
|
|
|
data.list.forEach(item=>{ |
|
|
|
let pickVal = false |
|
|
|
let usAry = new Array(); |
|
|
|
data.list.forEach((item) => { |
|
|
|
let pickVal = false; |
|
|
|
if (pickDataList.value && pickDataList.value.length > 0) { |
|
|
|
pickDataList.value.forEach((items: any) => { |
|
|
|
if (item.id == items.id) { |
|
|
|
pickVal = true |
|
|
|
pickVal = true; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
usAry.push({ |
|
|
|
"id":item.id, //string //"95196156539179008", |
|
|
|
"employeeName":item.employeeName, //string //"胡齐帅", |
|
|
|
"isLeave":item.isLeave, //string //"0", |
|
|
|
"open":item.open, //boolean //"false", |
|
|
|
"icon":item.icon, //string //"", |
|
|
|
"iconToBase64":item.iconToBase64, //string //"", |
|
|
|
"wechat":item.wechat, //string //"", |
|
|
|
"departmentid":item.departmentid, //number //102, |
|
|
|
"departmentname":item.departmentname, //string //"企管部", |
|
|
|
"postid":item.postid, //number //798, |
|
|
|
"postname":item.postname, //string //"岗监员", |
|
|
|
"tema":item.tema, //number //0, |
|
|
|
"temaname":item.temaname, //string //"" |
|
|
|
"ispick":pickVal, //boolean // |
|
|
|
}) |
|
|
|
}) |
|
|
|
employees.value = usAry |
|
|
|
}) |
|
|
|
id: item.id, //string //"95196156539179008", |
|
|
|
employeeName: item.employeeName, //string //"胡齐帅", |
|
|
|
isLeave: item.isLeave, //string //"0", |
|
|
|
open: item.open, //boolean //"false", |
|
|
|
icon: item.icon, //string //"", |
|
|
|
iconToBase64: item.iconToBase64, //string //"", |
|
|
|
wechat: item.wechat, //string //"", |
|
|
|
departmentid: item.departmentid, //number //102, |
|
|
|
departmentname: item.departmentname, //string //"企管部", |
|
|
|
postid: item.postid, //number //798, |
|
|
|
postname: item.postname, //string //"岗监员", |
|
|
|
tema: item.tema, //number //0, |
|
|
|
temaname: item.temaname, //string //"" |
|
|
|
ispick: pickVal, //boolean // |
|
|
|
}); |
|
|
|
}); |
|
|
|
employees.value = usAry; |
|
|
|
} |
|
|
|
); |
|
|
|
} else { |
|
|
|
getOrgAndPeople(313) |
|
|
|
getOrgAndPeople(313); |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -381,10 +386,19 @@ function searchPeople(){ |
|
|
|
</div> |
|
|
|
<el-space :size="-2" :spacer="spacer" class="mianbaoxue"> |
|
|
|
<el-text class="allSearch" @click="getOrgList(313)">所有</el-text> |
|
|
|
<el-text v-for="(it,ind) in orgBreadCrumbs" :key="ind" @click="getOrgList(parseInt(it.id))">{{ it.departmentName }}</el-text> |
|
|
|
<el-text |
|
|
|
v-for="(it, ind) in orgBreadCrumbs" |
|
|
|
:key="ind" |
|
|
|
@click="getOrgList(parseInt(it.id))" |
|
|
|
>{{ it.departmentName }}</el-text |
|
|
|
> |
|
|
|
</el-space> |
|
|
|
<ul class="select-box"> |
|
|
|
<li v-for="(item,index) in orgInfoList" :key="index" :class="{active: item.isActiveItem}"> |
|
|
|
<li |
|
|
|
v-for="(item, index) in orgInfoList" |
|
|
|
:key="index" |
|
|
|
:class="{ active: item.isActiveItem }" |
|
|
|
> |
|
|
|
<div class="orgboxdiv"> |
|
|
|
<el-tooltip |
|
|
|
class="box-item" |
|
|
|
@ -393,10 +407,14 @@ function searchPeople(){ |
|
|
|
placement="left" |
|
|
|
> |
|
|
|
<el-text truncated @click="pickval(item)"> |
|
|
|
<img src="@/assets/image/icon_file.png">{{ item.name }} |
|
|
|
<img src="@/assets/image/icon_file.png" />{{ item.name }} |
|
|
|
</el-text> |
|
|
|
</el-tooltip> |
|
|
|
<i v-if="item.ischild&&props.tabledata.types!=3" @click="getOrgList(item.id)">下级</i> |
|
|
|
<i |
|
|
|
v-if="item.ischild && props.tabledata.types != 3" |
|
|
|
@click="getOrgList(item.id)" |
|
|
|
>下级</i |
|
|
|
> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
@ -415,11 +433,15 @@ function searchPeople(){ |
|
|
|
placement="right" |
|
|
|
> |
|
|
|
<el-text truncated> |
|
|
|
<img src="@/assets/image/icon_file.png">{{ item.name }} |
|
|
|
<img src="@/assets/image/icon_file.png" />{{ item.name }} |
|
|
|
</el-text> |
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
<svg-icon icon-class="cc_k" class="right_5" @click="delPickData(item,index)" /> |
|
|
|
<svg-icon |
|
|
|
icon-class="cc_k" |
|
|
|
class="right_5" |
|
|
|
@click="delPickData(item, index)" |
|
|
|
/> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</el-col> |
|
|
|
@ -439,10 +461,19 @@ function searchPeople(){ |
|
|
|
</div> |
|
|
|
<el-space :size="-2" :spacer="spacer" class="mianbaoxue"> |
|
|
|
<el-text class="allSearch" @click="getOrgAndPeople(313)">所有</el-text> |
|
|
|
<el-text v-for="(it,ind) in orgBreadCrumbs" :key="ind" @click="getOrgAndPeople(parseInt(it.id))">{{ it.departmentName }}</el-text> |
|
|
|
<el-text |
|
|
|
v-for="(it, ind) in orgBreadCrumbs" |
|
|
|
:key="ind" |
|
|
|
@click="getOrgAndPeople(parseInt(it.id))" |
|
|
|
>{{ it.departmentName }}</el-text |
|
|
|
> |
|
|
|
</el-space> |
|
|
|
<ul class="select-box"> |
|
|
|
<li v-for="(item,index) in childDepartments" :key="index" :class="{active: item.isActiveItem}"> |
|
|
|
<li |
|
|
|
v-for="(item, index) in childDepartments" |
|
|
|
:key="index" |
|
|
|
:class="{ active: item.isActiveItem }" |
|
|
|
> |
|
|
|
<div class="orgboxdiv"> |
|
|
|
<el-tooltip |
|
|
|
class="box-item" |
|
|
|
@ -451,18 +482,30 @@ function searchPeople(){ |
|
|
|
placement="left" |
|
|
|
> |
|
|
|
<el-text truncated> |
|
|
|
<img src="@/assets/image/icon_file.png">{{ item.departmentName }} |
|
|
|
<img src="@/assets/image/icon_file.png" />{{ item.departmentName }} |
|
|
|
</el-text> |
|
|
|
</el-tooltip> |
|
|
|
<i @click="getOrgAndPeople(parseInt(item.id))">下级</i> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
<li v-for="(item,index) in employees" :key="index" :class="{active: item.ispick}"> |
|
|
|
<li |
|
|
|
v-for="(item, index) in employees" |
|
|
|
:key="index" |
|
|
|
:class="{ active: item.ispick }" |
|
|
|
> |
|
|
|
<div class="userboxdiv" @click="pickuserval(item)"> |
|
|
|
<svg-icon v-if="item.ispick" icon-class="select3" /><svg-icon v-else icon-class="select1" /> |
|
|
|
<img v-if="item.icon && item.icon != ''" :src="item.icon"> |
|
|
|
<img v-else-if="item.icon == '' && item.iconToBase64 && item.iconToBase64 != ''" :src="item.iconToBase64"> |
|
|
|
<img v-else src="@/assets/image/icon_people.png"> |
|
|
|
<svg-icon v-if="item.ispick" icon-class="select3" /><svg-icon |
|
|
|
v-else |
|
|
|
icon-class="select1" |
|
|
|
/> |
|
|
|
<img v-if="item.icon && item.icon != ''" :src="item.icon" /> |
|
|
|
<img |
|
|
|
v-else-if=" |
|
|
|
item.icon == '' && item.iconToBase64 && item.iconToBase64 != '' |
|
|
|
" |
|
|
|
:src="item.iconToBase64" |
|
|
|
/> |
|
|
|
<img v-else src="@/assets/image/icon_people.png" /> |
|
|
|
{{ item.employeeName }} |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
@ -482,26 +525,37 @@ function searchPeople(){ |
|
|
|
placement="right" |
|
|
|
> |
|
|
|
<el-text truncated> |
|
|
|
<img v-if="item.icon && item.icon != ''" :src="item.icon"><img v-else src="@/assets/image/icon_people.png">{{ item.name }} |
|
|
|
<img v-if="item.icon && item.icon != ''" :src="item.icon" /><img |
|
|
|
v-else |
|
|
|
src="@/assets/image/icon_people.png" |
|
|
|
/>{{ item.name }} |
|
|
|
</el-text> |
|
|
|
</el-tooltip> |
|
|
|
|
|
|
|
<svg-icon icon-class="cc_k" class="right_5" @click="delPickUserData(item,index)" /> |
|
|
|
<svg-icon |
|
|
|
icon-class="cc_k" |
|
|
|
class="right_5" |
|
|
|
@click="delPickUserData(item, index)" |
|
|
|
/> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<template #footer> |
|
|
|
<div class="dialog-footer"> |
|
|
|
<el-button type="primary" :loading="addOrgUserLoading" @click="submitPickOrgOrUser" >确 定</el-button> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
:loading="addOrgUserLoading" |
|
|
|
@click="submitPickOrgOrUser" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
<el-button @click="closeBox">取 消</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
</template> |
|
|
|
<style lang='scss' scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.biankuang_all { |
|
|
|
border: 1px solid rgb(220, 223, 230); |
|
|
|
} |
|
|
|
@ -546,7 +600,6 @@ function searchPeople(){ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
} |
|
|
|
i { |
|
|
|
min-width: 60px; |
|
|
|
|
herenshan112
7 months ago