样式调整

src/features/examwork/StudentExamDetail/PreviewPaperDialog.vue

@@ -46,7 +46,7 @@ import { numberToChinese, numberToUpperCase } from "./spins/renderJSON";
 import ContItem from "./spins/ContItem.vue";
 import previewTem from "./spins/previewTem";
 import { randomCode } from "@/utils/utils";
-import { STRUCT_TYPES, MAX_WIDTH } from "./spins/paperSetting";
+import { STRUCT_TYPES, MAX_WIDTH, MAX_HEIGHT } from "./spins/paperSetting";
 const OPTION_NAME = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
 
 export default {
@@ -481,13 +481,12 @@ export default {
       }
     },
     buildRenderGroupStructList() {
-      const pageMaxHeight = 1042;
       let curGroup = [],
         curGroupHeight = 0;
       let renderGroupStructList = [];
       this.renderStructList.forEach((item) => {
         const itemHeight = document.getElementById(item.id).clientHeight;
-        if (curGroupHeight + itemHeight > pageMaxHeight) {
+        if (curGroupHeight + itemHeight > MAX_HEIGHT) {
           if (curGroup.length) renderGroupStructList.push(curGroup);
           curGroup = [];
           curGroupHeight = 0;

src/features/examwork/StudentExamDetail/spins/RichText.vue

@@ -29,21 +29,3 @@ export default {
   methods: {},
 };
 </script>
-
-<style lang="scss">
-.rich-text {
-  img[data-is-answer-point] {
-    max-width: 100%;
-    max-height: 16px;
-    display: inline-block;
-    vertical-align: text-top;
-  }
-  audio {
-    height: 20px;
-    display: inline-block;
-    vertical-align: top;
-    margin-left: 5px;
-    margin-right: 5px;
-  }
-}
-</style>

src/features/examwork/StudentExamDetail/spins/previewTem.js

@@ -1,6 +1,6 @@
 const resetCss = `a,body,div,footer,h1,h2,h3,h4,h5,h6,header,input,li,ol,p,span,td,th,tr,ul{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0)}li{list-style:none}em,i,u{font-style:normal}button{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700}fieldset,img{border:0}abbr{border:0;font-variant:normal}a{text-decoration:none;color:inherit}img{vertical-align:middle}body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;color:#545454;background:#f5f5f5;min-width:1366px}`;
 
-const previewCss = `.paper-content{width:210mm;height:297mm;padding:40px;margin:0 auto;overflow:hidden;page-break-after:always;}.cont-item{min-height:20px;}.cont-item p{margin:0;}.cont-paper-name{font-size:20px;padding-bottom:30px;text-align:center;color:#333;}.cont-detail-name{font-size:16px;font-weight:600;padding:15px 0 5px;color:#333;}.cont-item-detail{min-height:20px;}.rich-text img{max-width:100%;max-height:1042px;height:auto !important;}.cont-topic-score{color:#f56c6c;padding-bottom:5px;}.cont-topic-score + .cont-topic-title{padding-top:10px;}`;
+const previewCss = `.paper-content{width:210mm;height:297mm;padding:40px;margin:0 auto;overflow:hidden;page-break-after:always;}.cont-item{min-height:20px;}.cont-item p{margin:0;}.cont-paper-name{font-size:20px;padding-bottom:30px;text-align:center;color:#333;}.cont-detail-name{font-size:16px;font-weight:600;padding:15px 0 5px;color:#333;}.cont-item-detail{min-height:20px;}.rich-text img{max-width:100%;max-height:1042px;height:auto !important;}.rich-text img[data-is-answer-point]{max-width:100%;max-height:16px;display:inline-block;vertical-align:text-top;}.rich-text audio{height:20px;display:inline-block;vertical-align:top;margin-left:5px;margin-right:5px;}.cont-topic-score{color:#f56c6c;padding-bottom:5px;}.cont-topic-score + .cont-topic-title{padding-top:10px;}`;
 
 export default (domeStr) => {
   return `

src/styles/paper-preview.css

@@ -36,6 +36,21 @@
   height: auto !important;
 }
 
+.rich-text img[data-is-answer-point] {
+  max-width: 100%;
+  max-height: 16px;
+  display: inline-block;
+  vertical-align: text-top;
+}
+
+.rich-text audio {
+  height: 20px;
+  display: inline-block;
+  vertical-align: top;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
 .cont-topic-score {
   color: #f56c6c;
   padding-bottom: 5px;