Просмотр исходного кода

优化tabpane和popup的兼容

Michael Wang 4 лет назад
Родитель
Сommit
96375befa0
1 измененных файлов с 21 добавлено и 5 удалено
  1. 21 5
      src/features/OnlineExam/OnlineExamList.vue

+ 21 - 5
src/features/OnlineExam/OnlineExamList.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="list">
-    <Tabs type="card" style="overflow: visible">
+    <Tabs
+      type="card"
+      :style="{ overflow: overFlowStyle ? 'visible' : 'hidden' }"
+    >
       <TabPane label="待考列表" style="z-index: -1">
         <table>
           <tbody class="list-row">
@@ -55,8 +58,14 @@
                     :trigger="course.isObjScoreView ? 'hover' : 'click'"
                     placement="left"
                     class="online-exam-list-override-poptip"
-                    @on-popper-show="cid = course.courseId"
-                    @on-popper-hide="cid = null"
+                    @on-popper-show="
+                      overFlowStyle = true;
+                      cid = course.courseId;
+                    "
+                    @on-popper-hide="
+                      overFlowStyle = false;
+                      cid = null;
+                    "
                   >
                     <i-button
                       class="qm-primary-button qm-primary-button-padding-fix"
@@ -123,8 +132,14 @@
                     :trigger="course.isObjScoreView ? 'hover' : 'click'"
                     placement="left"
                     class="online-exam-list-override-poptip"
-                    @on-popper-show="cid = course.courseId"
-                    @on-popper-hide="cid = null"
+                    @on-popper-show="
+                      overFlowStyle = true;
+                      cid = course.courseId;
+                    "
+                    @on-popper-hide="
+                      overFlowStyle = false;
+                      cid = null;
+                    "
                   >
                     <i-button
                       class="qm-primary-button qm-primary-button-padding-fix"
@@ -218,6 +233,7 @@ export default {
       shouldShowCheckEnvModal: false,
       countdown: 0,
       enterButtonClicked: false,
+      overFlowStyle: false,
     };
   },
   computed: {