气象弹窗遮挡,雷达弹窗遮挡

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/DeviceControlDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="modelVisible" :title="title" width="910px" >
+  <Dialog v-model="modelVisible" :title="title" width="910px" style="z-index:4000">
     <div class="DeviceControlDialog">
       <div class="headSearch">
         <p>时间范围:</p>

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MillimeterWaveRadar/components/DeviceControlDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="modelVisible" title="感知事件"  width="740px">
+  <Dialog v-model="modelVisible" title="感知事件"  width="740px" style="z-index:4000">
     <div class="DeviceControlDialog">
       <div class="headSearch">
         <p>查询事件:</p>
@@ -14,7 +14,7 @@
             :value="item.key"
           ></el-option>
         </el-select>
-        <p style="margin-left: 10px;">时间范围:</p>
+        <p style="margin-left: 10px;">时间范围4:</p>
         <!-- <el-date-picker style="width:220px;" class="selectRoad" v-model="time" type="daterange" placeholder="请选择" :clearable="false"> -->
         <!-- </el-date-picker> -->
         <el-date-picker
@@ -28,6 +28,7 @@
             unlink-panels
             start-placeholder="开始日期"
             end-placeholder="结束日期"
+            popper-class="custom-datepicker-popper"
           ></el-date-picker>
         <Button @click.native="bindData" style="margin-left: 10px;"> 查询 </Button>
         <Button
@@ -194,7 +195,12 @@ export default {
   },
 };
 </script>
-
+<!-- src/App.vue -->
+<style>
+.custom-datepicker-popper {
+  z-index: 4001 !important;
+}
+</style>
 <style lang="scss" scoped>
 .DeviceControlDialog {