多图（图集）详情页点赞、收藏联调完成

@@ -32,4 +32,6 @@ export { SystemUtils } from './src/main/ets/utils/SystemUtils'
 
 
 export { PermissionUtil } from './src/main/ets/utils/PermissionUtil'
 export { PermissionUtil } from './src/main/ets/utils/PermissionUtil'
 
 
-export { UserDataLocal } from './src/main/ets/utils/UserDataLocal'
+export { UserDataLocal } from './src/main/ets/utils/UserDataLocal'
+
+export { NumberFormatterUtils } from './src/main/ets/utils/NumberFormatterUtils'

+
+export class NumberFormatterUtils {
+
+  /**
+   * 数据小于一万返回原数据，大于一万保留小数点后一位，加上万字
+   * @param num
+   * @returns
+   */
+  static formatNumberWithWan(inputNumber: number | String): string  {
+    const num = typeof inputNumber === 'number' ? inputNumber : Number(inputNumber);
+    if (isNaN(num) || num < 10000) {
+      return num.toString();
+    } else {
+      const wanUnit = num / 10000;
+      return `${wanUnit.toFixed(1)}万`;
+    }
+  }
+}

@@ -2,11 +2,11 @@
  * 批查接口查询互动相关数据，返回数据bean
  * 批查接口查询互动相关数据，返回数据bean
  */
  */
 export interface InteractDataDTO {
 export interface InteractDataDTO {
-  collectNum: number;
-  commentNum: number;
+  collectNum: number | String;
+  commentNum: number | String;
   contentId: string;
   contentId: string;
   contentType: number;
   contentType: number;
-  likeNum: number;
+  likeNum: number | String;
   readNum: number;
   readNum: number;
   shareNum: number;
   shareNum: number;
 }
 }

