新增组件及页面

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

@@ -118,7 +118,10 @@ body {
   margin-right: 0 !important;
 }
 .formItem:nth-child(n+3){
-  margin-top: 10px;
+  margin-top: 5px;
+}
+.education .el-form-item__content{
+  width: 66%;
 }
 .infoRight{
   position: absolute;

dgtis-ui/src/views/index.vue

@@ -37,7 +37,9 @@
               <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.policybelong"></el-input>
+                  <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>
@@ -45,16 +47,20 @@
                   <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.fadate"></el-input>
+                  <el-date-picker
+                    v-model="conditionData.fadate"
+                    type="year"
+                    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="人寿保险"></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-option label="人寿保险" value="L"></el-option>
+                    <el-option label="年金保险" value="R"></el-option>
+                    <el-option label="万能保险" value="U"></el-option>
+                    <el-option label="意外伤害险" value="A"></el-option>
+                    <el-option label="重疾保险" value="S"></el-option>
+                    <el-option label="健康险" value="H"></el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item class="formItemFull" label="保额区间：" size="mini">
@@ -65,7 +71,9 @@
               </el-form>
               <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.age"></el-input>
+                  <el-input class="age" v-model="conditionData.ageS"></el-input>
+                  -
+                  <el-input class="age" v-model="conditionData.ageE"></el-input>
                 </el-form-item>
                 <el-form-item class="formItem" label="性别：" size="mini">
                   <el-select v-model="conditionData.gender">
@@ -76,9 +84,7 @@
                 <el-form-item class="formItem" label="省份：" size="mini">
                   <el-input v-model="conditionData.sobirth"></el-input>
                 </el-form-item>
-                <el-form-item class="formItem" label="学历：" size="mini">
-                  <el-input v-model="conditionData.education"></el-input>
-                </el-form-item>
+
                 <el-form-item class="formItem" label="保单件数：" size="mini">
                   <el-select v-model="conditionData.NOVPolicy">
                     <el-option label="无保单" value="无保单"></el-option>
@@ -101,7 +107,7 @@
                 <el-form-item class="formItem" label="核心客户号：" size="mini">
                   <el-input v-model="conditionData.SCustID"></el-input>
                 </el-form-item>
-                <el-form-item class="formItem" label="客户等级：" size="mini">
+                <el-form-item class="formItemFull labelM education" label="客户等级：" size="mini" style="width:100%;margin-top: 5px;">
                   <el-select v-model="conditionData.custclass">
                     <el-option label="钻石" value="1"></el-option>
                     <el-option label="白金" value="2"></el-option>
@@ -110,7 +116,12 @@
                     <el-option label="无" value="0"></el-option>
                   </el-select>
                 </el-form-item>
-                <el-form-item class="formItemFull labelM dateQj" label="参与方进入时间：" size="mini">
+                <el-form-item class="formItemFull labelM education" label="学历：" size="mini" style="width:100%;margin-top: 5px;">
+                  <el-select v-model="conditionData.education" multiple collapse-tags>
+                    <el-option v-for="(item,index) in educationArr" :key="index" :label="item.label" :value="item.value"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item class="formItemFull labelM dateQj" label="参与方进入时间：" size="mini" style="margin-top: 5px;">
                   <el-date-picker
                     v-model="conditionData.participantsDateS"
                     type="date"
@@ -128,7 +139,9 @@
               </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.PIncome"></el-input>
+                  <el-input v-model="conditionData.PIncomeS" style="width: 43%;"></el-input>
+                  &nbsp;-&nbsp;
+                  <el-input v-model="conditionData.PIncomeE" style="width: 43%;"></el-input>
                 </el-form-item>
               </el-form>
               <el-form v-if="lunboActiveIndex == 3" ref="conditionData" :model="conditionData" label-width="96px">
@@ -307,7 +320,68 @@
             name:'客户标签',
           },
         ],
-        conditionData:{},
+        // 学历选项
+        educationArr:[
+          {
+            value: '幼儿园',
+            label: '幼儿园'
+          },{
+            value: '小学',
+            label: '小学'
+          },{
+            value: '中专',
+            label: '中专'
+          },{
+            value: '职高',
+            label: '职高'
+          },{
+            value: '技校',
+            label: '技校'
+          },{
+            value: '初中',
+            label: '初中'
+          },{
+            value: '高中',
+            label: '高中'
+          },{
+            value: '大专',
+            label: '大专'
+          },{
+            value: '本科',
+            label: '本科'
+          },{
+            value: '硕士及以上',
+            label: '硕士及以上'
+          },{
+            value: '其他',
+            label: '其他'
+          }
+        ],
+        // 业绩归属选项
+        policybelongArr:[
+          {
+            value: '00',
+            label: '总部团险个单业务'
+          },{
+            value: '01',
+            label: '上分团险个单业务'
+          },{
+            value: '02',
+            label: '个险渠道'
+          },{
+            value: '03',
+            label: '银保渠道'
+          },{
+            value: '05',
+            label: '网销渠道'
+          },{
+            value: '06',
+            label: '健康险事业部'
+          }
+        ],
+        conditionData:{
+          education:'',
+        },
         cyfDate:'',
       }
     },
@@ -362,6 +436,7 @@
       },
       toUserInfoList(){
         var that = this;
+        // console.log(that.conditionData)
         // this.$router.push({ path:'/userInfoList'})
         this.$router.push({ name:'UserInfoList',params:that.conditionData})
       },
@@ -455,3 +530,11 @@
     height: 50%;
   }
 </style>
+<style lang="scss">
+  .age{
+    width: 40px !important;
+    .el-input__inner{
+      padding: 0 6px !important;
+    }
+  }
+</style>

dgtis-ui/src/views/login.vue

@@ -156,10 +156,10 @@ export default {
 <style rel="stylesheet/scss" lang="scss">
 .login {
   display: flex;
-  justify-content: flex-end;
+  justify-content: center;
   align-items: center;
   height: 83%;
-  background-image: url("../assets/image/login-background4.jpg");
+  background-image: url("../assets/image/login-background5.jpg");
   background-size: cover;
   padding: 0 80px;
   box-sizing: border-box;