From b24825a8a4ac23ca71b7fb17e6f520175483a30f Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Thu, 14 May 2020 14:35:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=B5=8B=E8=AF=95=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TemplateComponent/RichTextComponent.vue   | 23 +++++++++++++------
 .../TemplateComponent/TemplateComponent.vue   |  8 +++++--
 .../components/TestCaseReportTemplateEdit.vue |  2 +-
 .../view/comonents/TestCaseReportView.vue     |  2 +-
 4 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponent/RichTextComponent.vue b/frontend/src/business/components/settings/workspace/components/TemplateComponent/RichTextComponent.vue
index 9018961bfd..39f0e05391 100644
--- a/frontend/src/business/components/settings/workspace/components/TemplateComponent/RichTextComponent.vue
+++ b/frontend/src/business/components/settings/workspace/components/TemplateComponent/RichTextComponent.vue
@@ -3,11 +3,13 @@
   <common-component>
 
     <template v-slot:header>
-      <el-input v-model="preview.title"></el-input>
+      <el-input v-if="!isReportView" v-model="preview.title"></el-input>
+      <span v-if="isReportView" class="title">{{preview.title}}</span>
     </template>
 
     <template>
-      <ckeditor :editor="editor" v-model="preview.content" :config="editorConfig"></ckeditor>
+      <ckeditor v-if="!isReportView" :editor="editor" v-model="preview.content" :config="editorConfig"></ckeditor>
+      <div v-if="isReportView" v-html="preview.content"></div>
     </template>
 
   </common-component>
@@ -31,12 +33,19 @@
         }
       },
       props: {
-        preview: Object,
-        default() {
-          return {
-            title: '',
-            content: '<p>Content of the editor.</p>'
+        preview: {
+          type: Object,
+          default() {
+            return {
+              title: '',
+              content: '<p>Content of the editor.</p>'
+            }
           }
+        },
+        isReportView:
+        {
+          type: Boolean,
+          default: false
         }
       }
     }
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponent/TemplateComponent.vue b/frontend/src/business/components/settings/workspace/components/TemplateComponent/TemplateComponent.vue
index 3a12127522..dfb5d74f8f 100644
--- a/frontend/src/business/components/settings/workspace/components/TemplateComponent/TemplateComponent.vue
+++ b/frontend/src/business/components/settings/workspace/components/TemplateComponent/TemplateComponent.vue
@@ -14,7 +14,7 @@
       <base-info-component :report-info="metric" v-if="preview.id == 1"/>
       <test-result-component :test-results="metric.moduleExecuteResult" v-if="preview.id == 2"/>
       <test-result-chart-component :execute-result="metric.executeResult" v-if="preview.id == 3"/>
-      <rich-text-component :preview="preview" v-if="preview.type != 'system'"/>
+      <rich-text-component :is-report-view="isReportView" :preview="preview" v-if="preview.type != 'system'"/>
     </div>
 
   </div>
@@ -38,7 +38,11 @@
         isReport: {
           type: Boolean,
           default: true
-        }
+        },
+        isReportView: {
+          type: Boolean,
+          default: true
+        },
       }
     }
 </script>
diff --git a/frontend/src/business/components/settings/workspace/components/TestCaseReportTemplateEdit.vue b/frontend/src/business/components/settings/workspace/components/TestCaseReportTemplateEdit.vue
index b3449dfcc5..de515a57cb 100644
--- a/frontend/src/business/components/settings/workspace/components/TestCaseReportTemplateEdit.vue
+++ b/frontend/src/business/components/settings/workspace/components/TestCaseReportTemplateEdit.vue
@@ -37,7 +37,7 @@
                 group="component">
             <transition-group>
               <div class="preview" v-for="item in previews" :key="item.id">
-                <template-component :is-report="isReport" :metric="metric" :preview="item"/>
+                <template-component :is-report-view="false" :is-report="isReport" :metric="metric" :preview="item"/>
                 <i class="el-icon-error" @click="handleDelete(item)"/>
               </div>
             </transition-group>
diff --git a/frontend/src/business/components/track/plan/view/comonents/TestCaseReportView.vue b/frontend/src/business/components/track/plan/view/comonents/TestCaseReportView.vue
index bf940ba608..a64fa1fac3 100644
--- a/frontend/src/business/components/track/plan/view/comonents/TestCaseReportView.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/TestCaseReportView.vue
@@ -28,7 +28,7 @@
         <div class="container">
           <el-main>
             <div class="preview" v-for="item in previews" :key="item.id">
-              <template-component :metric="metric" :preview="item"/>
+              <template-component :isReportView="true" :metric="metric" :preview="item"/>
             </div>
           </el-main>
         </div>