[fix] fix select-option show in wrong place

src/views/followup/plan-manage/dialog/set-time-node.vue

@@ -11,7 +11,7 @@
     </div>
 
     <div class="add-time-content">
-      <div class="time-line-scroll">
+      <div class="time-line-scroll special-control-class">
         <el-tabs v-model="activeTab" type="card" @tab-remove="deleteTimeNode" :closable="tabClosable()">
 
           <el-tab-pane
@@ -40,7 +40,7 @@
                         clearable />
                     </el-form-item>
                     <el-form-item prop="timeUnit" class="ml20">
-                      <el-select style="width:200px;" v-model="itemTimeForm.timeUnit" placeholder="请选择" @change="choseTimeUit" :disabled="itemTimeForm.isDisabled">
+                      <el-select style="width:400px;" v-model="itemTimeForm.timeUnit" placeholder="请选择" @change="choseTimeUit" :disabled="itemTimeForm.isDisabled" :popper-append-to-body="false">
                         <el-option
                           v-for="(item,index) in markOptions"
                           :key="index"
@@ -64,6 +64,7 @@
                     :multiple-limit=3
                     :disabled="itemIsDisabled(itemTimeForm)"
                     @change="changeRemindDay"
+                    :popper-append-to-body="false"
                     placeholder="请选择">
                     <el-option
                       v-for="(item_sub,index) in remindOptions"
@@ -80,6 +81,7 @@
                       placeholder="选择推送时间"
                       clearable
                       @change="changePushDay"
+                      :popper-append-to-body="false"
                       :disabled="itemIsDisabled(itemTimeForm)"
                     >
                       <el-option
@@ -110,6 +112,7 @@
                     :multiple-limit=3
                     @change="changeFollowId"
                     :disabled="itemIsDisabled(itemTimeForm)"
+                    :popper-append-to-body="false"
                     placeholder="请选择">
                     <el-option
                       v-for="(item_sub,index) in formOptions"
@@ -735,7 +738,7 @@
       /*background-color: #F0F2F5;*/
       padding: 10px;
       overflow-x: scroll;
-      overflow-y: hidden;
+      overflow-y: auto;
       white-space: nowrap;
       position: relative;
       cursor: pointer;
@@ -787,3 +790,9 @@
     margin-left: 20px;
   }
 </style>
+<style>
+  .special-control-class .el-tabs__content{
+      overflow: visible !important;
+    }
+</style>
+

src/views/followup/plan-manage/plan-list.vue

@@ -10,7 +10,7 @@
               <el-input v-model="searchData.name" placeholder="请输入关键词" maxlength="20" style="width: 250px" clearable></el-input>
             </el-form-item>
             <el-form-item label="开始年份">
-              <el-select v-model="searchData.startYear" placeholder="请选择时间范围" style="width: 250px">
+              <el-select v-model="searchData.startYear" placeholder="请选择时间范围" style="width: 250px" :popper-append-to-body="false">
                 <el-option label="全部" value=""></el-option>
                 <el-option
                   v-for="(item,index) in timeRangeList"

src/views/followup/plan-manage/plan-modify.vue

@@ -8,7 +8,7 @@
         </el-breadcrumb-item>
       </el-breadcrumb>
     </div>
-    <div class="new-plan-content f-main-content screenSet">
+    <div class="new-plan-content f-main-content screenSet" id="screenSet">
       <div class="header">
         <div class="title">
           <span>修改计划</span>
@@ -39,6 +39,7 @@
             v-model="planDetailData.remarksStatus"
             placeholder="请选择随访种类"
             size="small"
+            :popper-append-to-body="false"
             clearable>
             <el-option
               v-for="item in remarkOption"
@@ -92,6 +93,8 @@
   import addPatientTime from '@/views/followup/plan-manage/dialog/add-patient-time';
 
   import { mapState, mapActions } from 'vuex'
+  import * as commonUtil from '../../../utils/utils'
+
   export default {
     name: "plan-modify",
     components: {
@@ -152,6 +155,10 @@
       let planModifyCrumbList = sessionStorage.getItem('planModifyCrumb');
       this.planModifyCrumb = JSON.parse(planModifyCrumbList);
     },
+    // 挂载到Dom完成时
+    mounted: function() {
+        commonUtil.resizeHeight()
+    },
     computed: {
       ...mapState('planManage', {
         planDetail: state => state.planDetail,

src/views/followup/plan-manage/resident-list.vue

@@ -20,7 +20,7 @@
               <el-input v-model="searchData.mobile" size="small" placeholder="请输入手机号" clearable></el-input>
             </el-form-item>
             <el-form-item label="分组：" prop="labelId">
-              <el-select v-model="searchData.labelId" size="small" clearable>
+              <el-select v-model="searchData.labelId" size="small" clearable :popper-append-to-body="false">
                 <el-option label="全部" value=""></el-option>
                 <el-option
                   v-for="item in groupList"
@@ -31,7 +31,7 @@
               </el-select>
             </el-form-item>
             <el-form-item label="随访开始时间：" prop="startDate" size="small">
-              <el-select v-model="searchData.startDate" size="small" clearable>
+              <el-select v-model="searchData.startDate" size="small" clearable :popper-append-to-body="false">
                 <el-option label="全部" value=""></el-option>
                 <el-option
                   v-for="(item, index) in followStartTimeList"