1.3.0需求coding...

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

@@ -0,0 +1,19 @@
+.paper-template-view.answer-template-view {
+  .page-box{
+    &-A4{
+      width: 793px;
+      height: 1122px;
+      .page-main {
+        &-inner {
+          padding: 60px 45px 86px;
+          font-size:14px !important;
+          .is-detail-title{
+            font-weight:bold;
+            overflow: hidden;
+            padding-bottom: 5px;
+          }
+        }
+      }
+    }
+  }
+}

src/modules/paper-export/assets/styles/module.scss

@@ -1,2 +1,3 @@
 @import "./paper-temp-preview.scss";
 @import "./paper-temp-design.scss";
+@import "./answer-temp-preview.scss"

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

@@ -1,5 +1,20 @@
 <template>
-  <div class="paper-template-view card-view paper-page">
+  <div class="paper-template-view answer-template-view card-view paper-page">
+    <div class="page-box page-box-A4 page-box-answer">
+      <div class="page-main-inner" style="font-size: 12px">
+        <div v-for="(big, index) in paperDetails" :key="index">
+          <div class="is-detail-title">
+            {{ big.number | numberToChaineseFilter }}、{{ big.name }}
+            {{ big.title }}
+          </div>
+          <div v-for="(small, i) in big.paperDetailUnits" :key="i">
+            <span>{{ small.question.questionSeq + ". " }}</span>
+            <question-answer :data="small.question"></question-answer>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- <template v-for="(page, pageNo) in pages"> -->
     <!-- <div
         :key="pageNo"
@@ -25,27 +40,39 @@
 <script>
 // import TopicElementPreview from "./TopicElementPreview";
 // import PageNumber from "./PageNumber";
-
+import QuestionAnswer from "../../question/components/QuestionAnswer.vue";
 export default {
   name: "AnswerTemplateView",
   components: {
     // TopicElementPreview,
     // PageNumber,
+    QuestionAnswer,
   },
   props: {
-    pages: {
-      type: Array,
+    // pages: {
+    //   type: Array,
+    //   default() {
+    //     return [];
+    //   },
+    // },
+    pageConfig: {
+      type: Object,
       default() {
-        return [];
+        return {};
       },
     },
-    pageConfig: {
+    answerData: {
       type: Object,
       default() {
         return {};
       },
     },
   },
+  computed: {
+    paperDetails() {
+      return this.answerData?.paperDetails || [];
+    },
+  },
   data() {
     return {};
   },