From 2a31b8da73856e3efac18a8390647f75ae9b14d1 Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Fri, 17 Jun 2022 14:35:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92=E5=8A=9F=E8=83=BD=E7=94=A8?=
 =?UTF-8?q?=E4=BE=8B=E5=88=97=E8=A1=A8=E7=BC=BA=E9=99=B7=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E4=B8=AD=E6=97=A0=E6=B3=95=E6=98=BE=E7=A4=BA=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1014203 --user=陈建星 【测试跟踪】测试计划关联的功能用例，缺陷中含图片 没有显示 https://www.tapd.cn/55049933/s/1184973
---
 .../functional/FunctionalTestCaseEdit.vue     |  5 ----
 .../functional/TestPlanCaseIssueItem.vue      | 27 +++++++------------
 2 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue b/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue
index 7892ea9f71..a974ccc52a 100644
--- a/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue
@@ -142,7 +142,6 @@
 
 <script>
 import TestPlanTestCaseStatusButton from '../../../common/TestPlanTestCaseStatusButton';
-import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
 import ApiTestDetail from "../test/ApiTestDetail";
 import ApiTestResult from "../test/ApiTestResult";
 import PerformanceTestDetail from "../test/PerformanceTestDetail";
@@ -191,10 +190,6 @@ export default {
       showDialog: false,
       testCase: {},
       index: 0,
-      editor: ClassicEditor,
-      editorConfig: {
-        toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', '|', 'undo', 'redo'],
-      },
       readConfig: {toolbar: []},
       test: {},
       activeTab: 'detail',
diff --git a/frontend/src/business/components/track/plan/view/comonents/functional/TestPlanCaseIssueItem.vue b/frontend/src/business/components/track/plan/view/comonents/functional/TestPlanCaseIssueItem.vue
index d4188e309f..702d917a1e 100644
--- a/frontend/src/business/components/track/plan/view/comonents/functional/TestPlanCaseIssueItem.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/functional/TestPlanCaseIssueItem.vue
@@ -4,12 +4,14 @@
     <ms-table-column prop="description" :label="$t('test_track.issue.description')">
       <template v-slot:default="scope">
         <el-popover
-          placement="left"
-          width="400"
+          placement="right"
+          width="500"
           trigger="hover"
-        >
-          <ckeditor :editor="editor" disabled :config="editorConfig"
-                    v-model="scope.row.description"/>
+          popper-class="issues-popover">
+          <ms-mark-down-text
+            prop="description"
+            :data="scope.row"
+            :disabled="true"/>
           <el-button slot="reference" type="text">{{ $t('test_track.issue.preview') }}</el-button>
         </el-popover>
       </template>
@@ -21,23 +23,14 @@
 <script>
 
 import MsTableColumn from "@/business/components/common/components/table/MsTableColumn";
-import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
+import MsMarkDownText from "@/business/components/track/case/components/MsMarkDownText";
 
 export default {
   name: "TestPlanCaseIssueItem",
-  components: {MsTableColumn},
+  components: {MsMarkDownText, MsTableColumn},
   props: {
     data: Object
-  },
-  data() {
-    return {
-      visible: true,
-      editor: ClassicEditor,
-      editorConfig: {
-        toolbar: [],
-      },
-    }
-  },
+  }
 }
 </script>