样式调整

src/assets/styles/pages.scss

@@ -773,11 +773,12 @@
   line-height: 20px;
 
   img[data-is-answer-point] {
-    max-width: 100%;
     max-height: 16px;
     display: inline-block;
     vertical-align: middle;
     border-bottom: 1px solid #000;
+    padding: 0 5px;
+    margin-top: -3px;
   }
   audio {
     height: 20px;

src/components/vEditor/utils.js

@@ -76,7 +76,7 @@ export function getAnswerPointImg(serialNo) {
   const ctx = canvas.getContext("2d");
   canvas.width = 64;
   canvas.height = 32;
-  ctx.font = "bolder 30px serif";
+  ctx.font = "bolder 24px serif";
   ctx.textAlign = "center";
   ctx.textBaseline = "middle";
   ctx.fillText(`（${serialNo}）`, 32, 16);

src/modules/card/assets/styles/card-temp.css

@@ -767,12 +767,6 @@
   color: #a0a0a0;
   margin: 0 2px;
 }
-.elem-text .text-body::after {
-  content: "";
-  display: inline-block;
-  width: 100%;
-  height: 0;
-}
 .elem-text.is-side {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);

src/modules/paper-export/assets/styles/paper-temp-preview.scss

@@ -163,6 +163,7 @@
 
   &.is-detail-title {
     overflow: hidden;
+    padding-bottom: 5px;
 
     .rich-text {
       display: inline;
@@ -178,8 +179,8 @@
 
     td,
     th {
-      padding: 5px;
       height: 30px;
+      line-height: 30px;
       border: 1px solid #000;
       font-size: 16px;
     }
@@ -199,8 +200,7 @@
   text-align: center;
 
   .score-table {
-    min-width: 80%;
-    max-width: 100%;
+    width: 80%;
     border-spacing: 0;
     border-collapse: collapse;
     margin: 0 auto;
@@ -208,14 +208,15 @@
   td,
   th {
     border: 1px solid #000;
-    padding: 6px 2px;
+    padding: 0 2px;
+    height: 30px;
+    line-height: 30px;
   }
 }
 // elem-paper-props
 .elem-paper-props {
   display: table;
-  min-width: 80%;
-  max-width: 100%;
+  width: 80%;
   margin: 0 auto;
   .paper-prop {
     &-item {
@@ -283,6 +284,7 @@
           border-right: 2px solid #000;
           border-bottom: 2px solid #000;
           transform: rotate(45deg);
+          -webkit-transform: rotate(45deg);
         }
       }
     }

src/modules/paper-export/assets/styles/temp.css

@@ -66,6 +66,40 @@
 .paper-page .page-column-element .element-item::before {
   border: none;
 }
+
+.elem-field-text .text-body {
+  width: 100%;
+  position: relative;
+  height: 26px;
+  line-height: 26px;
+  overflow: hidden;
+}
+.elem-field-text .text-body > span {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  z-index: 9;
+}
+.elem-field-text .text-body > span.text-label {
+  background-color: #fff;
+}
+.elem-field-text .text-body.underline::before {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+  border-bottom: 1px solid #000;
+  bottom: 2px;
+  left: 0;
+  z-index: 1;
+}
+.elem-field-text.is-side {
+  -webkit-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+}
+
 .elem-pane-box .elem-body {
   min-height: 60px;
   position: relative;
@@ -81,6 +115,7 @@
 .elem-pane-box .elem-pane-box-element .element-item {
   position: absolute;
 }
+
 .elem-rich-text {
   display: inline-block;
   white-space: pre-wrap;
@@ -90,12 +125,129 @@
   max-height: 100%;
   height: auto !important;
 }
+.elem-rich-text.is-detail-title {
+  overflow: hidden;
+  padding-bottom: 5px;
+}
+.elem-rich-text.is-detail-title .rich-text {
+  display: inline;
+}
+.elem-rich-text .detail-score-table {
+  float: left;
+  width: 120px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  margin-right: 10px;
+}
+.elem-rich-text .detail-score-table td,
+.elem-rich-text .detail-score-table th {
+  height: 30px;
+  line-height: 30px;
+  border: 1px solid #000;
+  font-size: 16px;
+}
+
 .elem-paper-struct ol {
   padding-left: 20px;
 }
 .elem-paper-struct li {
   list-style: decimal;
 }
+
+.elem-score-table {
+  text-align: center;
+}
+.elem-score-table .score-table {
+  width: 80%;
+  border-spacing: 0;
+  border-collapse: collapse;
+  margin: 0 auto;
+}
+.elem-score-table td,
+.elem-score-table th {
+  border: 1px solid #000;
+  padding: 0 2px;
+  height: 30px;
+  line-height: 30px;
+}
+
+.elem-paper-props {
+  display: table;
+  width: 80%;
+  margin: 0 auto;
+}
+.elem-paper-props .paper-prop-item {
+  display: table-cell;
+  vertical-align: middle;
+  padding: 6px 10px;
+  line-height: 20px;
+  font-size: 0;
+}
+.elem-paper-props .paper-prop-item:first-child {
+  text-align: left !important;
+}
+.elem-paper-props .paper-prop-item:nth-of-type(2) {
+  text-align: center;
+}
+.elem-paper-props .paper-prop-item:last-child {
+  text-align: right;
+}
+.elem-paper-props .paper-prop-label {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 14px;
+}
+.elem-paper-props .paper-prop-content {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 0;
+}
+.elem-paper-props .paper-prop-content > span {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 14px;
+}
+.elem-paper-props .paper-prop-option {
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 5px;
+  font-size: 0;
+}
+.elem-paper-props .paper-prop-option > span {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 14px;
+}
+.elem-paper-props .paper-prop-checkbox {
+  width: 16px;
+  height: 16px;
+  border: 1px solid #000;
+  margin-left: 5px;
+  position: relative;
+}
+.elem-paper-props .paper-prop-checkbox.is-checked::before {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 5px;
+  height: 9px;
+  left: 4px;
+  top: 0;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+}
+.elem-paper-props .paper-prop-val {
+  padding: 0 5px;
+  min-width: 30px;
+  height: 18px;
+  line-height: 18px;
+  margin-left: 5px;
+  border-bottom: 1px solid #000;
+  text-align: center;
+}
+
 .paper-template-view .element-item-paper-struct {
   height: auto !important;
 }

src/modules/paper-export/components/PaperBuildConfig.vue

@@ -20,7 +20,7 @@
       <br />
 
       <el-form-item
-        v-for="item in configSources"
+        v-for="item in sources"
         :key="item.field"
         :label="`${item.name}：`"
         :prop="item.field"
@@ -66,6 +66,7 @@ export default {
         showDetailScoreTable: false,
       },
       rules: {},
+      sources: [],
     };
   },
   watch: {
@@ -80,16 +81,15 @@ export default {
     initModalForm() {
       let modalForm = { showDetailNo: true, showDetailScoreTable: false };
       let rules = {};
-      this.configSources
-        .filter((item) => item.enable)
-        .forEach((item) => {
-          modalForm[item.field] = "";
-          rules[item.field] = {
-            required: true,
-            message: `请设置${item.name}`,
-            trigger: "change",
-          };
-        });
+      this.sources = this.configSources.filter((item) => item.enable);
+      this.sources.forEach((item) => {
+        modalForm[item.field] = "";
+        rules[item.field] = {
+          required: true,
+          message: `请设置${item.name}`,
+          trigger: "change",
+        };
+      });
       this.modalForm = modalForm;
       this.rules = rules;
     },

src/modules/paper-export/elements/paper-props/EditPaperProps.vue

@@ -73,7 +73,6 @@ export default {
       };
     });
     this.modalForm = modalForm;
-    console.log(this.modalForm);
   },
   methods: {
     async submit() {

src/modules/paper-export/elements/score-table/model.js

@@ -10,7 +10,7 @@ const MODEL = {
   x: 0,
   y: 0,
   w: 200,
-  h: 67,
+  h: 63,
   detailCount: 5,
 };
 

src/modules/paper-export/views/PaperTemplateBuild.vue

@@ -527,7 +527,7 @@ export default {
       }
       let content = this.getRichStruct(blocks);
       return getRichTextModel({
-        styles: { width: "100%", fontWeight: 600 },
+        styles: { width: "100%", fontWeight: 900 },
         content,
         classNames: this.configModalForm.showDetailScoreTable
           ? "is-detail-title"