日期弹出

src/views/contract/components/contractSign.vue

@@ -56,7 +56,7 @@
             <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>合同服务时间
           </div>
           <div class="xy-table-item-content">
-            <el-date-picker v-model="form.time" style="width: 300px;" value-format="yyyy-MM-dd" type="daterange"
+            <el-date-picker  popper-class="mypoper" v-model="form.time" style="width: 300px;" value-format="yyyy-MM-dd" type="daterange"
               range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" @change="dateRangePick" />
           </div>
         </div>
@@ -86,7 +86,7 @@
           <div class="xy-table-item-label" style="width: 200px">保函有效期
           </div>
           <div class="xy-table-item-content">
-            <el-date-picker v-model="form.assurance_expire" value-format="yyyy-MM-dd" placeholder="请输入保函有效期"
+            <el-date-picker  popper-class="mypoper" v-model="form.assurance_expire" value-format="yyyy-MM-dd" placeholder="请输入保函有效期"
               style="width: 300px;" />
           </div>
         </div>
@@ -122,7 +122,7 @@
             签订日期
           </div>
           <div class="xy-table-item-content">
-            <el-date-picker v-model="form.date" style="width: 300px;" value-format="yyyy-MM-dd" type="date" />
+            <el-date-picker popper-class="mypoper" v-model="form.date" style="width: 300px;" value-format="yyyy-MM-dd" type="date" />
           </div>
         </div>
       </template>
@@ -889,8 +889,13 @@
     }
   }
 </script>
+<style lang="scss">
+  .mypoper{
+    z-index:999999!important;
+  }
+</style>
+<style scoped lang="scss">
 
-<style scoped lang="scss">
   .many-plan {
     &-item {
       display: flex;