新增组件及页面

dgtis-ui/src/views/login.vue

@@ -73,9 +73,10 @@ export default {
     return {
       codeUrl: "",
       cookiePassword: "",
+      // 用户名密码 admin   admin123
       loginForm: {
-        username: "admin",
-        password: "admin123",
+        username: "",
+        password: "",
         rememberMe: false,
         code: "",
         uuid: ""

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

@@ -1,14 +1,7 @@
 <!--合约信息-->
 <template>
   <div>
-    <div class="tagDiv">
-      <el-tag class="tag" type="warning" effect="dark" size="mini">有极短意保单</el-tag>
-      <el-tag class="tag" type="warning" effect="dark" size="mini">给本人投保</el-tag>
-      <el-tag class="tag" type="warning" effect="dark" size="mini">给父母投保</el-tag>
-      <el-tag class="tag" type="warning" effect="dark" size="mini">给配偶投保</el-tag>
-      <el-tag class="tag" type="warning" effect="dark" size="mini">仅有一年期短险保单</el-tag>
-      <el-tag class="tag" type="warning" effect="dark" size="mini">有续期缴费的保单</el-tag>
-    </div>
+    <tags :data="tagsData"></tags>
     <div class="userInfoPanel mt10">
       <el-row class="userInfo">
         <el-col :span="12">
@@ -119,8 +112,11 @@
   </div>
 </template>
 <script>
-
+  import tags from './tags'
   export default {
+    components: {
+      tags
+    },
     props: {
       data: {
         type: Array,
@@ -129,7 +125,7 @@
     },
     data() {
       return {
-
+        tagsData:['有极短意保单','给本人投保','给父母投保','给配偶投保','仅有一年期短险保单','有续期缴费的保单'],
       };
     },
     mounted() {

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

@@ -0,0 +1,36 @@
+<!--标签信息-->
+<template>
+  <div class="tagDiv">
+    <el-tag
+      class="tag"
+      type="warning"
+      effect="dark"
+      size="mini"
+      :key="index"
+      v-for="(item,index) in data">{{item}}</el-tag>
+  </div>
+</template>
+<script>
+
+  export default {
+    props: {
+      data: {
+        type: Array,
+        default: []
+      },
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      this.initChart();
+    },
+    methods: {
+      initChart() {
+
+      }
+    }
+  };
+</script>

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

@@ -0,0 +1,35 @@
+<!--接触信息-->
+<template>
+  <div class="userInfoPanel pd15">
+    <div class="wrapper">
+      <div class="fish-bone" >
+
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import '../../../../assets/styles/fishBone.css'
+  import '../../../../assets/js/fishBone.js'
+  export default {
+    props: {
+      data: {
+        type: Object,
+        default: {}
+      },
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      this.initChart();
+    },
+    methods: {
+      initChart() {
+        fishBone.init(".fish-bone",this.data)
+      }
+    }
+  };
+</script>

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

@@ -73,8 +73,12 @@
           <el-tab-pane label="理赔信息" name="lpxx">
             <claim :data="claimData"></claim>
           </el-tab-pane>
-          <el-tab-pane label="接触信息" name="jcxx">接触信息</el-tab-pane>
-          <el-tab-pane label="标签信息" name="bqxx">标签信息</el-tab-pane>
+          <el-tab-pane label="接触信息" name="jcxx">
+            <touched :data="touchedData"></touched>
+          </el-tab-pane>
+          <el-tab-pane label="标签信息" name="bqxx">
+            <tags :data="tagsData"></tags>
+          </el-tab-pane>
         </el-tabs>
       </div>
     </div>
@@ -88,6 +92,8 @@ import contractInformation from './components/contractInformation'
 import claim from './components/claim'
 import contact from './components/contact'
 import relationship from './components/relationship'
+import touched from './components/touched'
+import tags from './components/tags'
 export default {
   name: "UserInfo",
   components: {
@@ -97,6 +103,8 @@ export default {
     claim,
     contact,
     relationship,
+    touched,
+    tags
   },
   data() {
     return {
@@ -178,6 +186,54 @@ export default {
           des:'夫妻关系，王美丽是张大川的妻子',
         },
       ],
+      touchedData: {
+        data:[
+          {
+            label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+            date:'2018.03.21',
+            backgroundColor:'#DCE4F7',
+          },
+          {
+            label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+            date:'2018.03.21',
+            backgroundColor:'#DCE4F7',
+          },
+          {
+            label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+            date:'2018.03.21',
+            backgroundColor:'#DCE4F7',
+          },
+          {
+            label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+            date:'2018.03.21',
+            backgroundColor:'#FEE2B0',
+          },
+          {
+            label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+            date:'2018.03.21',
+            backgroundColor:'#FEE2B0',
+          },
+          {
+            label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+            date:'2018.03.21',
+            backgroundColor:'#FEE2B0',
+          },
+          {
+            label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+            date:'2018.03.21',
+            backgroundColor:'#FEE2B0',
+          },
+          {
+            label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+            date:'2018.03.21',
+            backgroundColor:'#FEE2B0',
+          },
+
+        ],
+        // color:"chocolate",
+        dowload:false,
+    },
+      tagsData:['有极短意保单','给本人投保','给父母投保','给配偶投保','仅有一年期短险保单','有续期缴费的保单'],
     }
   },
   created() {