ShangHaiLifeECIF/dgtis-ui/src/views/system/userInfo/components/relationship.vue

<!--联系信息-->
<template>
  <div class="userInfoPanel mt10 pd15">
    <el-table v-loading="loading" :data="data">
      <el-table-column label="关系类型" width="90" align="center" prop="type" />
      <el-table-column label="参与方甲姓名" align="center" prop="name1" />
      <el-table-column label="参与方甲角色" align="center" prop="role1" />
      <el-table-column label="参与方乙姓名" align="center" prop="name2" :show-overflow-tooltip="true" />
      <el-table-column label="参与方乙角色" align="center" prop="role2" />
      <el-table-column label="开始时间" align="center" prop="startTime"></el-table-column>
      <el-table-column label="结束时间" align="center" prop="endTime" />
      <el-table-column label="关系描述" align="center" prop="des" :show-overflow-tooltip="true"  />
    </el-table>
  </div>
</template>
<script>

  export default {
    props: {
      data: {
        type: Array,
        default: {}
      },
    },
    data() {
      return {
        loading: false,
      };
    },
    mounted() {
      this.initChart();
    },
    methods: {
      initChart() {

      }
    }
  };
</script>