diff --git a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataViewSlide.js b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataViewSlide.js
index 45fa6bfe..1011398c 100644
--- a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataViewSlide.js
+++ b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/components/attendanceDataViewSlide.js
@@ -29,7 +29,12 @@ class AttendanceDataViewSlide extends Component {
   }
 
   componentWillReceiveProps(nextProps, nextContext) {
-    if (nextProps.visible !== this.props.visible && nextProps.visible) this.viewAttendQuote({}, nextProps);
+    if (nextProps.visible !== this.props.visible && nextProps.visible) {
+      document.querySelector(".attendanceRefWrapper").classList.add("zIndex0-attendance");
+      this.viewAttendQuote({}, nextProps);
+    } else if (nextProps.visible !== this.props.visible && !nextProps.visible) {
+      document.querySelector(".attendanceRefWrapper").classList.remove("zIndex0-attendance");
+    }
   }
 
   viewAttendQuote = (extraPayload = {}, props) => {
diff --git a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.less b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.less
index f6a0accb..e4dae347 100644
--- a/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.less
+++ b/pc4mobx/hrmSalary/pages/dataAcquisition/attendance/index.less
@@ -25,6 +25,12 @@
   }
 }
 
+.zIndex0-attendance {
+  .wea-new-top-req {
+    z-index: 0 !important;
+  }
+}
+
 
 .attendenceImportWrapper {
   .wea-dialog-body {