<!--
  @description: 查看机构之联系人信息
  @author: change by sunxinman
  @routerPath: /systemManagement/lookMachine/contactInfo
  @date:  2019/10/45-03:33
-->
<template>
  <div>
    <div v-if="linkerlist.length==0" class="p16">
      暂无联系人数据
    </div>
    <div v-for="(item,index) in linkerlist" :key="index">
      <p class="page-title">
        联系人{{ index+1 }}
      </p>
      <table class="tableData">
        <tr>
          <td>联系人姓名</td>
          <td width="30%">
            {{ item.linkname }}
          </td>
          <td>联系电话</td>
          <td width="30%">
            {{ item.linktel }}
          </td>
        </tr>
        <tr>
          <td>身份证</td>
          <td width="30%">
            {{ item.linkerID }}
          </td>
          <td>联系地址</td>
          <td width="30%">
            {{ item.address }}
          </td>
        </tr>
        <tr>
          <td>电子邮箱</td>
          <td width="30%">
            {{ item.email }}
          </td>
          <td>邮政编码</td>
          <td width="30%">
            {{ item.linkPostCode }}
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
import { getDepartInfo } from '@/api/rolemanagment/organization'

export default {
  name: 'ContactInfo',
  data() {
    return {
      linkerlist: []
    }
  },
  mounted() {
    const departId = this.$route.query.departId
    getDepartInfo({ departId }).then(response => {
      if (response.header.ret === '0') {
        this.linkerlist = response.data.linkerlist
      }
    })
  }
}
</script>

<style lang="less" scoped>
</style>
