新增组件及页面

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

@@ -380,3 +380,6 @@ body {
     bottom: 180px;
   }
 }
+.dateQj .el-form-item__content{
+  width: 66%;
+}

dgtis-ui/src/views/index.vue

@@ -37,28 +37,30 @@
               <el-button class="lunboSearchBtn" icon="el-icon-search" circle @click="toUserInfoList"></el-button>
               <el-form v-if="lunboActiveIndex == 0" ref="conditionData" :model="conditionData" label-width="96px">
                 <el-form-item class="formItemFull" label="业绩归属：" size="mini">
-                  <el-input v-model="conditionData.yj"></el-input>
+                  <el-input v-model="conditionData.policybelong"></el-input>
                 </el-form-item>
                 <el-form-item class="formItemFull" label="年缴费区间：" size="mini">
-                  <el-input v-model="conditionData.jfS" style="width: 43%;"></el-input>
+                  <el-input v-model="conditionData.payS" style="width: 43%;"></el-input>
                   &nbsp;-&nbsp;
-                  <el-input v-model="conditionData.jfE" style="width: 43%;"></el-input>
+                  <el-input v-model="conditionData.payE" style="width: 43%;"></el-input>
                 </el-form-item>
                 <el-form-item class="formItemFull" label="投保年份：" size="mini">
-                  <el-input v-model="conditionData.tbyear"></el-input>
+                  <el-input v-model="conditionData.fadate"></el-input>
                 </el-form-item>
                 <el-form-item class="formItemFull" label="险种类别：" size="mini">
-                  <el-select v-model="conditionData.xzType">
-                    <el-option label="险种类别1" value="有效"></el-option>
-                    <el-option label="险种类别2" value="无效"></el-option>
-                    <el-option label="险种类别3" value="无效"></el-option>
-                    <el-option label="险种类别4" value="无效"></el-option>
+                  <el-select v-model="conditionData.productname">
+                    <el-option label="人寿保险" value="人寿保险"></el-option>
+                    <el-option label="年金保险" value="年金保险"></el-option>
+                    <el-option label="万能保险" value="万能保险"></el-option>
+                    <el-option label="意外伤害险" value="意外伤害险"></el-option>
+                    <el-option label="重疾保险" value="重疾保险"></el-option>
+                    <el-option label="健康险" value="健康险"></el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item class="formItemFull" label="保额区间：" size="mini">
-                  <el-input v-model="conditionData.beS" style="width: 43%;"></el-input>
+                  <el-input v-model="conditionData.insuredAmountS" style="width: 43%;"></el-input>
                   &nbsp;-&nbsp;
-                  <el-input v-model="conditionData.beE" style="width: 43%;"></el-input>
+                  <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">
@@ -66,19 +68,19 @@
                   <el-input v-model="conditionData.age"></el-input>
                 </el-form-item>
                 <el-form-item class="formItem" label="性别：" size="mini">
-                  <el-select v-model="conditionData.sex">
-                    <el-option label="男" value="男"></el-option>
-                    <el-option label="女" value="女"></el-option>
+                  <el-select v-model="conditionData.gender">
+                    <el-option label="男" value="0"></el-option>
+                    <el-option label="女" value="1"></el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item class="formItem" label="省份：" size="mini">
-                  <el-input v-model="conditionData.province"></el-input>
+                  <el-input v-model="conditionData.sobirth"></el-input>
                 </el-form-item>
                 <el-form-item class="formItem" label="学历：" size="mini">
-                  <el-input v-model="conditionData.xl"></el-input>
+                  <el-input v-model="conditionData.education"></el-input>
                 </el-form-item>
                 <el-form-item class="formItem" label="保单件数：" size="mini">
-                  <el-select v-model="conditionData.bdNum">
+                  <el-select v-model="conditionData.NOVPolicy">
                     <el-option label="无保单" value="无保单"></el-option>
                     <el-option label="1件" value="1件"></el-option>
                     <el-option label="2件" value="2件"></el-option>
@@ -90,42 +92,48 @@
                   </el-select>
                 </el-form-item>
                 <el-form-item class="formItem" label="客户类型：" size="mini">
-                  <el-select v-model="conditionData.khType">
+                  <el-select v-model="conditionData.custtype">
                     <el-option label="投保人" value="投保人"></el-option>
                     <el-option label="被保人" value="被保人"></el-option>
                     <el-option label="受益人" value="受益人"></el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item class="formItem" label="核心客户号：" size="mini">
