新增组件及页面

dgtis-ui/src/views/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" v-loading="loading">
     <div class="conPanel">
       <el-row class="ht50p" :gutter="20">
         <el-col class="ht100p" :span="7">
@@ -256,6 +256,7 @@
     },
     data() {
       return {
+        loading: true,
         // 客户年龄段性别分布
         barTwoWayChartData:{
           yAxisName:'单位：万',
@@ -475,7 +476,7 @@
                     that.barTwoWayChartData.xAxisData =  response.data.xaxisData;
                     that.barTwoWayChartData.seriesData =  response.data.seriesData;
                     that.barTwoWayChartData.legendData =  response.data.legendData;
-                    this.loading = false;
+                    that.loading = false;
                 }
             );
         },
@@ -493,7 +494,8 @@
                     })
                     that.barChartData.xAxisData =  response.data.xaxisData;
                     that.barChartData.seriesData =  response.data.seriesData;
-                }
+                    that.loading = false;
+              }
             );
         },
         // 拥有保单件数分布

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

@@ -6,116 +6,117 @@
       <el-row class="userInfo" v-if="data && data.length > 0">
         <el-col :span="12">
           <span class="name">保险单号</span>
-          <span class="value">{{data[0].PolicyNo}}</span>
+          <span class="value">{{data[0].policyno}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保险期限</span>
-          <span class="value">{{data[0].AGRMNTAge}}</span>
+          <span class="value">{{data[0].agrmntage}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">承保分公司</span>
-          <span class="value">{{data[0].PWComp}}</span>
+          <span class="value">{{data[0].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(data[0].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(data[0].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(data[0].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(data[0].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(data[0].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">{{data[0].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="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" 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">{{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>-->
         </el-col><el-col :span="12">
         <span class="name">缴费方式</span>
-        <span class="value">{{data[0].Payment}}</span>
+        <span class="value">{{data[0].payment}}</span>
       </el-col>
         <el-col :span="12">
           <span class="name">保单保额</span>
-          <span class="value">{{data[0].Risk}}</span>
+          <span class="value">{{data[0].risk}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保单保费</span>
-          <span class="value">{{data[0].Prem}}</span>
+          <span class="value">{{data[0].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(data[0].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">{{data[0].soinsured}}人</span>
         </el-col>
         <el-col :span="12">
           <span class="name">基本保额</span>
-          <span class="value">{{data[0].BSInsured}}</span>
+          <span class="value">{{data[0].bsinsured}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">保单价值</span>
-          <span class="value">{{data[0].InsurValue}}</span>
+          <span class="value">{{data[0].insurvalue}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">主被保险人名称</span>
-          <span class="value">{{data[0].InsName}}</span>
+          <span class="value">{{data[0].insname}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">险种名称</span>
-          <span class="value">{{data[0].ProductName}}</span>
+          <span class="value">{{data[0].productname}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">业务员</span>
-          <span class="value">{{data[0].SalesPerson}}</span>
+          <span class="value">{{data[0].salesperson}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">业绩归属</span>
-          <span class="value">{{data[0].PolicyBelong}}</span>
+          <span class="value">{{data[0].policybelong}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">代理渠道</span>
-          <span class="value">{{data[0].AgentChannel}}</span>
+          <span class="value">{{data[0].agentchannel}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">代理机构</span>
-          <span class="value">{{data[0].AgentOrg}}</span>
+          <span class="value">{{data[0].agentorg}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">是否保全</span>
-          <span class="value">{{data[0].POService}}</span>
+          <span class="value">{{data[0].poservice}}</span>
         </el-col>
         <el-col :span="12">
           <span class="name">缴费年期</span>
-          <span class="value">{{data[0].PayEndYear}}年</span>
+          <span class="value">{{data[0].payendyear}}年</span>
         </el-col>
       </el-row>
       <el-row class="userInfo" v-if="data.length == 0">

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

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <div class="conPanel">
+    <div class="conPanel" v-loading="loading">
       <div class="userInfoPanel">
         <div class="title">{{custInfo.name}}<span class="num">（{{custInfo.custid}}）</span>
 <!--          <span class="tag">2孩儿</span>-->
@@ -143,6 +143,7 @@ export default {
   },
   data() {
     return {
+      loading: true,
         custInfo:{},
       tabActive:'hyxx',
       habitData:{},
@@ -271,6 +272,7 @@ 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;
               }
           );
       },

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" v-loading="loading">
     <div class="conPanel">
       <el-row class="ht100p" :gutter="20">
         <el-col class="ht100p" :span="7">
@@ -178,6 +178,7 @@ export default {
   },
   data() {
     return {
+      loading:true,
       chartsTitle:'',
       custInfo : {},
       wordCloudChartData:[],
@@ -250,7 +251,7 @@ export default {
           that.lineBarChartData.lineData.name = response.data.lineBarChartData.actaulData.name;
           // that.lineBarChartData.barData.data = response.data.lineBarChartData.expectedData.data;
           // that.lineBarChartData.barData.name = response.data.lineBarChartData.expectedData.name;
-          this.loading = false;
+          that.loading = false;
         }
       );
     },