fix(测试跟踪): 功能用例多次点击删除评论按钮报错

--bug=1013667 --user=李玉号 【测试跟踪】功能用例 删除评论 ，多次点击删除 按钮 页面会报错
https://www.tapd.cn/55049933/s/1169565

backend/src/main/java/io/metersphere/track/service/TestCaseCommentService.java

@@ -86,6 +86,9 @@ public class TestCaseCommentService {
 
     private void checkCommentOwner(String commentId) {
         TestCaseComment comment = testCaseCommentMapper.selectByPrimaryKey(commentId);
+        if (comment == null) {
+            MSException.throwException("The requested resource does not exist.");
+        }
         if (!StringUtils.equals(comment.getAuthor(), SessionUtils.getUser().getId())) {
             MSException.throwException(Translator.get("check_owner_comment"));
         }

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

@@ -20,7 +20,7 @@
       </span>
       <span class="comment-delete">
         <el-link icon="el-icon-edit" style="font-size: 9px;margin-right: 6px;" @click="openEdit" :disabled="readOnly"/>
-        <el-link icon="el-icon-close" @click="deleteComment" :disabled="readOnly"/>
+        <el-link icon="el-icon-close" v-prevent-link-re-click @click="deleteComment" :disabled="readOnly"/>
       </span>
       <br/>
 

frontend/src/business/main.js

@@ -18,7 +18,7 @@ import '../common/css/menu-header.css';
 import '../common/css/main.css';
 import CKEditor from '@ckeditor/ckeditor5-vue';
 import VueFab from 'vue-float-action-button'
-import {left2RightDrag, bottom2TopDrag, right2LeftDrag} from "../common/js/directive";
+import {left2RightDrag, bottom2TopDrag, right2LeftDrag, onceLinkClick} from "../common/js/directive";
 import JsonSchemaEditor from './components/common/json-schema/schema/index';
 import ComparedEditor from './components/history/api/json-view/schema/index';
 import JSONPathPicker from 'vue-jsonpath-picker';
@@ -81,6 +81,9 @@ Vue.directive('preventReClick', {
   }
 });
 
+// 防止a标签重复点击
+Vue.directive('preventLinkReClick', onceLinkClick);
+
 // 添加全局事件总线
 Vue.prototype.$EventBus = new Vue();
 

frontend/src/common/js/directive.js

@@ -57,3 +57,16 @@ export const bottom2TopDrag = {
     };
   }
 };
+
+export const onceLinkClick = {
+  inserted (el, binding) {
+    el.addEventListener('click', () => {
+      if (el.style.pointerEvents === '') {
+        el.style.pointerEvents = 'none'; // 防止a标签
+        setTimeout(() => {
+          el.style.pointerEvents = '';
+        }, binding.value || 3000);
+      }
+    })
+  }
+}