123

src/components/BaseDialog.vue

@@ -102,4 +102,47 @@ export default {
 </script>
 
 <style scoped lang="scss">
+/deep/.el-dialog {
+  border-radius: 8px;
+  .el-dialog__header {
+    padding: 0;
+    .hearders {
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0px 18px 0px 20px;
+      border-bottom: 1px solid #e2e2e2;
+      .leftTitle {
+        font-size: 14px;
+        font-weight: bold;
+        color: #2f4378;
+      }
+      .rightBoxs {
+        display: flex;
+        align-items: center;
+        img {
+          width: 14px;
+          height: 14px;
+          margin-left: 13px;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+  .el-dialog__footer {
+    padding: 0;
+    .dialog-footer {
+      padding: 0px 40px;
+      height: 70px;
+      border-top: 1px solid #e2e2e2;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+  }
+}
+/deep/.el-button {
+  border-radius: 8px;
+}
 </style>

src/views/education/classManageMent/classHoursReview/component/StudyTables.vue

@@ -402,6 +402,10 @@ export default {
           this.disabledBtn = false;
         });
     },
+    setBomHeight() {
+      let box = document.querySelector(".tablesBoxs");
+      box.style.height = window.innerHeight - box.offsetTop - 190 + "px";
+    },
   },
   created() {
     this.keys = {
@@ -410,6 +414,9 @@ export default {
       3: "LessonTable",
       5: "ChapterTable",
     };
+    this.$nextTick(() => {
+      this.setBomHeight();
+    });
   },
   components: { ModulTable, LessonTable, ChapterTable, CheatDialog },
   watch: {
@@ -428,8 +435,8 @@ export default {
 
 <style lang="scss" scoped>
 .studyRecordTable {
-  height: 100%;
   .studyStyle {
+    top: 100px;
     margin: 16px 0px 0px;
     display: flex;
     align-items: center;
@@ -481,7 +488,6 @@ export default {
     }
   }
   .tablesBoxs {
-    height: calc(100% - 360px);
     overflow-x: auto;
   }
 }