ref |> 解决动态详情页首次进入时跳转评论区问题

Signed-off-by: xugenyuan <xugenyuan@wondertek.com.cn>

@@ -17,6 +17,7 @@ import {
   batchLikeAndCollectResult,
   batchLikeAndCollectResult,
   RmhInfoDTO,
   RmhInfoDTO,
   InteractDataDTO,
   InteractDataDTO,
+  Action,
 } from 'wdBean';
 } from 'wdBean';
 import media from '@ohos.multimedia.media';
 import media from '@ohos.multimedia.media';
 import { OperRowListView } from './view/OperRowListView';
 import { OperRowListView } from './view/OperRowListView';
@@ -56,9 +57,7 @@ const PATTERN_DATE_CN_RN: string = 'yyyy年MM月dd日 HH:mm';
 @Component
 @Component
 export struct DynamicDetailComponent {
 export struct DynamicDetailComponent {
   //入参
   //入参
-  private relId: string = ''
-  private contentId: string = ''
-  private relType: string = ''
+  action: Action = {} as Action
   //出参
   //出参
   @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   //UI
   //UI
@@ -82,6 +81,8 @@ export struct DynamicDetailComponent {
   @State openLikes: boolean = false // 是否可以点赞  1：可以 0：不可以
   @State openLikes: boolean = false // 是否可以点赞  1：可以 0：不可以
 
 
   pageParam: ParamType = {}
   pageParam: ParamType = {}
+  commentListAreaInfo?: Area
+  lastTimeoutId?: number
 
 
   // @Provide bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   // @Provide bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @Provide topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
   @Provide topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
@@ -553,6 +554,12 @@ export struct DynamicDetailComponent {
                   CommentComponent({
                   CommentComponent({
                     publishCommentModel: this.publishCommentModel
                     publishCommentModel: this.publishCommentModel
                   })
                   })
+                    .id("comment")
+                    .onAreaChange((oldValue: Area, newValue: Area) => {
+                      this.commentListAreaInfo = newValue
+                      this.checkToScrollCommentArea()
+                    })
+
                 }
                 }
                 Blank().layoutWeight(1)
                 Blank().layoutWeight(1)
               }
               }
@@ -587,7 +594,10 @@ export struct DynamicDetailComponent {
   private async getContentDetailData() {
   private async getContentDetailData() {
     this.isNetConnected = NetworkUtil.isNetConnected()
     this.isNetConnected = NetworkUtil.isNetConnected()
     try {
     try {
-      let data = await MultiPictureDetailViewModel.getDetailData(this.relId, this.contentId, this.relType)
+      const relId = this.action.params?.extra?.relId || '';
+      const relType = this.action.params?.extra?.relType || '';
+      const contentId = this.action.params?.contentID || '';
+      let data = await MultiPictureDetailViewModel.getDetailData(relId, contentId, relType)
       this.isPageEnd = true;
       this.isPageEnd = true;
       this.contentDetailData = data[0];
       this.contentDetailData = data[0];
       let dateTime =
       let dateTime =
@@ -804,6 +814,29 @@ export struct DynamicDetailComponent {
     let context = getContext(this) as common.UIAbilityContext;
     let context = getContext(this) as common.UIAbilityContext;
     viewBlogItemInsightIntentShare(context,this.contentDetailData, this.interactDataDTO)
     viewBlogItemInsightIntentShare(context,this.contentDetailData, this.interactDataDTO)
   }
   }
+
+  checkToScrollCommentArea() {
+    if (!this.commentListAreaInfo) {
+      // 需要评论区位置，调用前 请确保它有值
+      return
+    }
+    if (this.action.params?.targetLayout && this.action.params.targetLayout == "comment") {
+      if (this.lastTimeoutId) {
+        clearTimeout(this.lastTimeoutId)
+      }
+      this.lastTimeoutId = setTimeout(() => {
+        let offSetY = this.commentListAreaInfo?.globalPosition.y as number
+        Logger.debug(TAG, "即将滚动至yOffset: " + (offSetY - 100))
+        //头部距离48
+        this.scroller.scrollTo({
+          yOffset: offSetY - 100,
+          xOffset: 0,
+          animation: { duration: 1000, curve: Curve.Ease }
+        })
+        this.action.params!.targetLayout = undefined
+      }, 600)
+    }
+  }
 }
 }
 
 
 interface radiusType {
 interface radiusType {

@@ -9,35 +9,25 @@ const TAG = 'DynamicDetailPage';
 @Component
 @Component
 struct DynamicDetailPage {
 struct DynamicDetailPage {
   pageShowTime:number = 0;
   pageShowTime:number = 0;
-  @State relId: string = ''
-  @State contentId: string = ''
-  @State relType: string = ''
 
 
   @Provide pageName: string = TrackConstants.PageName.DynamicDetail
   @Provide pageName: string = TrackConstants.PageName.DynamicDetail
   @Provide pageId: string = TrackConstants.PageName.DynamicDetail
   @Provide pageId: string = TrackConstants.PageName.DynamicDetail
 
 
   build() {
   build() {
     Column() {
     Column() {
-      DynamicDetailComponent({
-        relId: this.relId,
-        contentId: this.contentId,
-        relType: this.relType
-      })
+      DynamicDetailComponent({action: router.getParams() as Action })
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
     .backgroundColor('#20272E')
     .backgroundColor('#20272E')
   }
   }
   aboutToAppear() {
   aboutToAppear() {
-    let par:Action =  router.getParams() as Action;
-    let params = par?.params;
-    this.relId = params?.extra?.relId || '';
-    this.relType = params?.extra?.relType || '';
-    this.contentId = params?.contentID || '';
   }
   }
+
   onPageShow() {
   onPageShow() {
     this.pageShowTime = DateTimeUtils.getTimeStamp()
     this.pageShowTime = DateTimeUtils.getTimeStamp()
   }
   }
+
   onPageHide() {
   onPageHide() {
     //页面浏览
     //页面浏览
     TrackingPageBrowse.trackCommonPageExposureEnd(TrackConstants.PageName.DynamicDetail,TrackConstants.PageName.DynamicDetail,Math.floor((DateTimeUtils.getTimeStamp() - this.pageShowTime)/1000))
     TrackingPageBrowse.trackCommonPageExposureEnd(TrackConstants.PageName.DynamicDetail,TrackConstants.PageName.DynamicDetail,Math.floor((DateTimeUtils.getTimeStamp() - this.pageShowTime)/1000))