新增组件及页面

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

@@ -3,16 +3,16 @@
   <div class="userInfoPanel mt10 pd15">
     <el-table v-loading="loading" :data="data">
       <el-table-column label="地址描述" width="90" align="center" prop="des" />
-      <el-table-column label="地址_国家" align="center" prop="country" />
+      <el-table-column label="地址_国家" align="center" prop="nation" />
       <el-table-column label="地址_省" align="center" prop="province" />
       <el-table-column label="地址_市县" align="center" prop="city" :show-overflow-tooltip="true" />
       <el-table-column label="地址_区镇" align="center" prop="area" />
-      <el-table-column label="地址_街道门牌号" width="190" align="center" prop="street"></el-table-column>
+      <el-table-column label="地址_街道门牌号" width="190" align="center" prop="raid"></el-table-column>
       <el-table-column label="地址_邮政编码" align="center" prop="postalCode" />
-      <el-table-column label="微信" align="center" prop="WeChat" :show-overflow-tooltip="true"  />
+      <el-table-column label="微信" align="center" prop="wechat" :show-overflow-tooltip="true"  />
       <el-table-column label="邮箱" align="center" prop="email" :show-overflow-tooltip="true" />
-      <el-table-column label="QQ" align="center" prop="QQ"  :show-overflow-tooltip="true"/>
-      <el-table-column label="手机" align="center" prop="phone"  :show-overflow-tooltip="true"/>
+      <el-table-column label="QQ" align="center" prop="qq"  :show-overflow-tooltip="true"/>
+      <el-table-column label="手机" align="center" prop="pmphone"  :show-overflow-tooltip="true"/>
     </el-table>
   </div>
 </template>

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

@@ -3,123 +3,127 @@
   <div>
     <tags :data="tagsData" v-if="tagsData && tagsData.length > 0"></tags>
     <div class="userInfoPanel mt10">
-      <el-row class="userInfo" v-if="data && data.length > 0">
+      <el-row class="userInfo" v-if="data && data.length > 0" v-for="(item,index) in data" :key="index">
         <el-col :span="12">
           <span class="name">保险单号</span>
