修改页面显示遮挡

src/components/recommen/screen-type.vue

@@ -86,6 +86,7 @@ export default {
             setTimeout(()=>{
                 this.pageResize()
             },100)
+            this.$emit('open_select',this.openflag)
         },
         pageResize(){
             if(this.$refs.select_item0[0].clientHeight>this.$refs.select_arr_box0[0].clientHeight+2){
@@ -163,6 +164,7 @@ export default {
     float: left;
     color: #58617a;
     font-size: 14px;
+    cursor: pointer;
 }
 .search{
     float: right;

src/pages/message-management/recommended/recommened-selected-list.vue

@@ -9,8 +9,8 @@
         <span></span>
         推荐位管理
       </p>
-      <screen-type :data="filtdata" @getselect="getselect"></screen-type>
-      <div class="select_box_contain">
+      <screen-type :data="filtdata" @getselect="getselect" @open_select="open_select"></screen-type>
+      <div class="select_box_contain" :style="now_open?{height:'calc(100% - 280px)'}:''">
         <recommen-box
           @change_value="change_value"
           :data="item"
@@ -69,6 +69,7 @@ export default {
       select_able_arr: [],
       selected_arr: [],
       look_flag: false,
+      now_open:false,
     };
   },
   watch: {},
@@ -85,6 +86,9 @@ export default {
   },
   mounted() {},
   methods: {
+    open_select(val){
+      this.now_open = val
+    },
     onSubmit(){
         var temp_str = ''
         this.selected_arr.forEach((e,idx) => {