fix(测试用例): 查看测试用例页面评论组件只读

frontend/src/business/components/track/case/components/CaseComment.vue

@@ -9,6 +9,7 @@
       <review-comment-item v-for="(comment,index) in comments"
                            :key="index"
                            :comment="comment"
+                           :read-only="readOnly"
                            @refresh="getComments()"/>
       <div v-if="comments.length === 0" style="text-align: center">
         <i class="el-icon-chat-line-square" style="font-size: 15px;color: #8a8b8d;">
@@ -31,6 +32,10 @@ export default {
     caseId: {
       type: String,
       default: ''
+    },
+    readOnly: {
+      type: Boolean,
+      default: false
     }
   },
   watch: {

frontend/src/business/components/track/case/components/TestCaseDetail.vue

@@ -157,7 +157,7 @@
       </el-card>
     </el-col>
     <el-col :span="8">
-      <case-comment :case-id="testCaseId"/>
+      <case-comment :case-id="testCaseId" :read-only="true"/>
     </el-col>
   </el-row>
 

frontend/src/business/components/track/review/commom/ReviewCommentItem.vue

@@ -11,8 +11,8 @@
         {{ comment.createTime | timestampFormatDate }}
       </span>
       <span class="comment-delete">
-        <i class="el-icon-edit" style="font-size: 9px;margin-right: 6px;" @click="openEdit"/>
+        <el-link icon="el-icon-edit" style="font-size: 9px;margin-right: 6px;" @click="openEdit" :disabled="readOnly"/>
-        <i class="el-icon-close" @click="deleteComment"/>
+        <el-link icon="el-icon-close" @click="deleteComment" :disabled="readOnly"/>
       </span>
       <br/>
       <div class="comment-desc" style="font-size: 10px;color: #303133">
@@ -50,7 +50,11 @@ export default {
   name: "ReviewCommentItem",
   components: {MsDialogFooter},
   props: {
-    comment: Object
+    comment: Object,
+    readOnly: {
+      type: Boolean,
+      default: false
+    }
   },
   data() {
     return {