修改评论删除

api/article/index.js

@@ -78,4 +78,13 @@ export function delArticle(id) {
         method: 'delete',
         headers: {}
     })
+}
+
+//删除评论
+export function deleteComment(data) {
+    return request({
+        url: '/app/deleteComment/' + data.bussinessId,
+        method: 'delete',
+        data:data
+    })
 }
\ No newline at end of file

pagesArticle/articleDetail.vue

@@ -17,7 +17,10 @@
       <div class="c-left">
         <image :src="info.avatarUrl"></image>
       </div>
-      <div class="c-right" @click="()=>reply(info)">
+      <div class="c-right"
+           @touchstart="()=>handleTouchStart(info)"
+           @touchend="()=>handleTouchEnd(info)"
+      >
         <div class="c-name">
           {{ info.memNickName }}
         </div>
@@ -45,7 +48,10 @@
                 <image :src="children.avatarUrl"></image>
               </view>
 
-              <view class="c-right" @click.stop="()=>reply(children)">
+              <view class="c-right"
+                    @touchstart.stop="()=>handleTouchStart(children)"
+                    @touchend="()=>handleTouchEnd(children)"
+              >
                 <view class="c-name">
                   {{ children.memNickName }}
                   <view style="color: #333; margin-top: 10rpx">
@@ -109,12 +115,13 @@
     </view>
     <ELM ref="elm" :msg="tipMsg" :isConfirm="isConfirm" confirmName="认证" @confirm="confirm"></ELM>
     <ELM ref="elmReject" :msg="tipMsg" :isConfirm="isRejectConfirm" :isCancel="false" @confirm="rejectConfirm"></ELM>
+    <ELM ref="elmDelete" :msg="tipMsg" :isConfirm="isDeleteConfirm" confirmName="删除" @confirm="deleteConfirm"></ELM>
   </view>
 </template>
 
 <script>
 import ArticleItem from './components/articleItem.vue'
-import {articleDetail, comment, getOssUrl, likeComment} from '../api/article/index'
+import {articleDetail, comment, deleteComment, getOssUrl, likeComment} from '../api/article/index'
 import {getCity, getValue} from "../common/options";
 import {calculateAge, parseDate} from "../common";
 import {isStopAccount, userDetail} from "../api/user";
@@ -144,6 +151,11 @@ export default{
       tipMsg: '',
       isConfirm: false,
       isRejectConfirm: false,
+      isDeleteConfirm:false,
+      deleteId:'',
+      deleteParentId:'',
+      longPressedItem: null,
+      longPressTimeout: null,
     }
   },
   onLoad(params){
@@ -293,6 +305,9 @@ export default{
       }
     },
     getArticleDetail(){
+      this.commentPlaceholder = '走心，说点好听的.....'
+      this.commentedUserId = null
+      this.parentId = null
       articleDetail(this.articleId).then(res=>{
         this.articleInfo = res.data.data
         //处理动态图片
@@ -367,6 +382,52 @@ export default{
     },
     rejectConfirm(){
       this.isRejectConfirm = false;
+    },
+    deleteConfirm(){
+      const params = {
+        bussinessId: this.deleteId,
+        parentId: this.deleteParentId,
+        articleId: this.articleInfo.businessId
+      }
+      deleteComment(params).then(res=>{
+        if (res.data.code == 200){
+          this.getArticleDetail()
+        } else {
+          uni.showToast({
+            title: res.data.message,
+            icon: 'none'
+          })
+        }
+      })
+    },
+    handleTouchStart(item) {
+      // 清除之前的定时器
+      if (this.longPressTimeout !== null) clearTimeout(this.longPressTimeout);
+      // 设置新的定时器
+      this.longPressTimeout = setTimeout(() => {
+        this.reply(item); // 处理点击事件逻辑
+      }, 100); // 设置长按时间为1秒
+
+      this.longPressTimeout = setTimeout(() => {
+        this.handleLongPress(item); // 处理长按逻辑
+      }, 1000); // 设置长按时间为1秒
+    },
+    handleTouchEnd() {
+      // 清除定时器，因为手指离开屏幕即取消长按
+      if (this.longPressTimeout !== null) {
+        clearTimeout(this.longPressTimeout);
+        this.longPressTimeout = null;
+      }
+    },
+    handleLongPress(item) {
+      if (this.articleInfo.createBy == uni.getStorageSync('userInfo').businessId || item.userId == uni.getStorageSync('userInfo').businessId) {
+        this.longPressedItem = item;
+        this.deleteId = item.businessId;
+        this.deleteParentId = item.parentId;
+        this.tipMsg = '是否删除当前评论';
+        this.isDeleteConfirm = true;
+        this.$refs.elmDelete.showDialog();
+      }
     }
   }
 }