@@ -19,7 +19,7 @@ export struct MultiPictureDetailPageComponent {
   private screenWidth: number = 0
   private screenWidth: number = 0
   private picWidth: number = 0
   private picWidth: number = 0
   @State picHeight: number = 0
   @State picHeight: number = 0
-  @State contentDetailData: ContentDetailDTO[] = [] as ContentDetailDTO[]
+  @State contentDetailData: ContentDetailDTO  = {} as ContentDetailDTO
   @Provide @Watch('onCurrentPageNumUpdated') currentPageNum: string = '01'
   @Provide @Watch('onCurrentPageNumUpdated') currentPageNum: string = '01'
   private swiperController: SwiperController = new SwiperController()
   private swiperController: SwiperController = new SwiperController()
   @State swiperIndex: number = 0;
   @State swiperIndex: number = 0;
@@ -58,10 +58,10 @@ export struct MultiPictureDetailPageComponent {
 
 
   build() {
   build() {
     RelativeContainer() {
     RelativeContainer() {
-      if (this.contentDetailData && this.contentDetailData.length > 0 && this.contentDetailData[0].photoList && this.contentDetailData[0].photoList?.length > 0) {
+      if (this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length > 0) {
         Swiper(this.swiperController) {
         Swiper(this.swiperController) {
-          ForEach(this.contentDetailData[0].photoList, (item: PhotoListBean, index: number) => {
-            MultiPictureDetailItemComponent({ photoListLength: this.contentDetailData[0].photoList?.length , index: index, newsTitle: this.contentDetailData[0].newsTitle, MultiPictureDetailItem: item })
+          ForEach(this.contentDetailData.photoList, (item: PhotoListBean, index: number) => {
+            MultiPictureDetailItemComponent({ photoListLength: this.contentDetailData.photoList?.length , index: index, newsTitle: this.contentDetailData.newsTitle, MultiPictureDetailItem: item })
           })
           })
         }
         }
         .index(this.swiperIndex)
         .index(this.swiperIndex)
@@ -80,17 +80,18 @@ export struct MultiPictureDetailPageComponent {
         .onChange((index: number) => {
         .onChange((index: number) => {
           this.swiperIndex = index
           this.swiperIndex = index
         })
         })
+
+        OperRowListView({
+          contentDetailData: this.contentDetailData,
+        })
+          .alignRules({
+            bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
+            middle: { anchor: "__container__", align: HorizontalAlign.Center }
+          })
+          .width('100%').height(56).margin(16)
+          .border({ width: {top: 0.5}, color: '#FFFFFF' })
+          .id('e_oper_row')
       }
       }
-      OperRowListView({
-        contentDetailData: this.contentDetailData?.[0],
-      })
-      .alignRules({
-        bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
-        middle: { anchor: "__container__", align: HorizontalAlign.Center }
-      })
-      .width('100%').height(56).margin(16)
-      .border({ width: {top: 0.5}, color: '#FFFFFF' })
-      .id('e_oper_row')
     }
     }
     .width('100%')
     .width('100%')
     .height('100%')
     .height('100%')
@@ -101,7 +102,7 @@ export struct MultiPictureDetailPageComponent {
   private async getContentDetailData() {
   private async getContentDetailData() {
     try {
     try {
       let data = await MultiPictureDetailViewModel.getDetailData(this.relId, this.contentId, this.relType)
       let data = await MultiPictureDetailViewModel.getDetailData(this.relId, this.contentId, this.relType)
-      this.contentDetailData = data;
+      this.contentDetailData = data?.[0];
       Logger.info(TAG, `contentDetailData：${JSON.stringify(this.contentDetailData)}`)
       Logger.info(TAG, `contentDetailData：${JSON.stringify(this.contentDetailData)}`)
     } catch (exception) {
     } catch (exception) {
 
 
@@ -115,12 +116,12 @@ export struct MultiPictureDetailPageComponent {
         delStatus: 0,
         delStatus: 0,
         contentList: [{
         contentList: [{
           browseTime: DateTimeUtils.getCurDate(DateTimeUtils.PATTERN_DATE_TIME_HYPHEN),
           browseTime: DateTimeUtils.getCurDate(DateTimeUtils.PATTERN_DATE_TIME_HYPHEN),
-          contentId: this.contentDetailData?.[0].newsId + '',
-          contentType: this.contentDetailData?.[0].newsType || 0,
+          contentId: this.contentDetailData?.newsId + '',
+          contentType: this.contentDetailData?.newsType || 0,
         }]
         }]
       }
       }
       MultiPictureDetailViewModel.getInteractBrowsOperate(params).then(res => {
       MultiPictureDetailViewModel.getInteractBrowsOperate(params).then(res => {
-        console.log('记录浏览历史==', JSON.stringify(res.data))
+        console.log(TAG, '记录浏览历史==', JSON.stringify(res.data))
       })
       })
     } catch (exception) {
     } catch (exception) {
 
 
@@ -131,7 +132,7 @@ export struct MultiPictureDetailPageComponent {
   private async getBatchAttentionStatus() {
   private async getBatchAttentionStatus() {
     try {
     try {
       const params: postBatchAttentionStatusParams = {
       const params: postBatchAttentionStatusParams = {
-        creatorIds: [{ creatorId: this.contentDetailData?.[0]?.rmhInfo?.rmhId ?? '' }]
+        creatorIds: [{ creatorId: this.contentDetailData?.rmhInfo?.rmhId ?? '' }]
       }
       }
       let data = await MultiPictureDetailViewModel.getBatchAttentionStatus(params)
       let data = await MultiPictureDetailViewModel.getBatchAttentionStatus(params)
       this.followStatus = data[0]?.status;
       this.followStatus = data[0]?.status;

-import { ToastUtils, Logger } from 'wdKit';
+import { ToastUtils, Logger, NumberFormatterUtils } from 'wdKit';
 import {
 import {
   InputMethodProperty,
   InputMethodProperty,
   batchLikeAndCollectResult,
   batchLikeAndCollectResult,
@@ -29,7 +29,7 @@ const TAG = 'OperRowListView';
 @Component
 @Component
 export struct OperRowListView {
 export struct OperRowListView {
   private contentDetailData: ContentDetailDTO  = {} as ContentDetailDTO
   private contentDetailData: ContentDetailDTO  = {} as ContentDetailDTO
-  private interactData: InteractDataDTO | undefined = undefined
+  @State interactData: InteractDataDTO  = {} as InteractDataDTO
   @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态
   @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态
 
 
   @State operationList: OperationItem[] = [
   @State operationList: OperationItem[] = [
@@ -139,7 +139,7 @@ export struct OperRowListView {
             middle: { anchor: '__container__', align: HorizontalAlign.Center }
             middle: { anchor: '__container__', align: HorizontalAlign.Center }
           })
           })
           .id(`e_row1_${index}`)
           .id(`e_row1_${index}`)
-          if(this.interactData?.likeNum) {
+          if(this.interactData?.likeNum > 0) {
             Row() {
             Row() {
               Image($r('app.media.corner_mark'))
               Image($r('app.media.corner_mark'))
                 .width(25)
                 .width(25)
@@ -184,7 +184,7 @@ export struct OperRowListView {
             middle: { anchor: '__container__', align: HorizontalAlign.Center }
             middle: { anchor: '__container__', align: HorizontalAlign.Center }
           })
           })
           .id(`e_row1_${index}`)
           .id(`e_row1_${index}`)
-          if(this.interactData?.collectNum) {
+          if(this.interactData?.collectNum > 0) {
             Row() {
             Row() {
               Image($r('app.media.corner_mark'))
               Image($r('app.media.corner_mark'))
                 .width(25)
                 .width(25)
@@ -229,7 +229,7 @@ export struct OperRowListView {
             middle: { anchor: '__container__', align: HorizontalAlign.Center }
             middle: { anchor: '__container__', align: HorizontalAlign.Center }
           })
           })
           .id(`e_row1_${index}`)
           .id(`e_row1_${index}`)
-          if(this.interactData?.commentNum) {
+          if(this.interactData?.commentNum > 0) {
             Row() {
             Row() {
               Image($r('app.media.corner_mark'))
               Image($r('app.media.corner_mark'))
                 .width(25)
                 .width(25)
@@ -325,12 +325,13 @@ export struct OperRowListView {
           }
           }
         ]
         ]
       }
       }
+      console.error(TAG, JSON.stringify(this.contentDetailData))
       let data = await MultiPictureDetailViewModel.getInteractDataStatus(params)
       let data = await MultiPictureDetailViewModel.getInteractDataStatus(params)
-      console.error(TAG, JSON.stringify(data))
+      console.error(TAG, '查询用户对作品点赞、收藏状态', JSON.stringify(data))
       this.newsStatusOfUser = data[0];
       this.newsStatusOfUser = data[0];
       Logger.info(TAG, `newsStatusOfUser：${JSON.stringify(this.newsStatusOfUser)}`)
       Logger.info(TAG, `newsStatusOfUser：${JSON.stringify(this.newsStatusOfUser)}`)
     } catch (exception) {
     } catch (exception) {
-
+      console.error(TAG, JSON.stringify(exception))
     }
     }
   }
   }
 
 
@@ -349,7 +350,7 @@ export struct OperRowListView {
       contentType: this.contentDetailData?.newsType + '',
       contentType: this.contentDetailData?.newsType + '',
     }
     }
     PageRepository.postExecuteLike(params).then(res => {
     PageRepository.postExecuteLike(params).then(res => {
-      console.log('toggleLikeStatus==',)
+      console.log(TAG, '点赞、取消点赞', 'toggleLikeStatus==',)
       if (this.newsStatusOfUser) {
       if (this.newsStatusOfUser) {
         this.newsStatusOfUser.likeStatus = this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1'
         this.newsStatusOfUser.likeStatus = this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1'
         this.queryContentInteractCount()
         this.queryContentInteractCount()
@@ -375,7 +376,7 @@ export struct OperRowListView {
 
 
     }
     }
     PageRepository.postExecuteCollectRecord(params).then(res => {
     PageRepository.postExecuteCollectRecord(params).then(res => {
-      console.log('toggleLikeStatus==',)
+      console.log(TAG, '收藏、取消收藏','toggleLikeStatus==',)
       if (this.newsStatusOfUser) {
       if (this.newsStatusOfUser) {
         this.newsStatusOfUser.collectStatus = this.newsStatusOfUser?.collectStatus === 1 ? 0 : 1
         this.newsStatusOfUser.collectStatus = this.newsStatusOfUser?.collectStatus === 1 ? 0 : 1
         this.queryContentInteractCount()
         this.queryContentInteractCount()
@@ -388,6 +389,7 @@ export struct OperRowListView {
    * 查询点赞、收藏数量
    * 查询点赞、收藏数量
    */
    */
   queryContentInteractCount() {
   queryContentInteractCount() {
+    console.error(TAG,'contentDetailData2222', JSON.stringify(this.contentDetailData))
     const params: contentListParams = {
     const params: contentListParams = {
       contentList: [{
       contentList: [{
         contentId: this.contentDetailData?.newsId + '',
         contentId: this.contentDetailData?.newsId + '',
@@ -395,12 +397,13 @@ export struct OperRowListView {
       }]
       }]
     }
     }
     PageRepository.getContentInteract(params).then(res => {
     PageRepository.getContentInteract(params).then(res => {
-      if (res.data && this.interactData) {
-        this.interactData.likeNum = res.data[0]?.likeNum
-        this.interactData.collectNum = res.data[0]?.collectNum
-        this.interactData.commentNum = res.data[0]?.commentNum
+      if (res.data) {
+        this.interactData.likeNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.likeNum)
+        this.interactData.collectNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.collectNum)
+        this.interactData.commentNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.commentNum)
       }
       }
-      console.log('获取互动点赞等数据===', JSON.stringify(res))
+      console.log(TAG, '获取互动点赞等数据===', JSON.stringify(res))
+      console.log(TAG, 'this.interactData', JSON.stringify(this.interactData))
     })
     })
   }
   }
 }
 }