-                  <el-input v-model="conditionData.hekhh"></el-input>
+                  <el-input v-model="conditionData.SCustID"></el-input>
                 </el-form-item>
-                <el-form-item class="formItem" label="客户层级：" size="mini">
-                  <el-input v-model="conditionData.khlevel"></el-input>
+                <el-form-item class="formItem" label="客户等级：" size="mini">
+                  <el-select v-model="conditionData.custclass">
+                    <el-option label="钻石" value="1"></el-option>
+                    <el-option label="白金" value="2"></el-option>
+                    <el-option label="黄金" value="3"></el-option>
+                    <el-option label="普通" value="4"></el-option>
+                    <el-option label="无" value="0"></el-option>
+                  </el-select>
                 </el-form-item>
                 <el-form-item class="formItemFull labelM dateQj" label="参与方进入时间：" size="mini">
                   <el-date-picker
-                    v-model="cyfDateS"
+                    v-model="conditionData.participantsDateS"
                     type="date"
-                    style="width: 46%;"
+                    style="width: 44%;"
                     placeholder="选择日期">
                   </el-date-picker>
                   -
                   <el-date-picker
-                    v-model="cyfDateE"
+                    v-model="conditionData.participantsDateE"
                     type="date"
-                    style="width: 46%;"
+                    style="width: 44%;"
                     placeholder="选择日期">
                   </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-input v-model="conditionData.nsr"></el-input>
+                  <el-input v-model="conditionData.PIncome"></el-input>
                 </el-form-item>
               </el-form>
               <el-form v-if="lunboActiveIndex == 3" ref="conditionData" :model="conditionData" label-width="96px">
                 <el-form-item class="formItemFull" label="投保对象：" size="mini">
-                  <el-input v-model="conditionData.tbdx"></el-input>
+                  <el-input v-model="conditionData.Insured"></el-input>
                 </el-form-item>
               </el-form>
               <el-form v-if="lunboActiveIndex == 4" ref="conditionData" :model="conditionData" label-width="196px">
@@ -299,15 +307,7 @@
             name:'客户标签',
           },
         ],
-        conditionData:{
-          name:'',
-          status:'',
-          money:'',
-          num:'',
-          sex:'',
-          age:'',
-          tag:['万能险大户','百万医疗','单身女青年','理性用户'],
-        },
+        conditionData:{},
         cyfDate:'',
       }
     },
@@ -361,7 +361,9 @@
         });
       },
       toUserInfoList(){
-        this.$router.push({ path:'/userInfoList'})
+        var that = this;
+        // this.$router.push({ path:'/userInfoList'})
+        this.$router.push({ name:'UserInfoList',params:that.conditionData})
       },
         // 客户年龄段性别分布
         getAgeSexDis(){

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

@@ -1,7 +1,7 @@
 <!--理赔-->
 <template>
   <div class="userInfoPanel mt10">
-    <el-row class="userInfo" v-for="(item,index) in data" :key="index">
+    <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">{{item.crno}}</span>
@@ -63,6 +63,9 @@
         <span class="value">{{item.claimcasestatus}}</span>
       </el-col>
     </el-row>
+    <el-row class="userInfo" v-if="data.length == 0">
+      <div class="noData">暂无数据</div>
+    </el-row>
   </div>
 </template>
 <script>
@@ -82,10 +85,17 @@
       };
     },
     mounted() {
-      console.log(this.data)
+
     },
     methods: {
 
     }
   };
 </script>
+<style lang="scss">
+  .noData{
+    color: #303133;
+    text-align: center;
+    padding: 20px 0;
+  }
+</style>

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

@@ -266,7 +266,7 @@ export default {
                   that.healthData.weight = response.data.custInfo.weight;
                   that.healthData.bmi = response.data.custInfo.bmi;
                   that.labelAll();
-                  that.claimData = response.data.insuranceclaimthread;
+                  response.data.insuranceclaimthread?that.claimData = response.data.insuranceclaimthread:that.claimData = [];
               }
           );
       },

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

@@ -111,8 +111,14 @@ export default {
   methods: {
     /** 查询用户列表 */
     getList() {
-      this.loading = true;
-        listCustomer(this.queryParams).then(response => {
+      let that = this;
+      that.loading = true;
+      Object.assign(
+        that.queryParams,
+        that.$route.params
+      )
+      console.log(that.queryParams)
+        listCustomer(that.queryParams).then(response => {
             console.log(response);
           this.customerList = response.data.list;
           this.total = response.data.total;