新增组件及页面

dgtis-ui/src/views/system/userInfo/components/contact.vue

@@ -27,7 +27,7 @@
     },
     data() {
       return {
-
+        loading: false,
       };
     },
     mounted() {

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

@@ -0,0 +1,39 @@
+<!--联系信息-->
+<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>

dgtis-ui/src/views/system/userInfo/index.vue

@@ -64,7 +64,9 @@
           <el-tab-pane label="健康状况" name="jsgl">
             <health :data="healthData"></health>
           </el-tab-pane>
-          <el-tab-pane label="关系信息" name="gxxx">关系信息</el-tab-pane>
+          <el-tab-pane label="关系信息" name="gxxx">
+            <relationship :data="relationshipData"></relationship>
+          </el-tab-pane>
           <el-tab-pane label="合约信息" name="hyxx">
             <contract-information :data="contractInformationData"></contract-information>
           </el-tab-pane>
@@ -85,6 +87,7 @@ import health from './components/health'
 import contractInformation from './components/contractInformation'
 import claim from './components/claim'
 import contact from './components/contact'
+import relationship from './components/relationship'
 export default {
   name: "UserInfo",
   components: {
@@ -93,6 +96,7 @@ export default {
     contractInformation,
     claim,
     contact,
+    relationship,
   },
   data() {
     return {
@@ -142,6 +146,38 @@ export default {
           phone:'180***121',
         },
       ],
+      relationshipData:[
+        {
+          type:'父母',
+          name1:'张大川',
+          role1:'儿子',
+          name2:'张三',
+          role2:'父亲',
+          startTime:'2016-10-28',
+          endTime:'2020-10-28',
+          des:'父子关系，张三是张大川的父亲',
+        },
+        {
+          type:'子女',
+          name1:'张大川',
+          role1:'父亲',
+          name2:'张蕾',
+          role2:'女儿',
+          startTime:'2016-10-28',
+          endTime:'2020-10-28',
+          des:'父女关系，张蕾是张大川的女儿',
+        },
+        {
+          type:'夫妻',
+          name1:'张大川',
+          role1:'丈夫',
+          name2:'王美丽',
+          role2:'妻子',
+          startTime:'2016-10-28',
+          endTime:'2020-10-28',
+          des:'夫妻关系，王美丽是张大川的妻子',
+        },
+      ],
     }
   },
   created() {