新增组件及页面

dgtis-ui/src/api/index.js

@@ -24,6 +24,14 @@ export function bdNumDis(query) {
     params: query
   })
 }
+// 近10年有效客户数
+export function tenYearsCustomers(query) {
+  return request({
+    url: '/data/index/effectiveCustomer',
+    method: 'get',
+    params: query
+  })
+}
 
 
 

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

@@ -388,6 +388,12 @@ body {
     font-weight: 600;
     vertical-align: middle;
 }
+.infoLeft .formItemFull{
+  width: 100%;
+}
+.infoLeft .formItemFull .el-form-item__content{
+  width: 75%;
+}
 @media (min-width: 1400px) {
   .container .cards-list{
     top:37%;
@@ -407,10 +413,14 @@ body {
   .infoLeft .age{
     width: 80px !important;
   }
+
 }
 .dateQj .el-form-item__content{
   width: 66%;
 }
+.nsr .el-form-item__content{
+  width: 74%;
+}
 @media (max-width: 1400px) {
   .infoLeft .el-input--mini {
       width: 98px;

dgtis-ui/src/views/dashboard/BarChart2.vue

@@ -29,6 +29,16 @@
         default: {}
       },
     },
+    watch: {
+      data: {
+        handler(newVal, oldVal) {
+          if (newVal) {
+            this.initChart();
+          }
+        },
+        deep: true //对象内部属性的监听，关键。
+      }
+    },
     data() {
       return {
         chart: null
@@ -75,7 +85,7 @@
           },
           color:that.data.color,
           legend: {
-            left: "center",
+            right: "10%",
             top: 10,
             data: legendData
           },

dgtis-ui/src/views/index.vue

@@ -38,26 +38,26 @@
               <el-button class="lunboSearchBtn" circle @click="toUserInfoList">
                 <img src="../assets/image/searchBtn.png" alt=""/>
               </el-button>
-              <el-form v-if="lunboActiveIndex == 0" ref="conditionData" :model="conditionData" label-width="96px">
-                <el-form-item class="formItemFull" label="业绩归属：" size="mini">
-                  <el-select v-model="conditionData.policybelong">
-                    <el-option v-for="(item,index) in policybelongArr" :key="index" :label="item.label" :value="item.value"></el-option>
-                  </el-select>
-                </el-form-item>
+<!--              <el-form v-if="lunboActiveIndex == 0" ref="conditionData" :model="conditionData" label-width="96px">-->
+<!--                <el-form-item class="formItemFull" label="业绩归属：" size="mini">-->
+<!--                  <el-select v-model="conditionData.policybelong">-->
+<!--                    <el-option v-for="(item,index) in policybelongArr" :key="index" :label="item.label" :value="item.value"></el-option>-->
+<!--                  </el-select>-->
+<!--                </el-form-item>-->
 <!--                <el-form-item class="formItemFull" label="年缴费区间：" size="mini">-->
 <!--                  <el-input v-model="conditionData.payS" style="width: 43%;"></el-input>-->
 <!--                  &nbsp;-&nbsp;-->
 <!--                  <el-input v-model="conditionData.payE" style="width: 43%;"></el-input>-->
 <!--                </el-form-item>-->
-                <el-form-item class="formItemFull" label="投保年份：" size="mini">
-                  <el-date-picker
-                    v-model="conditionData.fadate"
-                    type="year"
-                    clearable
-                    value-format="yyyy"
-                    placeholder="选择年">
-                  </el-date-picker>
-                </el-form-item>
+<!--                <el-form-item class="formItemFull" label="投保年份：" size="mini">-->
+<!--                  <el-date-picker-->
+<!--                    v-model="conditionData.fadate"-->
+<!--                    type="year"-->
+<!--                    clearable-->
+<!--                    value-format="yyyy"-->
+<!--                    placeholder="选择年">-->
+<!--                  </el-date-picker>-->
+<!--                </el-form-item>-->
 <!--                <el-form-item class="formItemFull" label="险种类别：" size="mini">-->
 <!--                  <el-select v-model="conditionData.productname">-->
 <!--                    <el-option label="人寿保险" value="L"></el-option>-->
@@ -73,8 +73,8 @@
 <!--                  &nbsp;-&nbsp;-->
 <!--                  <el-input v-model="conditionData.insuredAmountE" style="width: 43%;"></el-input>-->
 <!--                </el-form-item>-->
-              </el-form>
-              <el-form v-if="lunboActiveIndex == 1" :inline="true" ref="conditionData" :model="conditionData" label-width="96px">
+<!--              </el-form>-->
+              <el-form v-if="lunboActiveIndex == 0" :inline="true" ref="conditionData" :model="conditionData" label-width="96px">
                 <el-form-item class="formItem" label="年龄：" size="mini">
                   <el-input class="age" oninput="value=value.replace(/[^\d]/g,'')" v-model="conditionData.ageS"></el-input>
                   -
@@ -146,24 +146,40 @@
                   </el-date-picker>
                 </el-form-item>
               </el-form>
-              <el-form v-if="lunboActiveIndex == 2" ref="conditionData" :model="conditionData" label-width="96px">
-                <el-form-item class="formItemFull" label="核心客户号：" size="mini">
+              <el-form v-if="lunboActiveIndex == 1" :inline="true" ref="conditionData" :model="conditionData" label-width="96px">
+                <el-form-item class="formItem" label="核心客户号：" size="mini">
                   <el-input v-model="conditionData.SCustID"></el-input>
                 </el-form-item>
-                <el-form-item class="formItemFull" label="客户姓名：" size="mini">
+                <el-form-item class="formItem" label="客户姓名：" size="mini">
                   <el-input v-model="conditionData.name"></el-input>
                 </el-form-item>
+
+
+                <el-form-item class="formItem" label="业绩归属：" size="mini">
+                  <el-select v-model="conditionData.policybelong">
+                    <el-option v-for="(item,index) in policybelongArr" :key="index" :label="item.label" :value="item.value"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item class="formItem" label="投保年份：" size="mini">
+                  <el-date-picker
+                    v-model="conditionData.fadate"
+                    type="year"
+                    clearable
+                    value-format="yyyy"
+                    placeholder="选择年">
+                  </el-date-picker>
+                </el-form-item>
                 <el-form-item class="formItemFull" label="证件号码：" size="mini">
                   <el-input v-model="conditionData.idcard"></el-input>
                 </el-form-item>
                 <el-form-item class="formItemFull" label="手机号：" size="mini">
                   <el-input v-model="conditionData.mobile"></el-input>
                 </el-form-item>
-                <el-form-item class="formItemFull" label="年收入：" size="mini">
-                  <el-input v-model="conditionData.PIncomeS" style="width: 38%;"></el-input>
+                <el-form-item class="formItemFull2 nsr" label="年收入：" size="mini">
+                  <el-input v-model="conditionData.PIncomeS" style="width: 42%;"></el-input>
                   <span style="font-size: 12px;padding-left: 4px;">万</span>
                   &nbsp;-&nbsp;
-                  <el-input v-model="conditionData.PIncomeE" style="width: 38%;"></el-input>
+                  <el-input v-model="conditionData.PIncomeE" style="width: 42%;"></el-input>
                   <span style="font-size: 12px;padding-left: 4px;">万</span>
                 </el-form-item>
               </el-form>
@@ -172,7 +188,7 @@
 <!--                  <el-input v-model="conditionData.Insured"></el-input>-->
 <!--                </el-form-item>-->
 <!--              </el-form>-->
-              <el-form v-if="lunboActiveIndex == 3" ref="conditionData" :model="conditionData" label-width="196px">
+              <el-form v-if="lunboActiveIndex == 2" ref="conditionData" :model="conditionData" label-width="196px">
                 <el-form-item class="formItemFull" label="理赔：" size="mini">
                   <el-radio v-model="conditionData.lp" label="0">是</el-radio>
                   <el-radio v-model="conditionData.lp" label="1">否</el-radio>
@@ -237,7 +253,7 @@
   import BarChart from './dashboard/BarChart2'
   import BarChart3 from './dashboard/BarChart3'
   import PieChart from './dashboard/PieChart2'
-  import { ageSexDis, riskcode, bdNumDis } from "@/api/index";
+  import { ageSexDis, riskcode, bdNumDis, tenYearsCustomers} from "@/api/index";
   export default {
     name: "Index",
     components: {
@@ -271,31 +287,10 @@
         },
         // 近10年有效客户数
         barChartVistorsData:{
-          yAxisName:'数量：万个',
+          yAxisName:'数量：个',
           color:['#048EF3','#7FE59A','#FAD889','#F29EC2'],
-          xAxisData:['2011', '2012', '2013', '2014', '2015', '2016', '2017'],
-          seriesData:[
-            {
-              name:'白银',
-              stack: 'vistors',
-              data: [79, 52, 200, 334, 390, 330, 220]
-            },
-            {
-              name:'黄金',
-              stack: 'vistors',
-              data: [80, 52, 200, 334, 390, 330, 220]
-            },
-            {
-              name:'白金',
-              stack: 'vistors',
-              data: [30, 52, 200, 334, 390, 330, 220]
-            },
-            {
-              name:'钻石',
-              stack: 'vistors',
-              data: [30, 52, 200, 334, 390, 330, 220]
-            },
-          ]
+          xAxisData:[],
+          seriesData:[]
         },
         width:'100%',
         height:'80%',
@@ -309,10 +304,10 @@
             iconSrc:require('../assets/image/baseInfo.png'),
             name:'基本信息',
           },
-          {
-            iconSrc:require('../assets/image/money.png'),
-            name:'客户信息',
-          },
+          // {
+          //   iconSrc:require('../assets/image/money.png'),
+          //   name:'客户信息',
+          // },
           // {
           //   iconSrc:require('../assets/image/guanlian.png'),
           //   name:'关联信息',
@@ -411,6 +406,7 @@
       this.getRiskcode();
       this.getAgeSexDis();
       this.getBdNumDis();
+      this.getTenYearsCustomers();
     },
     methods: {
       _$ (el) {
@@ -493,6 +489,21 @@
               }
             );
         },
+        // 近10年有效客户数
+        getTenYearsCustomers(){
+          let that = this;
+          tenYearsCustomers().then(response => {
+              console.log(response);
+              that.barChartVistorsData.xAxisData =  response.data.xaxisData;
+              response.data.seriesData.forEach((item,index)=>{
+                item.stack = 'vistors';
+              })
+              that.barChartVistorsData.seriesData =  response.data.seriesData;
+              console.log(that.barChartVistorsData)
+              this.loading = false;
+            }
+          );
+        },
         // 拥有保单件数分布
         getBdNumDis(){
             let that = this;

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

@@ -10,10 +10,10 @@
         <span class="name">保险单号</span>
         <span class="value">{{item.policyno}}</span>
       </el-col>
-      <el-col :span="12">
-        <span class="name">报案号</span>
-        <span class="value">{{item.cnno}}</span>
-      </el-col>
+<!--      <el-col :span="12">-->
+<!--        <span class="name">报案号</span>-->
+<!--        <span class="value">{{item.cnno}}</span>-->
+<!--      </el-col>-->
       <el-col :span="12">
         <span class="name">损失发生时间</span>
         <span class="value">{{parseTime(item.losstime,'{yy}-{mm}-{dd}')}}</span>
@@ -38,18 +38,15 @@
         <span class="name">立案日期</span>
         <span class="value">{{parseTime(item.crdate,'{yy}-{mm}-{dd}')}}</span>
       </el-col>
-      <el-col :span="12">
-        <span class="name">报案描述</span>
-        <span class="value">{{item.cndescribe}}</span>
-      </el-col>
+
       <el-col :span="12">
         <span class="name">报案人与出险人关系</span>
         <span class="value">{{item.relationship}}</span>
       </el-col>
-      <el-col :span="12">
-        <span class="name">赔案号</span>
-        <span class="value">{{item.ccno}}</span>
-      </el-col>
+<!--      <el-col :span="12">-->
+<!--        <span class="name">赔案号</span>-->
+<!--        <span class="value">{{item.ccno}}</span>-->
+<!--      </el-col>-->
       <el-col :span="12">
         <span class="name">险种名称</span>
         <span class="value">{{item.productname}}</span>
@@ -62,6 +59,10 @@
         <span class="name">案件状态</span>
         <span class="value">{{item.claimcasestatus}}</span>
       </el-col>
+      <el-col :span="24">
+        <span class="name">报案描述</span>
+        <span class="value">{{item.cndescribe}}</span>
+      </el-col>
     </el-row>
     <el-row class="userInfo" v-if="data.length == 0">
       <div class="noData">暂无数据</div>

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

@@ -1,10 +1,10 @@
 <template>
   <div class="userInfoPanel mt10">
     <el-row class="userInfo">
-      <el-col :span="12">
-        <span class="name">评估日期</span>
-        <span class="value">{{data.evadate}}</span>
-      </el-col>
+<!--      <el-col :span="12">-->
+<!--        <span class="name">评估日期</span>-->
+<!--        <span class="value">{{data.evadate}}</span>-->
+<!--      </el-col>-->
       <el-col :span="12">
         <span class="name">身高</span>
         <span class="value">{{data.height}}</span>