166 lines
3.2 KiB
Vue
166 lines
3.2 KiB
Vue
/**
|
||
*Desc:
|
||
*Create by: jug
|
||
*Create time:2023/7/25/9:14
|
||
*/
|
||
<template>
|
||
<border-table>
|
||
<table>
|
||
<tr>
|
||
<th>姓名</th>
|
||
<td>
|
||
{{ formData.username }}
|
||
</td>
|
||
<th>工号</th>
|
||
<td>
|
||
{{ formData.loginname }}
|
||
</td>
|
||
<th>性别</th>
|
||
<td>
|
||
{{ formData.sex }}
|
||
</td>
|
||
<th>民族</th>
|
||
<td>
|
||
{{ formData.nation }}
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>出生年月</th>
|
||
<td>
|
||
{{ formData.birthday }}
|
||
</td>
|
||
<th>入党时间</th>
|
||
<td>
|
||
{{ formData.partyJoiningTime | formatterDate }}
|
||
</td>
|
||
<th>工作时间</th>
|
||
<td>
|
||
{{ formData.workStartDate | formatterDate }}
|
||
</td>
|
||
<th>进校时间</th>
|
||
<td>
|
||
{{ formData.schoolTime | formatterDate }}
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>文化程度</th>
|
||
<td>
|
||
{{ formData.personType }}
|
||
</td>
|
||
<th>籍贯</th>
|
||
<td>
|
||
{{ formData.hometown }}
|
||
</td>
|
||
<th>职称</th>
|
||
<td>
|
||
{{ formData.jobTitle }}
|
||
</td>
|
||
<th>待遇</th>
|
||
<td>
|
||
{{ formData.treatment }}
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>退休时间</th>
|
||
<td>
|
||
{{ formData.retirementTime | formatterDate }}
|
||
</td>
|
||
<th>身份证号码</th>
|
||
<td>
|
||
{{ formData.idcard }}
|
||
</td>
|
||
<th>医疗证号</th>
|
||
<td>
|
||
{{ formData.medicalCertificateNumber }}
|
||
</td>
|
||
<th>（有/无）基础病</th>
|
||
<td>
|
||
{{ formData.basicDiseaseInfo }}
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>原部门</th>
|
||
<td>
|
||
{{ formData.originalDepartment }}
|
||
</td>
|
||
<th>家属姓名</th>
|
||
<td>
|
||
{{ formData.familyName }}
|
||
</td>
|
||
<th>家庭住址</th>
|
||
<td :colspan="3">
|
||
{{ formData.homeAddress }}
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>联系方式</th>
|
||
<td :colspan="2">
|
||
{{ formData.mobile }}
|
||
</td>
|
||
<th>退休性质</th>
|
||
<td :colspan="1">
|
||
{{ formData.retireNature }}
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>备注</th>
|
||
<td :colspan="7">
|
||
<el-input type="textarea" readonly :rows="3" v-model="formData.retireNotes" clearable></el-input>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</border-table>
|
||
</template>
|
||
|
||
<script>
|
||
module.exports = {
|
||
name: "userInfo",
|
||
props: {
|
||
id: {
|
||
type: String,
|
||
required: true
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
formData: {}
|
||
}
|
||
},
|
||
filters: {
|
||
formatterDate(val) {
|
||
if (val) {
|
||
return moment(val).format('YYYY-MM-DD')
|
||
}
|
||
return null
|
||
}
|
||
},
|
||
methods: {
|
||
getInfo() {
|
||
if (this.id) {
|
||
$.post('/platform/retiredUser/list/getInfo', {id: this.id}).then(res => {
|
||
this.formData = res.data
|
||
})
|
||
} else {
|
||
this.formData = {}
|
||
}
|
||
|
||
}
|
||
},
|
||
watch: {
|
||
id: {
|
||
handler: function (val) {
|
||
this.getInfo()
|
||
},
|
||
immediate: true
|
||
}
|
||
},
|
||
created() {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style>
|