From 4ffd5b3f845359f1c6e6419ff28a3f189ea0a671 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Fri, 26 May 2023 16:43:57 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=99=A8=E4=B8=8B=E6=8B=89=E6=A1=86=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E8=AE=BE=E7=BD=AE=E6=A0=B7=E5=BC=8F=E4=B8=8D=E7=94=9F?=
 =?UTF-8?q?=E6=95=88=E8=80=8C=E9=9A=90=E8=97=8F=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/TimeRange/date-time-range.scss      | 8 ++++++++
 src/components/common/TimeRange/DateTimeRange.vue         | 7 +------
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/components/components/common/TimeRange/date-time-range.scss b/src/assets/css/components/components/common/TimeRange/date-time-range.scss
index a269921f..70cf12b3 100644
--- a/src/assets/css/components/components/common/TimeRange/date-time-range.scss
+++ b/src/assets/css/components/components/common/TimeRange/date-time-range.scss
@@ -204,3 +204,11 @@
     visibility: hidden !important;
   }
 }
+
+.my-date-picker {
+  .el-popper__arrow {
+    position: absolute;
+    top: 20px !important;
+    left: 642px !important; // element上样式设定是left，添加right不生效
+  }
+}
diff --git a/src/components/common/TimeRange/DateTimeRange.vue b/src/components/common/TimeRange/DateTimeRange.vue
index 58c0583f..c946eea7 100644
--- a/src/components/common/TimeRange/DateTimeRange.vue
+++ b/src/components/common/TimeRange/DateTimeRange.vue
@@ -22,7 +22,7 @@
             <el-date-picker
                 v-model="newDateValue"
                 ref="newDatePicker"
-                class="date_style"
+                popper-class="my-date-picker"
                 style="position: absolute;top: -53px;left: -536px;"
                 :clearable="false"
                 :default-time="defaultTime"
@@ -216,11 +216,6 @@ export default {
         new Date(...timestampToList(myEndTime.value))
       ]
       newDatePicker.value.focus()
-
-      // todo 此处为弹窗打开的方向标识，控制css的position修改其left与top属性未生效，只好隐藏，后续有更好的处理办法再修改
-      const dom = document.getElementsByClassName('el-picker__popper el-popper is-light is-pure')
-      const dom1 = dom[0].getElementsByClassName('el-popper__arrow')
-      dom1[0].style.display = 'none'
     }
     /**
      * 时间选择器，选择时间，点击OK后的回调