新增组件及页面

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

@@ -3,111 +3,124 @@
   <div>
     <tags :data="tagsData"></tags>
     <div class="userInfoPanel mt10">
-      <el-row class="userInfo">
+      <el-row class="userInfo" v-if="data && data.length > 0">
         <el-col :span="12">
           <span class="name">保险单号</span>
-          <span class="value">bx12312312313</span>
+          <span class="value">{{data[0].PolicyNo}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保险期限</span>
-          <span class="value">一年</span>
+          <span class="value">{{data[0].AGRMNTAge}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">承保分公司</span>
-          <span class="value">上海人寿</span>
+          <span class="value">{{data[0].PWComp}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">起保日期</span>
-          <span class="value">2018-03-02</span>
+          <span class="value">{{parseTime(data[0].PINDate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">终保日期</span>
-          <span class="value">2019-03-01</span>
+          <span class="value">{{parseTime(data[0].PMDate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">签单日期</span>
-          <span class="value">2018-03-02</span>
+          <span class="value">{{parseTime(data[0].PISDate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">投保日期</span>
-          <span class="value">2018-03-02</span>
+          <span class="value">{{parseTime(data[0].PADate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">续保日期</span>
-          <span class="value">2020-12-12</span>
+          <span class="value">{{parseTime(data[0].RenewalDate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">续保次数</span>
-          <span class="value">1次</span>
+          <span class="value">{{data[0].NORenewal}}次</span>
         </el-col>
         <el-col :span="12">
           <span class="name">销售渠道</span>
-          <span class="value">AGY</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>
         </el-col>
         <el-col :span="12">
           <span class="name">保单状态</span>
-          <span class="value">在保</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>
         </el-col><el-col :span="12">
         <span class="name">缴费方式</span>
-        <span class="value">线上支付</span>
+        <span class="value">{{data[0].Payment}}</span>
       </el-col>
         <el-col :span="12">
           <span class="name">保单保额</span>
-          <span class="value">30万</span>
+          <span class="value">{{data[0].Risk}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保单保费</span>
-          <span class="value">1689元</span>
+          <span class="value">{{data[0].Prem}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">下次缴费日期</span>
-          <span class="value">2020-12-12</span>
+          <span class="value">{{parseTime(data[0].NPDate,'{yy}-{mm}-{dd}')}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">被保人数</span>
-          <span class="value">2人</span>
+          <span class="value">{{data[0].SOInsured}}人</span>
         </el-col>
         <el-col :span="12">
           <span class="name">基本保额</span>
-          <span class="value">10万</span>
+          <span class="value">{{data[0].BSInsured}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保单价值</span>
-          <span class="value">1111元</span>
+          <span class="value">{{data[0].InsurValue}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">主被保险人名称</span>
-          <span class="value">张大川</span>
+          <span class="value">{{data[0].InsName}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">险种名称</span>
-          <span class="value">重疾健康险</span>
+          <span class="value">{{data[0].ProductName}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">业务员</span>
-          <span class="value">刘小美</span>
+          <span class="value">{{data[0].SalesPerson}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">业绩归属</span>
-          <span class="value">运营二部</span>
+          <span class="value">{{data[0].PolicyBelong}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">代理渠道</span>
-          <span class="value">123</span>
+          <span class="value">{{data[0].AgentChannel}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">代理机构</span>
-          <span class="value">上海人寿</span>
+          <span class="value">{{data[0].AgentOrg}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">是否保全</span>
-          <span class="value">否</span>
+          <span class="value">{{data[0].POService}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">缴费年期</span>
-          <span class="value">10年</span>
+          <span class="value">{{data[0].PayEndYear}}年</span>
         </el-col>
       </el-row>
+      <el-row class="userInfo" v-if="data.length == 0">
+        <div class="noData">暂无数据</div>
+      </el-row>
     </div>
   </div>
 </template>
@@ -124,19 +137,31 @@
           return [];
         }
       },
+      tagsData: {
+        type: Array,
+        default: function (){
+          return [];
+        }
+      },
     },
     data() {
       return {
-        tagsData:['有极短意保单','给本人投保','给父母投保','给配偶投保','仅有一年期短险保单','有续期缴费的保单'],
+
       };
     },
     mounted() {
-      this.initChart();
+
     },
     methods: {
-      initChart() {
 
-      }
     }
   };
 </script>
+<style lang="scss">
+  .noData{
+    color: #303133;
+    text-align: center;
+    padding: 20px 0;
+  }
+</style>
+

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

@@ -102,7 +102,7 @@
             <relationship :data="relationshipData"></relationship>
           </el-tab-pane>
           <el-tab-pane label="合约信息" name="hyxx">
-            <contract-information :data="contractInformationData"></contract-information>
+            <contract-information :data="contractInformationData" :tagsData="tagsDataHY"></contract-information>
           </el-tab-pane>
           <el-tab-pane label="理赔信息" name="lpxx">
             <claim :data="claimData"></claim>
@@ -148,6 +148,8 @@ export default {
       habitData:{},
       healthData:{},
       contractInformationData:[],
+      tagsDataHY:[],
+      labelHyNum:[24,28,31,35,37,43,44,46,65,88,89,107,116,120],
       claimData:[],
       contactData:[
         {
@@ -266,12 +268,15 @@ export default {
                   that.healthData.weight = response.data.custInfo.weight;
                   that.healthData.bmi = response.data.custInfo.bmi;
                   that.labelAll();
+                  that.labelHy();
                   response.data.insuranceclaimthread?that.claimData = response.data.insuranceclaimthread:that.claimData = [];
+                  response.data.insurancearrangement?that.contractInformationData = response.data.insurancearrangement:that.contractInformationData = [];
               }
           );
       },
       labelAll(){
           var that = this;
+          that.tagsData = [];
           for(var i=0;i<120;i++){
             var label = 'label'+i;
             if(that.custInfo[label] && that.custInfo[label] != ""){
@@ -279,6 +284,16 @@ export default {
             }
           }
       },
+      labelHy(){
+        var that = this;
+        that.tagsDataHY = [];
+        that.labelHyNum.forEach((item,index) => {
+          var label = 'label'+item;
+          if(that.custInfo[label] && that.custInfo[label] != ""){
+            that.tagsDataHY.push(that.custInfo[label]);
+          }
+        } )
+      },
     tabChange(tab, event){
       console.log(tab, event);
     },