feat:稿件点赞组件增加稿件详情页中间位置按钮类型

@@ -854,6 +854,13 @@ export class HttpUrlUtils {
     return url;
     return url;
   }
   }
 
 
+  //获取点赞数
+  static getLikeCount() {
+    let url = HttpUrlUtils._hostUrl + "/api/rmrb-contact/contact/zh/c/v2/content/interactData";
+    return url;
+  }
+
+
   //搜索推荐
   //搜索推荐
   static getSearchSuggestDataUrl() {
   static getSearchSuggestDataUrl() {
     let url = HttpUrlUtils._hostUrl + HttpUrlUtils.SEARCH_SUGGEST_DATA_PATH
     let url = HttpUrlUtils._hostUrl + HttpUrlUtils.SEARCH_SUGGEST_DATA_PATH

 import { Logger } from 'wdKit/Index'
 import { Logger } from 'wdKit/Index'
 import { LikeViewModel } from '../../viewmodel/LikeViewModel'
 import { LikeViewModel } from '../../viewmodel/LikeViewModel'
+import { SPHelper } from 'wdKit';
+import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
+import { SpConstants } from 'wdConstant/Index';
+
 
 
 const TAG = 'LikeComponent';
 const TAG = 'LikeComponent';
 
 
@@ -9,6 +13,8 @@ export struct LikeComponent {
   viewModel: LikeViewModel = new LikeViewModel()
   viewModel: LikeViewModel = new LikeViewModel()
   @Prop data: Record<string, string>
   @Prop data: Record<string, string>
   enableBtn = true
   enableBtn = true
+  componentType : number = 1   //1: 底部栏目样式    2: 新闻页中间位置样式
+  @State likeCount: number = 0 //点赞数
 
 
   //上层传值  样例
   //上层传值  样例
   // this.data['contentId'] = '30035444649' //必须
   // this.data['contentId'] = '30035444649' //必须
@@ -23,34 +29,100 @@ export struct LikeComponent {
     if (this.data) {
     if (this.data) {
       //获取点赞状态
       //获取点赞状态
       this.getLikeStatus()
       this.getLikeStatus()
+      //获取点赞数
+      this.getLikeCount()
     }
     }
 
 
   }
   }
 
 
   build() {
   build() {
-    Column() {
-      Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
-        .width(24)
-        .height(24)
-        .onClick(() => {
-          if (!this.enableBtn) {
-            return
-          }
-          if (this.likeStatus) {
-            //1
-            this.executeLike('0')
-          } else {
-            //0
-            this.executeLike('1')
+    if (this.componentType == 2){
+      //2: 新闻页中间位置样式
+      Column() {
+
+        Button(){
+
+          Row(){
+            Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
+              .width(20)
+              .height(20)
+            Text(this.likeCount.toString())
+              .height(20)
+              .margin({
+                right: 0,
+                left: 4
+              })
+              .fontColor(this.likeStatus ? '#ED2800' : '#222222')
+              .fontSize('16')
           }
           }
+          .justifyContent(FlexAlign.Center)
+          .width('100%')
+          .height('100%')
+
+        }
+        .width('100%')
+        .height('100%')
+        .backgroundColor(Color.White)
+        .type(ButtonType.Capsule)
+        .borderColor('#EDEDED')
+        .borderRadius(20)
+        .borderWidth(1)
+        .onClick(()=>{
+
+          this.clickButtonEvent()
+
         })
         })
-    }.width(24).height(24)
+
+      }
+      .width(154)
+      .height(40)
+
+
+    }else {
+      //1: 底部栏目样式  默认样式
+      Column() {
+        Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
+          .width(24)
+          .height(24)
+          .onClick(() => {
+            this.clickButtonEvent()
+          })
+      }.width(24).height(24)
+    }
+
+  }
+
+  async clickButtonEvent(){
+    // 未登录，跳转登录
+    const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
+    if (!user_id) {
+      WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
+      return
+    }
+
+    if (!this.enableBtn) {
+      return
+    }
+    if (this.likeStatus) {
+      //1
+      this.executeLike('0')
+    } else {
+      //0
+      this.executeLike('1')
+    }
+
   }
   }
 
 
   executeLike(status: string) {
   executeLike(status: string) {
     this.data['status'] = status
     this.data['status'] = status
     this.viewModel.executeLike2(this.data).then(() => {
     this.viewModel.executeLike2(this.data).then(() => {
       this.likeStatus = !this.likeStatus
       this.likeStatus = !this.likeStatus
+      //点赞和取消点赞成功后更新点赞数
+      if(this.likeStatus){
+        this.likeCount ++
+      }else {
+        this.likeCount --
+      }
       this.enableBtn = true
       this.enableBtn = true
     }).catch(() => {
     }).catch(() => {
       this.enableBtn = true
       this.enableBtn = true
@@ -69,5 +141,19 @@ export struct LikeComponent {
     })
     })
   }
   }
 
 
+  //获取点赞数
+  getLikeCount() {
+    this.viewModel.getLikeCount(this.data).then((data) => {
+      if (data && data['data']) {
+        this.likeCount = data['data']['likeNum']
+      }else {
+        this.likeCount = 0
+      }
+    }).catch(() => {
+      this.likeCount = 0
+    })
+  }
+
+
 
 
 }
 }

@@ -43,5 +43,27 @@ export class LikeModel {
 
 
 
 
 
 
+  getLikeCount(data: Record<string, string>) {
+    let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
+    let channelId : string = data['channelId']
+    let contentId : string = data['contentId']
+    let contentType : string = data['contentType']
+    let detail : string = '1'
+    let url = HttpUrlUtils.getLikeCount() + `?channelId=${channelId}&contentId=${contentId}&contentType=${contentType}&detail=${detail}`
+    return new Promise<object>((success, fail) => {
+      HttpBizUtil.get<ResponseDTO<object>>(url, headers).then((data: ResponseDTO<object>) => {
+        if (data.code != 0) {
+          fail(data.message)
+          return
+        }
+        success(data)
+      }, (error: Error) => {
+        fail(error.message)
+        Logger.debug("LoginViewModel:error ", error.toString())
+      })
+    })
+  }
+
+
 
 
 }
 }

@@ -48,5 +48,19 @@ export class LikeViewModel {
   }
   }
 
 
 
 
+  //点赞数
+  getLikeCount(bean: Record<string, string>) {
+
+    return new Promise<object>((success, fail) => {
+      this.likeModel.getLikeCount(bean).then((data) => {
+        success(data)
+      }).catch((error: string) => {
+        fail(error)
+      })
+    })
+
+  }
+
+
 
 
 }
 }