-          <span class="value">{{data[0].policyno}}</span>
+          <span class="value">{{item.policyno}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保险期限</span>
-          <span class="value">{{data[0].agrmntage}}</span>
+          <span class="value">{{item.agrmntage}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">承保分公司</span>
-          <span class="value">{{data[0].pwcomp}}</span>
+          <span class="value">{{item.pwcomp}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">起保日期</span>
-          <span class="value">{{parseTime(data[0].pindate,'{yy}-{mm}-{dd}')}}</span>
+          <span class="value">{{parseTime(item.pindate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">终保日期</span>
-          <span class="value">{{parseTime(data[0].pmdate,'{yy}-{mm}-{dd}')}}</span>
+          <span class="value">{{parseTime(item.pmdate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">签单日期</span>
-          <span class="value">{{parseTime(data[0].pisdate,'{yy}-{mm}-{dd}')}}</span>
+          <span class="value">{{parseTime(item.pisdate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">投保日期</span>
-          <span class="value">{{parseTime(data[0].padate,'{yy}-{mm}-{dd}')}}</span>
+          <span class="value">{{parseTime(item.padate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">续保日期</span>
-          <span class="value">{{parseTime(data[0].renewaldate,'{yy}-{mm}-{dd}')}}</span>
+          <span class="value">{{parseTime(item.renewaldate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">续保次数</span>
-          <span class="value">{{data[0].norenewal}}次</span>
+          <span class="value">{{item.norenewal}}次</span>
         </el-col>
         <el-col :span="12">
           <span class="name">销售渠道</span>
-          <span class="value" v-if="data[0].schannel==1">团险渠道</span>
-          <span class="value" v-if="data[0].schannel==2">个人营销</span>
-          <span class="value" v-if="data[0].schannel==3">银行代理</span>
-          <span class="value" v-if="data[0].schannel==4">中介渠道</span>
-          <span class="value" v-if="data[0].schannel==5">网销渠道</span>
+          <span class="value" v-if="item.schannel==1">团险渠道</span>
+          <span class="value" v-if="item.schannel==2">个人营销</span>
+          <span class="value" v-if="item.schannel==3">银行代理</span>
+          <span class="value" v-if="item.schannel==4">中介渠道</span>
+          <span class="value" v-if="item.schannel==5">网销渠道</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保单状态</span>
-          <span class="value">{{data[0].policystate}}</span>
-<!--          <span class="value" v-if="data[0].PolicyState=='0'">未承保</span>-->
-<!--          <span class="value" v-if="data[0].PolicyState=='1'">承保</span>-->
-<!--          <span class="value" v-if="data[0].PolicyState=='2'">新增附加险</span>-->
-<!--          <span class="value" v-if="data[0].PolicyState=='4'">终止</span>-->
-<!--          <span class="value" v-if="data[0].PolicyState=='9'">续保</span>-->
-<!--          <span class="value" v-if="data[0].PolicyState=='B'">未对账</span>-->
-<!--          <span class="value" v-if="data[0].PolicyState=='F'">对账失败</span>-->
+          <span class="value">{{item.policystate}}</span>
+<!--          <span class="value" v-if="item.PolicyState=='0'">未承保</span>-->
+<!--          <span class="value" v-if="item.PolicyState=='1'">承保</span>-->
+<!--          <span class="value" v-if="item.PolicyState=='2'">新增附加险</span>-->
+<!--          <span class="value" v-if="item.PolicyState=='4'">终止</span>-->
+<!--          <span class="value" v-if="item.PolicyState=='9'">续保</span>-->
+<!--          <span class="value" v-if="item.PolicyState=='B'">未对账</span>-->
+<!--          <span class="value" v-if="item.PolicyState=='F'">对账失败</span>-->
         </el-col><el-col :span="12">
         <span class="name">缴费方式</span>
-        <span class="value">{{data[0].payment}}</span>
+        <span class="value">{{item.payment}}</span>
       </el-col>
         <el-col :span="12">
           <span class="name">保单保额</span>
-          <span class="value">{{data[0].risk}}</span>
+          <span class="value">{{item.risk}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保单保费</span>
-          <span class="value">{{data[0].prem}}</span>
+          <span class="value">{{item.prem}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">下次缴费日期</span>
-          <span class="value">{{parseTime(data[0].npdate,'{yy}-{mm}-{dd}')}}</span>
+          <span class="value">{{parseTime(item.npdate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">被保人数</span>
-          <span class="value">{{data[0].soinsured}}人</span>
+          <span class="value">{{item.soinsured}}人</span>
         </el-col>
         <el-col :span="12">
           <span class="name">基本保额</span>
-          <span class="value">{{data[0].bsinsured}}</span>
+          <span class="value">{{item.bsinsured}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保单价值</span>
-          <span class="value">{{data[0].insurvalue}}</span>
+          <span class="value">{{item.insurvalue}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">主被保险人名称</span>
-          <span class="value">{{data[0].insname}}</span>
+          <span class="value">{{item.insname}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">险种名称</span>
-          <span class="value">{{data[0].productname}}</span>
+          <span class="value">{{item.productname}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">业务员</span>
-          <span class="value">{{data[0].salesperson}}</span>
+          <span class="value">{{item.salesperson}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">业绩归属</span>
-          <span class="value">{{policybelongText(data[0].policybelong)}}</span>
+          <span class="value">{{policybelongText(item.policybelong)}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">代理渠道</span>
-          <span class="value">{{data[0].agentchannel}}</span>
+          <span class="value">{{item.agentchannel}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">代理机构</span>
-          <span class="value">{{data[0].agentorg}}</span>
+          <span class="value">{{item.agentorg}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">是否保全</span>
-          <span class="value" v-if="data[0].poservice>0">是</span>
+          <span class="value" v-if="item.poservice>0">是</span>
           <span class="value" v-else>否</span>
         </el-col>
         <el-col :span="12">
           <span class="name">缴费年期</span>
-          <span class="value">{{data[0].payendyear}}年</span>
+          <span class="value">{{item.payendyear}}年</span>
+        </el-col>
+        <el-col :span="24">
+          <div class="line" v-if="index != (data.length-1)"></div>
         </el-col>
       </el-row>
+
       <el-row class="userInfo" v-if="data.length == 0">
         <div class="noData">暂无数据</div>
       </el-row>
@@ -190,5 +194,11 @@
     text-align: center;
     padding: 20px 0;
   }
+  .line{
+    width: 100%;
+    height: 1px;
+    border-bottom: 1px dashed #dedede;
+    padding-top: 20px;
+  }
 </style>
 

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

@@ -113,7 +113,8 @@
             <claim :data="claimData"></claim>
           </el-tab-pane>
           <el-tab-pane label="接触信息" name="jcxx">
-            <touched :data="touchedData"></touched>
+<!--            <touched :data="touchedData"></touched>-->
+            <nodata></nodata>
           </el-tab-pane>
           <el-tab-pane label="标签信息" name="bqxx">
             <tags :data="tagsData" v-if="tagsData && tagsData.length > 0"></tags>
@@ -160,47 +161,7 @@ export default {
       tagsDataHY:[],
       labelHyNum:[24,28,31,35,37,43,44,46,65,88,89,107,116,120],
       claimData:[],
-      contactData:[
-        {
-          des:'户籍地址',
-          country:'中国',
-          province:'河南',
-          city:'洛阳',
-          area:'洛龙区',
-          street:'开元大道厚载门街300号',
-          postalCode:'47100',
-          WeChat:'weixin123',
-          email:'mail163.com',
-          QQ:'974171632',
-          phone:'180***121',
-        },
-        {
-          des:'公司地址',
-          country:'中国',
-          province:'河南',
-          city:'洛阳',
-          area:'洛龙区',
-          street:'开元大道厚载门街300号',
-          postalCode:'47100',
-          WeChat:'weixin123',
-          email:'mail163.com',
-          QQ:'974171632',
-          phone:'180***121',
-        },
-        {
-          des:'户籍地址',
-          country:'中国',
-          province:'河南',
-          city:'洛阳',
-          area:'洛龙区',
-          street:'开元大道厚载门街300号',
-          postalCode:'47100',
-          WeChat:'weixin123',
-          email:'mail163.com',
-          QQ:'974171632',
-          phone:'180***121',
-        },
-      ],
+      contactData:[],
       relationshipData:[],
       touchedData: {
         data:[
@@ -265,6 +226,7 @@ export default {
           let id = that.$route.query.id;
           getCustomerById({id:id}).then(response => {
                   console.log(response);
+                  that.loading =  false;
                   that.custInfo = response.data.custInfo;
                   that.relationshipData = response.data.relationship;
                   that.habitData.ctype = response.data.custInfo.ctype;
@@ -280,7 +242,14 @@ export default {
                   that.labelHy();
                   response.data.insuranceclaimthread?that.claimData = response.data.insuranceclaimthread:that.claimData = [];
                   response.data.insurancearrangement?that.contractInformationData = response.data.insurancearrangement:that.contractInformationData = [];
-                  that.loading =  false;
+                  response.data.custInfo.nation?that.contactData[0].nation = response.data.custInfo.nation:'';
+                  response.data.custInfo.sobirth?that.contactData[0].province = response.data.custInfo.sobirth:'';
+                  response.data.custInfo.raid?that.contactData[0].raid = response.data.custInfo.raid:'';
+                  response.data.custInfo.qq?that.contactData[0].qq = response.data.custInfo.qq:'';
+                  response.data.custInfo.email?that.contactData[0].email = response.data.custInfo.email:'';
+                  response.data.custInfo.wechat?that.contactData[0].wechat = response.data.custInfo.wechat:'';
+                  response.data.custInfo.pmphone?that.contactData[0].pmphone = response.data.custInfo.pmphone:'';
+
               }
           );
       },

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

@@ -77,19 +77,22 @@
                 <el-col :span="6">
                   <div class="bxDetail">
                     <div class="numTitle">大病保障</div>
-                    <div class="num">1706<span class="unit">万</span></div>
+                    <!--未接数据-->
+                    <div class="num">{{custInfo.null}}<span class="unit">万</span></div>
                   </div>
                 </el-col>
                 <el-col :span="6">
                   <div class="bxDetail">
                     <div class="numTitle">意外险</div>
-                    <div class="num">1706<span class="unit">万</span></div>
+                    <!--未接数据-->
+                    <div class="num">{{custInfo.null}}<span class="unit">万</span></div>
                   </div>
                 </el-col>
                 <el-col :span="6">
                   <div class="bxDetail">
                     <div class="numTitle">标准保费</div>
-                    <div class="num">1706<span class="unit"></span></div>
+                    <!--未接数据-->
+                    <div class="num">{{custInfo.null}}<span class="unit">元</span></div>
                   </div>
                 </el-col>
               </el-row>
@@ -97,17 +100,17 @@
                 <el-col :span="12">
                   <div class="bxDetail bxDetailHt">
                     <div class="numTitleB">续期信息</div>
-                    <div class="bxInfo">应交日期：2021-01-23</div>
-                    <div class="bxInfo">应交保费：3624元</div>
-                    <div class="bxInfo">已交保费：13625元</div>
-                    <div class="bxInfo">交费年期：1年</div>
+                    <div class="bxInfo">应交日期：{{custInfo.null}}</div><!--未接数据-->
+                    <div class="bxInfo">应交保费：{{custInfo.null}}元</div><!--未接数据-->
+                    <div class="bxInfo">已交保费：{{custInfo.null}}元</div><!--未接数据-->
+                    <div class="bxInfo">交费年期：{{custInfo.null}}年</div><!--未接数据-->
                   </div>
                 </el-col>
                 <el-col :span="12">
                   <div class="bxDetail bxDetailHt">
                     <div class="numTitleB">理赔信息</div>
                     <div class="bxInfo">是否理赔：{{lpInfo.islp}}</div>
-                    <div class="bxInfo">理赔类别：交通意外</div>
+                    <div class="bxInfo">理赔类别：{{custInfo.null}}</div>
                     <div class="bxInfo">理赔金额：{{lpInfo.ccamt}}元</div>
                   </div>
                 </el-col>