/**
*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>