新增组件及页面

dgtis-ui/src/assets/js/fishBone.js

@@ -36,7 +36,7 @@ import $ from "jquery";
        *
       */
       // 各元素的位置
-      var lineLeft = 147,nodeLeft = 140,labelContentLeft = 50,
+      var lineLeft = 147,nodeLeft = 140,labelContentLeft = 36,
       dateContentLeft = 108,upperLineBottom = 206,lowerLineTop = 211,
       nodeTop1 = 197,nodeTop2 = 195,labelContentBottom = 230,dateContentTop = 210;
       //初始化插件

dgtis-ui/src/assets/styles/fishBone.css

@@ -29,7 +29,7 @@ body {
 }
 .fish-bone-content {
     padding: 16px;
-    width: 201px;
+    width: 230px;
     color: #3965A6;
     text-align: justify;
     border-radius: 4px;
@@ -68,7 +68,7 @@ body {
     border-style: solid;
 }
 .date-conent {
-    width: 50px;
+    width: 86px;
     position: absolute;
     color: #F69900;
 }

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

@@ -55,12 +55,10 @@
       };
     },
     mounted() {
-      this.initChart();
+
     },
     methods: {
-      initChart() {
 
-      }
     }
   };
 </script>

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

@@ -113,8 +113,8 @@
             <claim :data="claimData"></claim>
           </el-tab-pane>
           <el-tab-pane label="接触信息" name="jcxx">
-            <touched :data="touchedData"></touched>
-<!--            <nodata></nodata>-->
+            <touched v-if="touchedData.data.length>0" :data="touchedData"></touched>
+            <nodata v-else></nodata>
           </el-tab-pane>
           <el-tab-pane label="标签信息" name="bqxx">
             <tags :data="tagsData" v-if="tagsData && tagsData.length > 0"></tags>
@@ -165,47 +165,11 @@ export default {
       relationshipData:[],
       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',
-          },
-
+          // {
+          //   label:'保险单号：BX12312313<br>接触类型：投保<br>接触角色：投保人<br>接触原因：需要保险服务',
+          //   date:'2018.03.21',
+          //   backgroundColor:'#DCE4F7',
+          // },
         ],
         // color:"chocolate",
         dowload:false,
@@ -235,10 +199,10 @@ export default {
                   response.data.custInfo.hobby2 != undefined ? response.data.custInfo.hobby2 = response.data.custInfo.hobby2+'、' : response.data.custInfo.hobby2 ='';
                   response.data.custInfo.hobby3 != undefined ? response.data.custInfo.hobby3 = response.data.custInfo.hobby3 : response.data.custInfo.hobby3 ='';
                   that.habitData.hobby = response.data.custInfo.hobby1 + response.data.custInfo.hobby2 +response.data.custInfo.hobby3;
-                  response.data.custInfo.evadate != undefined ? that.healthData.evadate = response.data.custInfo.evadate : that.healthData.evadate = '';
-                  response.data.custInfo.height != undefined ? that.healthData.height = response.data.custInfo.height : that.healthData.height = '';
-                  response.data.custInfo.weight != undefined ? that.healthData.weight = response.data.custInfo.weight : that.healthData.weight = '';
-                  response.data.custInfo.bmi != undefined ? that.healthData.bmi = response.data.custInfo.bmi : that.healthData.bmi = '';
+                  response.data.custInfo.evadate != undefined ? that.healthData.evadate = response.data.custInfo.evadate : '';
+                  response.data.custInfo.height != undefined ? that.healthData.height = response.data.custInfo.height : '';
+                  response.data.custInfo.weight != undefined ? that.healthData.weight = response.data.custInfo.weight : '';
+                  response.data.custInfo.bmi != undefined ? that.healthData.bmi = response.data.custInfo.bmi : '';
                   that.labelAll();
                   that.labelHy();
                   response.data.insuranceclaimthread != undefined?that.claimData = response.data.insuranceclaimthread:that.claimData = [];
@@ -254,6 +218,29 @@ export default {
                   response.data.custInfo.ral != undefined ? contactDataItem.ral = response.data.custInfo.ral:'';
                   response.data.custInfo.zipcode != undefined ? contactDataItem.zipcode = response.data.custInfo.zipcode:'';
                   JSON.stringify(contactDataItem) == "{}" ? that.contactData = []: that.contactData.push(contactDataItem);
+                  // 接触信息数据
+                  that.touchedData.data = [];
+                  if(response.data.partytimeline != undefined && response.data.partytimeline.length>0){
+                    response.data.partytimeline.forEach((item,index)=>{
+                      var bgc= '';
+                      if(index<(response.data.partytimeline.length/2)){
+                        bgc = '#DCE4F7';
+                      }else{
+                        bgc = '#FEE2B0';
+                      }
+                      let policyno,scenario,prole,describe;
+                      item.policyno != undefined ? policyno = item.policyno : policyno = '';
+                      item.scenario != undefined ? scenario = item.scenario : scenario = '';
+                      item.prole != undefined ? prole = item.prole : prole = '';
+                      item.describe != undefined ? describe = item.describe : describe = '';
+                      let touched = {
+                        label:`保险单号：${policyno}<br>接触类型：${scenario}<br>接触角色：${prole}<br>接触原因：${describe}`,
+                        date:that.parseTime(item.sdate,'{yy}-{mm}-{dd}'),
+                        backgroundColor:bgc,
+                      }
+                      that.touchedData.data.push(touched)
+                    })
+                  }
               }
           );
       },