71 lines
2.2 KiB
Vue
71 lines
2.2 KiB
Vue
/**
|
|
*Desc:
|
|
*Create by: jug
|
|
*Create time:2023/7/25/9:14
|
|
*/
|
|
<template>
|
|
<div>
|
|
<el-descriptions :column="3" border>
|
|
<el-descriptions-item label="姓名">{{ userData.username }}</el-descriptions-item>
|
|
<el-descriptions-item label="工号">{{ userData.loginname }}</el-descriptions-item>
|
|
<el-descriptions-item label="性别">{{ userData.sex }}</el-descriptions-item>
|
|
<el-descriptions-item label="退休小组">{{ userData.retiredGroupName }}</el-descriptions-item>
|
|
<el-descriptions-item label="政治面貌">{{ userData.political }}</el-descriptions-item>
|
|
<el-descriptions-item label="退休党支部">{{ userData.retiredPartyBranchName }}</el-descriptions-item>
|
|
<el-descriptions-item label="所在科室">{{ userData.threeUnitName }}</el-descriptions-item>
|
|
<el-descriptions-item label="所在单位">{{ userData.unitname }}</el-descriptions-item>
|
|
<el-descriptions-item label="所在工会">{{ userData.unionname }}</el-descriptions-item>
|
|
<el-descriptions-item label="出生日期">{{ userData.birthday }}</el-descriptions-item>
|
|
<el-descriptions-item label="民族">{{ userData.nation }}</el-descriptions-item>
|
|
<el-descriptions-item label="学历">{{ userData.education }}</el-descriptions-item>
|
|
<el-descriptions-item label="在职状态">{{ userData.userState }}</el-descriptions-item>
|
|
<el-descriptions-item label="人员类型">{{ userData.personType }}</el-descriptions-item>
|
|
<el-descriptions-item label="联系方式">{{ userData.mobile }}</el-descriptions-item>
|
|
<el-descriptions-item label="身份证号码">{{ userData.idcard }}</el-descriptions-item>
|
|
</el-descriptions>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
name: "userInfo",
|
|
props: {
|
|
id: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
userData: {}
|
|
}
|
|
},
|
|
methods: {
|
|
getInfo() {
|
|
if (this.id) {
|
|
$.post('/platform/retiredUser/list/userInfo', {userId: this.id}).then(res => {
|
|
this.userData = res.data
|
|
})
|
|
} else {
|
|
this.userData = {}
|
|
}
|
|
|
|
}
|
|
},
|
|
watch: {
|
|
id: {
|
|
handler: function (val) {
|
|
this.getInfo()
|
|
},
|
|
immediate: true
|
|
}
|
|
},
|
|
created() {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |