新增组件及页面

dgtis-ui/src/assets/styles/index.scss

@@ -278,7 +278,6 @@ aside {
 }
 .infoLeft{
   .el-input--mini {
-    width: 98px;
     .el-input__inner{
       width: 100%;
     }
@@ -295,3 +294,4 @@ aside {
     }
   }
 }
+

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

@@ -127,8 +127,14 @@ body {
 .formItem:nth-child(n+3){
   margin-top: 5px;
 }
+.education {
+  width: 100%;
+}
+.education .el-input--mini{
+  width: 100%;
+}
 .education .el-form-item__content{
-  width: 66%;
+  width: 75%;
 }
 .infoRight{
   position: absolute;
@@ -395,7 +401,21 @@ body {
   .formItem:nth-child(n+3){
     margin-top: 15px;
   }
+  .infoLeft .el-form-item__content{
+    min-width: 178px;
+  }
+  .infoLeft .age{
+    width: 80px !important;
+  }
 }
 .dateQj .el-form-item__content{
   width: 66%;
 }
+@media (max-width: 1400px) {
+  .infoLeft .el-input--mini {
+      width: 98px;
+  }
+  .infoLeft .age{
+    width: 40px !important;
+  }
+}

dgtis-ui/src/views/index.vue

@@ -112,7 +112,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 education':isFull,'formItem':!isActive}" label="客户等级：" size="mini">
                   <el-select v-model="conditionData.custclass">
                     <el-option label="钻石" value="1"></el-option>
                     <el-option label="白金" value="2"></el-option>
@@ -121,7 +121,7 @@
                     <el-option label="无" value="0"></el-option>
                   </el-select>
                 </el-form-item>
-                <el-form-item class="formItem" label="学历：" size="mini">
+                <el-form-item :class="{'formItemFull education':isFull,'formItem':!isActive}" label="学历：" size="mini">
                   <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>
@@ -179,29 +179,6 @@
                 </el-form-item>
               </el-form>
             </div>
-<!--            <div class="infoRight">-->
-<!--              <div v-if="lunboActiveIndex == 0">-->
-<!--                <div class="infoItem">-->
-<!--                  <div class="infoItemTitle">基本信息</div>-->
-<!--                  <el-row class="infoCon">-->
-<!--                    <el-col :span="12">性别：{{conditionData.sex}}</el-col>-->
-<!--                    <el-col :span="12">年龄：{{conditionData.age}}</el-col>-->
-<!--                  </el-row>-->
-<!--                </div>-->
-<!--                <div class="infoItem">-->
-<!--                  <div class="infoItemTitle">客户标签</div>-->
-<!--                  <el-row class="infoCon">-->
-<!--                    <el-col :span="12" v-for="(item,index) in conditionData.tag" :key="index">{{item}}</el-col>-->
-<!--                  </el-row>-->
-<!--                </div>-->
-<!--              </div>-->
-<!--              <div v-else>-->
-
-<!--              </div>-->
-<!--              <div>-->
-<!--                <el-button class="searchBtn" type="primary" size="mini">查询</el-button>-->
-<!--              </div>-->
-<!--            </div>-->
           </div>
         </el-col>
       </el-row>
@@ -409,12 +386,15 @@
             }
           }
         },
+        isFull:false,
       }
     },
     created() {
 
     },
     mounted() {
+      var screenWidth = document.body.clientWidth;
+      screenWidth > 1400 ? this.isFull = false : this.isFull = true;
       this.lunboFn();
       this.getRiskcode();
       this.getAgeSexDis();
@@ -561,7 +541,6 @@
 </style>
 <style lang="scss">
   .age{
-    width: 40px !important;
     .el-input__inner{
       padding: 0 6px !important;
     }