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