20 changed files with 1278 additions and 523 deletions
@ -0,0 +1,577 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2023-06-15 13:01:11 |
|||
@ 备注: 员工档案 |
|||
--> |
|||
<script lang="ts" setup> |
|||
/** |
|||
* 引入页面 |
|||
*/ |
|||
import UserContent from "@/views/hr/archives/basicinformation/content.vue"; |
|||
import EditUserContent from "@/views/hr/archives/basicinformation/editcontent.vue"; |
|||
import OrgNexus from "@/views/hr/archives/basicinformation/orgnexus.vue"; //行政组织 |
|||
import EmergencyContactPage from "@/views/hr/archives/basicinformation/emergencycontact.vue"; //紧急联系人 |
|||
import WorkingCouplePage from "@/views/hr/archives/basicinformation/workingcouple.vue"; //双职工 |
|||
import FamilyMembers from "@/views/hr/archives/basicinformation/familymembers.vue"; //家庭成员 |
|||
import EducationalExperience from "@/views/hr/archives/basicinformation/educationalexperience.vue"; //教育经历 |
|||
import InnerWork from "@/views/hr/archives/basicinformation/innerwork.vue"; //集团内部工作履历 |
|||
import OutsideWork from "@/views/hr/archives/basicinformation/outsideWork.vue"; //集团外部工作履历 |
|||
import Editpwd from "@/views/hr/archives/basicinformation/editpwd.vue"; //修改登陆密码 |
|||
import EditOrg from "@/views/hr/archives/basicinformation/editorg.vue"; //修改行政组织 |
|||
import CharacterColor from "@/views/hr/archives/basicinformation/charactercolor.vue"; //性格色彩 |
|||
import DiscTest from "@/views/hr/archives/basicinformation/discTest.vue"; //DISC测试结果 |
|||
import Rewardsandpunishments from "@/views/hr/archives/basicinformation/rewardsandpunishments.vue"; //奖惩记录 |
|||
import Appraisalrecord from "@/views/hr/archives/basicinformation/appraisalrecord.vue"; //考评记录 |
|||
import Talentinventory from "@/views/hr/archives/basicinformation/talentinventory.vue"; //人才盘点 |
|||
import Employmentrelations from "@/views/hr/archives/basicinformation/employmentrelations.vue"; //员工用工关系 |
|||
import Jobtitle from "@/views/hr/archives/basicinformation/jobtitle.vue"; //职称信息 |
|||
import Certificates from "@/views/hr/archives/basicinformation/certificates.vue"; //证书信息 |
|||
|
|||
import { archivesCont } from "@/api/hr/people/type"; |
|||
|
|||
import SvgIcon from "@/components/SvgIcon/index.vue"; |
|||
import UserRole from "@/assets/icons/user.svg"; |
|||
|
|||
import { myinfostruct } from "@/api/hr/people/type"; |
|||
import { getMyInfoing, editMyInfoIcon } from "@/api/hr/people/index"; |
|||
import type { UploadProps } from "element-plus"; |
|||
|
|||
const props = defineProps({ |
|||
isShow: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
archivesdata: { |
|||
type: Object, |
|||
default() { |
|||
return {}; |
|||
}, |
|||
}, |
|||
}); |
|||
const emits = defineEmits([ |
|||
"update:isShow", |
|||
"updatemyconting", |
|||
"getarchivespageclick", |
|||
]); //操作父级数据 |
|||
const boxTitle = ref<string>(); //弹出框标题 |
|||
const userIcon = ref<string>(); //人员内容 |
|||
const activeName = ref("1"); |
|||
const editMyCont = ref(false); |
|||
// const userConting = ref<myinfostruct>(); |
|||
const userConting = reactive<myinfostruct>({ |
|||
entrydatetime: "", |
|||
probationperiod: 1, |
|||
}); |
|||
const rowLoading = ref(false); |
|||
const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API + "/api/upordown"; |
|||
const editMyOrgCont = ref(false); |
|||
/** |
|||
* 弹窗显示控制 |
|||
*/ |
|||
const boxShow = computed({ |
|||
get: () => props.isShow, |
|||
set: (val) => { |
|||
emits("update:isShow", val); |
|||
}, |
|||
}); |
|||
/** |
|||
* 获取人员数据 |
|||
*/ |
|||
function getjtcyList() { |
|||
rowLoading.value = true; |
|||
getMyInfoing({ id: props.archivesdata.id, idstr: props.archivesdata.idstr }) |
|||
.then((data) => { |
|||
// userConting.value = data.data |
|||
userConting.id = data.data.id; |
|||
userConting.number = data.data.number; //"300450", |
|||
userConting.name = data.data.name; //"秦东", |
|||
userConting.icon = data.data.icon; // |
|||
userConting.hireclass = data.data.hireclass; //1, |
|||
userConting.emptype = data.data.emptype; //8, |
|||
userConting.company = data.data.company; //309, |
|||
userConting.maindeparment = data.data.maindeparment; //102, |
|||
userConting.sunmaindeparment = data.data.sunmaindeparment; //272, |
|||
userConting.deparment = data.data.deparment; //"", |
|||
userConting.adminorg = data.data.adminorg; //272, |
|||
userConting.teamid = data.data.teamid; //1, |
|||
userConting.position = data.data.position; //2184, |
|||
userConting.jobclass = data.data.jobclass; //5, |
|||
userConting.jobid = data.data.jobid; //36, |
|||
userConting.jobleve = data.data.jobleve; //3, |
|||
userConting.time = data.data.time; //1656984567, |
|||
userConting.eitetime = data.data.eitetime; //1671160648, |
|||
userConting.wechat = data.data.wechat; //"", |
|||
userConting.workwechat = data.data.workwechat; //"KaiXinGuo", |
|||
userConting.state = data.data.state; //1, |
|||
userConting.key = data.data.key; //15993815826844528, |
|||
userConting.isadmin = data.data.isadmin; //4, |
|||
userConting.password = data.data.password; //"ecffe8715d2d3c2743bab6abc90e1331", |
|||
userConting.role = data.data.role; //"1", |
|||
userConting.idcardno = data.data.idcardno; //"370921198810151515", |
|||
userConting.passportno = data.data.passportno; //"", |
|||
userConting.globalroaming = data.data.globalroaming; //"", |
|||
userConting.mobilephone = data.data.mobilephone; //"15069130853", |
|||
userConting.email = data.data.email; //"", |
|||
userConting.gender = data.data.gender; //1, |
|||
userConting.birthday = data.data.birthday; //592848000, |
|||
userConting.myfolk = data.data.myfolk; //"汉族", |
|||
userConting.nativeplace = data.data.nativeplace; //"山东省宁阳县华丰镇白土厂村15号", |
|||
userConting.idcardstartdate = data.data.idcardstartdate; //0, |
|||
userConting.idcardenddate = data.data.idcardenddate; //0, |
|||
userConting.idcardaddress = data.data.idcardaddress; //"", |
|||
userConting.idcardIssued = data.data.idcardIssued; //"", |
|||
userConting.health = data.data.health; //2, |
|||
userConting.maritalstatus = data.data.maritalstatus; //2, |
|||
userConting.internaltelephone = data.data.internaltelephone; //"", |
|||
userConting.currentresidence = data.data.currentresidence; //"山东省宁阳县华丰镇矿区花园小区1号楼1单元302室", |
|||
userConting.constellationing = data.data.constellationing; //1, |
|||
userConting.isdoubleworker = data.data.isdoubleworker; //2, |
|||
userConting.isveterans = data.data.isveterans; //2, |
|||
userConting.veteransnumber = data.data.veteransnumber; //"", |
|||
userConting.jobstartdate = data.data.jobstartdate; //0, |
|||
userConting.entrydate = data.data.entrydate; //0, |
|||
userConting.probationperiod = data.data.probationperiod; //0, |
|||
userConting.planformaldate = data.data.planformaldate; //0, |
|||
userConting.politicaloutlook = data.data.politicaloutlook; //1, |
|||
userConting.nameusedbefore = data.data.nameusedbefore; //"", |
|||
userConting.iconphoto = data.data.iconphoto; //" |
|||
userConting.responsibledepartment = data.data.responsibledepartment; //"", |
|||
userConting.responsibledepartmentjson = data.data.responsibledepartmentjson; //"", |
|||
userConting.birthdaytime = data.data.birthdaytime; //"1988-10-15", |
|||
userConting.idcardstarttimedata = data.data.idcardstarttimedata; //"", |
|||
userConting.idcardendtimedata = data.data.idcardendtimedata; //"", |
|||
userConting.entrydatetime = data.data.entrydatetime; //"", |
|||
userConting.planformaldatetime = data.data.planformaldatetime; //"", |
|||
userConting.doubleworkerlist = data.data.doubleworkerlist; //null, |
|||
userConting.educationalexperience = data.data.educationalexperience; //null, |
|||
userConting.emergencycontact = data.data.emergencycontact; //null, |
|||
userConting.memberoffamily = data.data.memberoffamily; //null, |
|||
userConting.workhistorylist = data.data.workhistorylist; //null, |
|||
userConting.groupworkhistorylist = data.data.groupworkhistorylist; //null, |
|||
userConting.idstr = data.data.idstr; //"78", |
|||
userConting.companyname = data.data.companyname; //"山东恒信高科能源有限公司", |
|||
userConting.maindeparmentname = data.data.maindeparmentname; //"企管部", |
|||
userConting.adminorgname = data.data.adminorgname; //"", |
|||
userConting.positionname = data.data.positionname; //"开发主管", |
|||
userConting.jobclassname = data.data.jobclassname; //"基层管理", |
|||
userConting.jobidname = data.data.jobidname; //"主管", |
|||
userConting.politicaloutlookname = data.data.politicaloutlookname; //"群众", |
|||
userConting.jobstartdatestr = data.data.jobstartdatestr; //"", |
|||
userConting.entrydatestr = data.data.entrydatestr; //"", |
|||
userConting.personincharge = data.data.personincharge; //2, |
|||
userConting.sunmaindeparmentname = data.data.sunmaindeparmentname; //"企管", |
|||
userConting.workpostname = data.data.workpostname; //"", |
|||
userConting.teamname = data.data.teamname; //"长白班", |
|||
userConting.allorglist = data.data.allorglist; //[309,102,272], |
|||
userConting.ruleid = data.data.ruleid; //"0", |
|||
userConting.rulename = data.data.rulename; //"", |
|||
userConting.orgreslist = data.data.orgreslist; //null |
|||
userConting.keystr = data.data.keystr; // |
|||
userConting.interests = data.data.interests; |
|||
userConting.bloodtype = data.data.bloodtype; |
|||
userConting.natureofAccount = data.data.natureofAccount; |
|||
userConting.careerPlanning = data.data.career_planning; |
|||
userConting.helpObtained = data.data.help_obtained; |
|||
}) |
|||
.finally(() => { |
|||
rowLoading.value = false; |
|||
}); |
|||
} |
|||
/** |
|||
* 关闭弹窗 |
|||
*/ |
|||
function closeArchivesBox() { |
|||
emits("update:isShow", false); |
|||
activeName.value = "1"; |
|||
editMyCont.value = false; |
|||
} |
|||
/** |
|||
* 选项卡翻页 |
|||
*/ |
|||
const handleClickUser = (tab: any, event: Event) => { |
|||
// console.log(tab, event) |
|||
}; |
|||
/** |
|||
* 监听数据 |
|||
*/ |
|||
watch( |
|||
() => props.isShow, |
|||
() => { |
|||
// console.log("监听数据",props.archivesdata ) |
|||
if (props.isShow) { |
|||
getjtcyList(); |
|||
boxTitle.value = |
|||
"查看 " + |
|||
props.archivesdata.name + |
|||
"(工号：" + |
|||
props.archivesdata.number + |
|||
")" + |
|||
" 详情"; |
|||
if (props.archivesdata.icon != "") { |
|||
userIcon.value = props.archivesdata.icon; |
|||
} else if (props.archivesdata.iconphoto != "") { |
|||
userIcon.value = props.archivesdata.iconphoto; |
|||
} else { |
|||
userIcon.value = UserRole; |
|||
} |
|||
} |
|||
} |
|||
); |
|||
|
|||
/** |
|||
* 刷新编辑页面 |
|||
*/ |
|||
function refreshContPage(cont: archivesCont) { |
|||
emits("updatemyconting", cont); |
|||
getjtcyList(); |
|||
// console.log("刷新编辑页面",cont) |
|||
// userConting.value = cont |
|||
// userConting.value.id = cont.id //78, |
|||
// userConting.id = cont.id |
|||
// userConting.number = cont.number //"300450", |
|||
// userConting.name = cont.name //"秦东", |
|||
// userConting.icon = cont.icon // |
|||
// userConting.hireclass = cont.hireclass //1, |
|||
// userConting.emptype = cont.emptype //8, |
|||
// userConting.company = cont.company //309, |
|||
// userConting.maindeparment = cont.maindeparment //102, |
|||
// userConting.sunmaindeparment = cont.sunmaindeparment //272, |
|||
// userConting.deparment = cont.deparment //"", |
|||
// userConting.adminorg = cont.adminorg //272, |
|||
// userConting.teamid = cont.teamid //1, |
|||
// userConting.position = cont.position //2184, |
|||
// userConting.jobclass = cont.jobclass //5, |
|||
// userConting.jobid = cont.jobid //36, |
|||
// userConting.jobleve = cont.jobleve //3, |
|||
// userConting.time = cont.time //1656984567, |
|||
// userConting.eitetime = cont.eitetime //1671160648, |
|||
// userConting.wechat = cont.wechat //"", |
|||
// userConting.workwechat = cont.workwechat //"KaiXinGuo", |
|||
// userConting.state = cont.state //1, |
|||
// userConting.key = cont.key //15993815826844528, |
|||
// userConting.isadmin = cont.isadmin //4, |
|||
// userConting.password = cont.password //"ecffe8715d2d3c2743bab6abc90e1331", |
|||
// userConting.role = cont.role //"1", |
|||
// userConting.idcardno = cont.idcardno //"370921198810151515", |
|||
// userConting.passportno = cont.passportno //"", |
|||
// userConting.globalroaming = cont.globalroaming //"", |
|||
// userConting.mobilephone = cont.mobilephone //"15069130853", |
|||
// userConting.email = cont.email //"", |
|||
// userConting.gender = cont.gender //1, |
|||
// userConting.birthday = cont.birthday //592848000, |
|||
// userConting.myfolk = cont.myfolk //"汉族", |
|||
// userConting.nativeplace = cont.nativeplace //"山东省宁阳县华丰镇白土厂村15号", |
|||
// userConting.idcardstartdate = cont.idcardstartdate //0, |
|||
// userConting.idcardenddate = cont.idcardenddate //0, |
|||
// userConting.idcardaddress = cont.idcardaddress //"", |
|||
// userConting.idcardIssued = cont.idcardIssued //"", |
|||
// userConting.health = cont.health //2, |
|||
// userConting.maritalstatus = cont.maritalstatus //2, |
|||
// userConting.internaltelephone = cont.internaltelephone //"", |
|||
// userConting.currentresidence = cont.currentresidence //"山东省宁阳县华丰镇矿区花园小区1号楼1单元302室", |
|||
// userConting.constellationing = cont.constellationing //1, |
|||
// userConting.isdoubleworker = cont.isdoubleworker //2, |
|||
// userConting.isveterans = cont.isveterans //2, |
|||
// userConting.veteransnumber = cont.veteransnumber //"", |
|||
// userConting.jobstartdate = cont.jobstartdate //0, |
|||
// userConting.entrydate = cont.entrydate //0, |
|||
// userConting.probationperiod = cont.probationperiod //0, |
|||
// userConting.planformaldate = cont.planformaldate //0, |
|||
// userConting.politicaloutlook = cont.politicaloutlook //1, |
|||
// userConting.nameusedbefore = cont.nameusedbefore //"", |
|||
// userConting.iconphoto = cont.iconphoto //" |
|||
// userConting.responsibledepartment = cont.responsibledepartment //"", |
|||
// userConting.responsibledepartmentjson = cont.responsibledepartmentjson //"", |
|||
// // userConting.birthdaytime = cont.birthdaytime //"1988-10-15", |
|||
// // userConting.idcardstarttimedata = cont.idcardstarttimedata //"", |
|||
// // userConting.idcardendtimedata = cont.idcardendtimedata //"", |
|||
// // userConting.entrydatetime = cont.entrydatetime //"", |
|||
// // userConting.planformaldatetime = cont.planformaldatetime //"", |
|||
// // userConting.doubleworkerlist = cont.doubleworkerlist //null, |
|||
// // userConting.educationalexperience = cont.educationalexperience //null, |
|||
// // userConting.emergencycontact = cont.emergencycontact //null, |
|||
// // userConting.memberoffamily = cont.memberoffamily //null, |
|||
// // userConting.workhistorylist = cont.workhistorylist //null, |
|||
// // userConting.groupworkhistorylist = cont.groupworkhistorylist //null, |
|||
// userConting.idstr = cont.id?.toString() //"78", |
|||
// userConting.companyname = cont.companyname //"山东恒信高科能源有限公司", |
|||
// userConting.maindeparmentname = cont.maindeparmentname //"企管部", |
|||
// // userConting.adminorgname = cont.adminorgname //"", |
|||
// userConting.positionname = cont.positionname //"开发主管", |
|||
// // userConting.jobclassname = cont.jobclassname //"基层管理", |
|||
// // userConting.jobidname = cont.jobidname //"主管", |
|||
// //userConting.politicaloutlookname = cont.politicaloutlookname //"群众", |
|||
// //userConting.jobstartdatestr = cont.jobstartdatestr //"", |
|||
// //userConting.entrydatestr = cont.entrydatestr //"", |
|||
// userConting.personincharge = cont.personincharge //2, |
|||
// userConting.sunmaindeparmentname = cont.sunmaindeparmentname //"企管", |
|||
// userConting.workpostname = cont.workpostname //"", |
|||
// userConting.teamname = cont.teamname //"长白班", |
|||
// //userConting.allorglist = cont.allorglist //[309,102,272], |
|||
// //userConting.ruleid = cont.ruleid //"0", |
|||
// //userConting.rulename = cont.rulename //"", |
|||
// //userConting.orgreslist = cont.orgreslist //null |
|||
// userConting.keystr = cont.keystr // |
|||
getjtcyList(); |
|||
} |
|||
const handleAvatarSuccess: UploadProps["onSuccess"] = ( |
|||
response, |
|||
uploadFile, |
|||
uploadFiles |
|||
) => { |
|||
userIcon.value = URL.createObjectURL(uploadFile.raw!); |
|||
// console.log("上传后数据---1--->",response) |
|||
// console.log("上传后数据---2--->",uploadFile) |
|||
// console.log("上传后数据----3-->",uploadFiles) |
|||
editMyInfoIcon({ |
|||
id: props.archivesdata.id, |
|||
iconpath: response.data.url, |
|||
}).then((data) => { |
|||
// userConting.value = data.data |
|||
ElMessage.success("编辑成功"); |
|||
emits("getarchivespageclick"); |
|||
}); |
|||
}; |
|||
const beforeAvatarUpload: UploadProps["beforeUpload"] = (rawFile) => { |
|||
// console.log("上传前判断------>",rawFile) |
|||
}; |
|||
function editmvorg() { |
|||
editMyOrgCont.value = true; |
|||
} |
|||
</script> |
|||
<template> |
|||
<el-dialog |
|||
v-model="boxShow" |
|||
custom-class="dialog_box" |
|||
:title="boxTitle" |
|||
top="50px" |
|||
:before-close="closeArchivesBox" |
|||
width="80%" |
|||
> |
|||
<el-row v-loading="rowLoading" :gutter="20"> |
|||
<el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> |
|||
<el-card shadow="always" class="box-card-left"> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-upload |
|||
class="avatar-uploader" |
|||
:action="imgUploadApiUrl" |
|||
:show-file-list="false" |
|||
:on-success="handleAvatarSuccess" |
|||
:before-upload="beforeAvatarUpload" |
|||
> |
|||
<el-avatar :size="180" :src="userIcon" /> |
|||
</el-upload> |
|||
</el-col> |
|||
<el-col :span="24" |
|||
><el-text class="mx-1 username">{{ |
|||
userConting.name |
|||
}}</el-text></el-col |
|||
> |
|||
<el-col :span="24" |
|||
><el-text class="mx-1 usernumber" |
|||
>NO.{{ userConting.number }}</el-text |
|||
></el-col |
|||
> |
|||
<el-col :span="24"> |
|||
<el-row class="user_cont"> |
|||
<el-col :span="24" class="col_box"> |
|||
<el-text class="cont_size"> |
|||
<svg-icon icon-class="gender" class="svg_box"></svg-icon> |
|||
<span v-if="userConting.gender == 1">男</span> |
|||
<span v-else>女</span> |
|||
</el-text> |
|||
</el-col> |
|||
<el-col :span="24" class="col_box"> |
|||
<el-text class="cont_size"> |
|||
<svg-icon |
|||
icon-class="marriageregistration" |
|||
class="svg_box" |
|||
></svg-icon> |
|||
<span v-if="userConting.maritalstatus == 2">已婚</span> |
|||
<span v-else-if="userConting.maritalstatus == 3">丧偶</span> |
|||
<span v-else-if="userConting.maritalstatus == 4">离异</span> |
|||
<span v-else>未婚</span> |
|||
</el-text> |
|||
</el-col> |
|||
<el-col :span="24" class="col_box"> |
|||
<el-text class="cont_size"> |
|||
<svg-icon icon-class="qxsp" class="svg_box"></svg-icon> |
|||
{{ userConting.myfolk }} |
|||
</el-text> |
|||
</el-col> |
|||
<el-col :span="24" class="col_box"> |
|||
<el-text class="cont_size"> |
|||
<svg-icon |
|||
icon-class="healthcondition" |
|||
class="svg_box" |
|||
></svg-icon> |
|||
<span v-if="userConting.health == 2">良好</span> |
|||
<span v-else-if="userConting.health == 3">较弱</span> |
|||
<span v-else-if="userConting.health == 4">有生理缺陷</span> |
|||
<span v-else-if="userConting.health == 5">残废</span> |
|||
<span v-else>一般</span> |
|||
</el-text> |
|||
</el-col> |
|||
<el-col :span="24" class="col_box"> |
|||
<el-text class="cont_size"> |
|||
<svg-icon icon-class="phone" class="svg_box"></svg-icon> |
|||
{{ userConting.mobilephone }} |
|||
</el-text> |
|||
</el-col> |
|||
<el-col :span="24" class="col_box"> |
|||
<el-text class="cont_size"> |
|||
<svg-icon icon-class="address" class="svg_box"></svg-icon> |
|||
{{ userConting.currentresidence }} |
|||
</el-text> |
|||
</el-col> |
|||
|
|||
<el-col :span="24" class="col_box"> |
|||
<el-text class="cont_size"> |
|||
<svg-icon icon-class="zhiye" class="svg_box"></svg-icon> |
|||
{{ userConting.companyname }} / |
|||
{{ userConting.maindeparmentname }} |
|||
</el-text> |
|||
</el-col> |
|||
<el-col :span="24" class="col_box"> |
|||
<el-text class="cont_size"> |
|||
<svg-icon |
|||
icon-class="iconfont-mingpian" |
|||
class="svg_box" |
|||
></svg-icon> |
|||
{{ userConting.positionname }} |
|||
</el-text> |
|||
</el-col> |
|||
</el-row> |
|||
</el-col> |
|||
<el-col> |
|||
<el-button |
|||
type="primary" |
|||
style="margin-top: 15px" |
|||
@click="editmvorg" |
|||
>编辑主行政组织</el-button |
|||
> |
|||
</el-col> |
|||
</el-row> |
|||
</el-card> |
|||
</el-col> |
|||
<el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16"> |
|||
<el-card shadow="always" class="box-card"> |
|||
<el-tabs |
|||
v-model="activeName" |
|||
class="demo-tabs" |
|||
@tab-click="handleClickUser" |
|||
> |
|||
<el-tab-pane label="基本信息" name="1"> |
|||
<UserContent |
|||
v-if="!editMyCont && activeName == '1'" |
|||
v-model:editShow="editMyCont" |
|||
:usercont="userConting" |
|||
:tabsid="activeName" |
|||
/> |
|||
<EditUserContent |
|||
v-if="editMyCont" |
|||
v-model:editShow="editMyCont" |
|||
:usercont="userConting" |
|||
:tabsid="activeName" |
|||
@refreshcontdata="refreshContPage" |
|||
/> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="性格色彩" name="2"> |
|||
<CharacterColor :usercont="userConting" :tabsid="activeName" /> |
|||
<DiscTest :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="行政组织关系" name="3"> |
|||
<OrgNexus :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="紧急联系人" name="4"> |
|||
<EmergencyContactPage |
|||
:usercont="userConting" |
|||
:tabsid="activeName" |
|||
/> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="双职工" name="5"> |
|||
<WorkingCouplePage :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="家庭成员" name="6"> |
|||
<FamilyMembers :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="教育经历" name="7"> |
|||
<EducationalExperience |
|||
:usercont="userConting" |
|||
:tabsid="activeName" |
|||
/> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="集团内部工作履历" name="8"> |
|||
<InnerWork :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="集团外部工作履历" name="9"> |
|||
<OutsideWork :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="奖惩记录" name="10"> |
|||
<Rewardsandpunishments |
|||
:usercont="userConting" |
|||
:tabsid="activeName" |
|||
/> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="考评记录" name="11"> |
|||
<Appraisalrecord :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="人才盘点" name="12"> |
|||
<Talentinventory :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="员工用工关系" name="13"> |
|||
<Employmentrelations :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="职称信息" name="14"> |
|||
<Jobtitle :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="证书信息" name="15"> |
|||
<Certificates :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="修改登陆密码" name="16"> |
|||
<Editpwd :usercont="userConting" :tabsid="activeName" /> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</el-card> |
|||
</el-col> |
|||
</el-row> |
|||
<EditOrg |
|||
v-model:editShow="editMyOrgCont" |
|||
:usercont="userConting" |
|||
:tabsid="activeName" |
|||
@refreshcontdata="refreshContPage" |
|||
/> |
|||
</el-dialog> |
|||
</template> |
|||
<style lang="scss" scoped> |
|||
.bjg { |
|||
background-color: aqua; |
|||
height: 50px; |
|||
} |
|||
.box-card-left { |
|||
text-align: center; |
|||
.username { |
|||
margin-top: 20px; |
|||
font-size: 35px; |
|||
} |
|||
.usernumber { |
|||
margin-top: 10px; |
|||
font-size: 25px; |
|||
} |
|||
.user_cont { |
|||
width: 90%; |
|||
margin: auto; |
|||
text-align: left; |
|||
.col_box { |
|||
margin-top: 10px; |
|||
.cont_size { |
|||
font-size: 16px; |
|||
.svg_box { |
|||
margin-right: 10px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,162 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-08-31 13:37:09 |
|||
@ 备注: DISC测试结果显示 |
|||
--> |
|||
<script lang='ts' setup> |
|||
import * as echarts from 'echarts'; |
|||
import { getUserDISCTest } from '@/api/hr/people'; |
|||
|
|||
const props = defineProps({ |
|||
tabsid: { |
|||
type: String, |
|||
default: "1", |
|||
}, |
|||
usercont:{ |
|||
type:Object, |
|||
default(){ |
|||
return {} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
const disTestPageLoading = ref(false) |
|||
const disTestPage = ref<any>(null) |
|||
const disTitlePick = ref<string[]>([]) |
|||
const discdrawRadar = ref(null) |
|||
|
|||
//页面加载前先获取测试数据 |
|||
onBeforeMount(()=>{ |
|||
console.log("页面加载前先获取测试数据",props.usercont) |
|||
let sendData = { |
|||
id:props.usercont.number.toString() |
|||
} |
|||
getUserDISCTest(sendData) |
|||
.then(({data}) => { |
|||
// console.log("获取我的111111请求", data); |
|||
disTitlePick.value = data.ColourNameList |
|||
drawRadarChart(data.colourTitle,data.RadarColour,data.indicator) |
|||
}) |
|||
}); |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-08-30 13:37:05 |
|||
@ 功能: 绘图 |
|||
*/ |
|||
const drawRadarChart = (radarTitle:string[],radarVal:number[],indicator:any[]) => { |
|||
console.log("drawRadarChart",indicator) |
|||
let option = { |
|||
radar: { |
|||
indicator: indicator |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '', |
|||
type: 'radar', |
|||
data: [ |
|||
{ |
|||
// value: [20, 8, 15, 5, 6], |
|||
value: radarVal, |
|||
name: '性格测试诶结果', |
|||
label: { |
|||
show: true, |
|||
formatter: function (params) { |
|||
return params.value; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
], |
|||
itemStyle: { |
|||
normal: { |
|||
color: "#1DBB37" |
|||
}, |
|||
} |
|||
} |
|||
] |
|||
}; |
|||
if(discdrawRadar.value){ |
|||
discdrawRadar.value.clear(); |
|||
discdrawRadar.value.setOption(option) |
|||
} |
|||
} |
|||
//所有组件加载完后执行 |
|||
onMounted(()=>{ |
|||
nextTick(()=>{ |
|||
discdrawRadar.value = markRaw(echarts.init(disTestPage.value)) |
|||
}) |
|||
}) |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-06-12 14:27:32 |
|||
@ 功能: 判断该颜色是否存在了 |
|||
*/ |
|||
const judgaDisc = (val:string) => { |
|||
let isTyue = false; |
|||
if(disTitlePick.value && disTitlePick.value.length > 0){ |
|||
disTitlePick.value.forEach((item:string)=>{ |
|||
if(val == item) { |
|||
isTyue = true; |
|||
} |
|||
}) |
|||
} |
|||
return isTyue |
|||
} |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<div ref="disTestPage" v-loading="disTestPageLoading" element-loading-text="Loading..." class="allOrgAxisCares"> |
|||
|
|||
</div> |
|||
<el-text class="mx-1 title_size">DISC性格解析</el-text> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div v-if="judgaDisc('D')"> |
|||
<el-text class="mx-1 hongSe" type="info">支配型一般描述：<br></el-text> |
|||
<el-text class="mx-1" type="info">爱冒险的、有竞争力的、大胆的、直接的、果断的、创新的坚持不懈的、问题解决者、自我激励者，<br></el-text> |
|||
<el-text class="mx-1" type="info">高D的情绪特征：愤怒</el-text> |
|||
</div> |
|||
<div v-if="judgaDisc('I')"> |
|||
<el-text class="mx-1 hongSe" type="info">影响型一般描述：<br></el-text> |
|||
<el-text class="mx-1" type="info">有魅力的、自信的、有说服力的、热情的、鼓舞人心的、乐观的、令人信服的、受欢迎的、好交际的、可信赖的，<br></el-text> |
|||
<el-text class="mx-1" type="info">高I的情绪特征：乐观</el-text> |
|||
</div> |
|||
<div v-if="judgaDisc('S')"> |
|||
<el-text class="mx-1 hongSe" type="info">稳定型描述：<br></el-text> |
|||
<el-text class="mx-1" type="info">友善的、亲切的、好的倾听者、有耐心的、放松的、热诚的、稳定的、团队合作者、善解人意的、稳健的，<br></el-text> |
|||
<el-text class="mx-1" type="info">高S的情绪特征：非情绪化的</el-text> |
|||
</div> |
|||
<div v-if="judgaDisc('C')"> |
|||
<el-text class="mx-1 hongSe" type="info">服从型描述：<br></el-text> |
|||
<el-text class="mx-1" type="info">准确的、有分析力的、谨慎的、谦恭的、圆滑的、善于发现事实、高标准、成熟的、有耐心的、严谨的，<br></el-text> |
|||
<el-text class="mx-1" type="info">高C的情绪特征：害怕</el-text> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
.allOrgAxisCares{ |
|||
display: block; |
|||
width: 100%; |
|||
height:380px; |
|||
// overflow:auto; |
|||
} |
|||
.hongSe{ |
|||
color: #FF0000; |
|||
} |
|||
.lanSe{ |
|||
color: #0000FF; |
|||
} |
|||
.huangSe{ |
|||
color: #FFD700; |
|||
} |
|||
.lvSe{ |
|||
color: #008000; |
|||
} |
|||
.title_size{ |
|||
font-size:24px; |
|||
font-weight: bold; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,72 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-08-31 16:56:19 |
|||
@ 备注: 性格测试结果 |
|||
--> |
|||
<script lang='ts' setup> |
|||
import CharacterColor from "@/views/hr/archives/basicinformation/charactercolor.vue"; //性格色彩 |
|||
import DiscTest from "@/views/hr/archives/basicinformation/discTest.vue"; //DISC测试结果 |
|||
|
|||
const props = defineProps({ |
|||
tabsid: { |
|||
type: String, |
|||
default: "1", |
|||
}, |
|||
usercont:{ |
|||
type:Object, |
|||
default(){ |
|||
return {} |
|||
} |
|||
} |
|||
}); |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-08-30 14:52:29 |
|||
@ 功能: 判断现实哪种测验结果 |
|||
*/ |
|||
const isTestShouw = (val:number) => { |
|||
// console.log("判断现实哪种测验结果",props.usercont.isColorTrue) |
|||
switch (props.usercont.isColorTrue) { |
|||
case 1: |
|||
if(val == 1){ |
|||
return true |
|||
}else{ |
|||
return false |
|||
} |
|||
break; |
|||
case 3: |
|||
if(val == 2){ |
|||
return true |
|||
}else{ |
|||
return false |
|||
} |
|||
break; |
|||
case 4: |
|||
if(val == 3){ |
|||
return false |
|||
}else{ |
|||
return true |
|||
} |
|||
break; |
|||
case 5: |
|||
if(val == 3){ |
|||
return true |
|||
}else{ |
|||
return false |
|||
} |
|||
break; |
|||
default: |
|||
return false |
|||
break; |
|||
} |
|||
} |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<CharacterColor v-if="isTestShouw(1)" :usercont="props.usercont" :tabsid="props.tabsid" /> |
|||
<DiscTest v-if="isTestShouw(2)" :usercont="props.usercont" :tabsid="props.tabsid" /> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue