Merge branch 'main' of http://192.168.1.42/developOne/harmonyPool

 import { CompStyle } from 'wdConstant';
 import { CompDTO, ContentDTO } from 'wdBean';
 import { Card2Component } from './cardview/Card2Component';
-// import { Card3Component } from './cardview/Card3Component';
+import { Card3Component } from './cardview/Card3Component';
 import { Card4Component } from './cardview/Card4Component';
 import { Card5Component } from './cardview/Card5Component';
 import { Card6Component } from './cardview/Card6Component';
@@ -60,11 +60,13 @@ export struct CardParser {
     } else {
       if (contentDTO.appStyle === CompStyle.Card_02) {
         Card2Component({ compDTO: this.compDTO, contentDTO, pageId: this.pageId, pageName: this.pageName })
-      } else if (contentDTO.appStyle === CompStyle.Card_04) {
+      } else if (contentDTO.appStyle === CompStyle.Card_03) {
+        Card3Component({ compDTO: this.compDTO, contentDTO, pageId: this.pageId, pageName: this.pageName })
+      }else if (contentDTO.appStyle === CompStyle.Card_04) {
         Card4Component({ compDTO: this.compDTO, contentDTO, pageId: this.pageId, pageName: this.pageName })
       }  else if (contentDTO.appStyle === CompStyle.Card_05) {
         Card5Component({ compDTO: this.compDTO, contentDTO, titleShowPolicy: this.compDTO.titleShowPolicy, pageId: this.pageId, pageName: this.pageName})
-      } else if (contentDTO.appStyle === CompStyle.Card_06 ) {
+      } else if (contentDTO.appStyle === CompStyle.Card_06 || contentDTO.appStyle === CompStyle.Card_13  ) {
         Card6Component({ compDTO: this.compDTO, contentDTO: this.contentDTO, pageId: this.pageId, pageName: this.pageName })
       } else if (contentDTO.appStyle === CompStyle.Card_10) {
         Card10Component({ compDTO: this.compDTO, contentDTO, pageId: this.pageId, pageName: this.pageName })

@@ -442,7 +442,7 @@ export struct DynamicDetailComponent {
                               this.contentDetailData.fullColumnImgUrls.length > 0 &&
                               !StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url) ?
                             this.contentDetailData.fullColumnImgUrls[0].url :
-                            this.contentDetailData.videoInfo[0].firstFrameImageUri)
+                            this.contentDetailData.firstFrameImageUri)
                               .width(DisplayUtils.getDeviceWidth() - 32)
                               .height((DisplayUtils.getDeviceWidth() - 32) * 9 / 16)
                               .borderRadius($r('app.float.image_border_radius'))
@@ -460,7 +460,7 @@ export struct DynamicDetailComponent {
                               this.contentDetailData.fullColumnImgUrls.length > 0 &&
                               !StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url) ?
                             this.contentDetailData.fullColumnImgUrls[0].url :
-                            this.contentDetailData.videoInfo[0].firstFrameImageUri)
+                            this.contentDetailData.firstFrameImageUri)
                               .width(DisplayUtils.getDeviceWidth() / 2)
                               .height(DisplayUtils.getDeviceWidth() / 2 * 4 / 3)
                               .borderRadius($r('app.float.image_border_radius'))

@@ -10,7 +10,7 @@ import { ENewspaperPageDialog } from '../dialog/ENewspaperPageDialog';
 import { RMCalendarBean } from './calendar/RMCalendarBean';
 import { newsSkeleton } from './skeleton/newsSkeleton';
 import { Logger, ToastUtils, NetworkUtil, CustomToast } from 'wdKit/Index';
-import { TrackingContent,TrackConstants, TrackingButton } from 'wdTracking/Index';
+import { TrackingContent, TrackConstants, TrackingButton } from 'wdTracking/Index';
 import { WDShare } from 'wdShare/Index';
 import { window } from '@kit.ArkUI';
 import { WindowModel } from 'wdKit';
@@ -35,26 +35,26 @@ export struct ENewspaperPageComponent {
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
   @State ratio: string = '100%'
-
-  @State toastText:ResourceStr = ""
+  @State toastText: ResourceStr = ""
   dialogToast: CustomDialogController = new CustomDialogController({
     builder: CustomToast({
-      bgColor:$r("app.color.color_B3000000"),
-      opacityValue:1,
-      fontSizeValue:"25lpx",
-      lineHeightValue:"36lpx",
+      bgColor: $r("app.color.color_B3000000"),
+      opacityValue: 1,
+      fontSizeValue: "25lpx",
+      lineHeightValue: "36lpx",
       msg: this.toastText,
     }),
     autoCancel: false,
     alignment: DialogAlignment.Center,
     customStyle: true,
-    maskColor:"#00000000"
+    maskColor: "#00000000"
   })
 
-  showToastTip(msg:ResourceStr){
+  showToastTip(msg: ResourceStr) {
     this.toastText = msg
     this.dialogToast.open()
   }
+
   //watch监听报纸页码回调
   onCurrentPageNumUpdated(): void {
     console.log("ENewspaperPageComponent-onCurrentPageNumUpdated", "currentPageNum：", this.currentPageNum)
@@ -63,12 +63,13 @@ export struct ENewspaperPageComponent {
     this.swiperIndex = _swiperIndex > 0 ? _swiperIndex - 1 : _swiperIndex
 
     //电子报--版面序号选择点击
-    TrackingContent.clickWithEvent('panel_number_selection_click',TrackConstants.PageName.NewsPaperPage,TrackConstants.PageName.NewsPaperPage
-      ,{
-        'panelNumber':this.newspaperListBean?.list[this.swiperIndex].pageNum,
-        'panelName':this.newspaperListBean?.list[this.swiperIndex].pageName,
-        'currentPanelDate':this.selectDate.toDateString(),
-        'currentNumber':this.swiperIndex,
+    TrackingContent.clickWithEvent('panel_number_selection_click', TrackConstants.PageName.NewsPaperPage,
+      TrackConstants.PageName.NewsPaperPage
+      , {
+        'panelNumber': this.newspaperListBean?.list[this.swiperIndex].pageNum,
+        'panelName': this.newspaperListBean?.list[this.swiperIndex].pageName,
+        'currentPanelDate': this.selectDate.toDateString(),
+        'currentNumber': this.swiperIndex,
       })
   }
 
@@ -88,12 +89,13 @@ export struct ENewspaperPageComponent {
             new Date(date.fullYear ? date.fullYear : 0, date.month ? date.month : 0, date.date ? date.date : 0)
         }
         //日历选择点击
-        TrackingContent.clickWithEvent('date_selection_click',TrackConstants.PageName.NewsPaperPage,TrackConstants.PageName.NewsPaperPage
-          ,{
-            'panelNumber':this.newspaperListBean?.list[this.swiperIndex].pageNum,
-            'panelName':this.newspaperListBean?.list[this.swiperIndex].pageName,
-            'currentPanelDate':this.selectDate.toDateString(),
-            'currentNumber':this.swiperIndex,
+        TrackingContent.clickWithEvent('date_selection_click', TrackConstants.PageName.NewsPaperPage,
+          TrackConstants.PageName.NewsPaperPage
+          , {
+            'panelNumber': this.newspaperListBean?.list[this.swiperIndex].pageNum,
+            'panelName': this.newspaperListBean?.list[this.swiperIndex].pageName,
+            'currentPanelDate': this.selectDate.toDateString(),
+            'currentNumber': this.swiperIndex,
           })
       }
     }),
@@ -134,7 +136,7 @@ export struct ENewspaperPageComponent {
     this.picWidth = this.screenWidth - vp2px(52)
     let screenHeight = this.displayTool.height;
     // bottomSafeHeight 底导高度 topSafeHeight 顶导高度 44 顶部高度 60 底部高度
-    let height = screenHeight -this.bottomSafeHeight - this.topSafeHeight - vp2px(44) - vp2px(60)
+    let height = screenHeight - this.bottomSafeHeight - this.topSafeHeight - vp2px(44) - vp2px(60)
     this.picHeight = height
     // 默认日期
     const date = new Date()
@@ -213,6 +215,7 @@ export struct ENewspaperPageComponent {
               this.calendarDialogController.close()
             }
           })
+
           if (this.newspaperListBean && this.newspaperListBean.list && this.newspaperListBean.list.length > 0) {
             Image($r('app.media.icon_share'))
               .height($r('app.float.top_arrow_size'))
@@ -227,7 +230,7 @@ export struct ENewspaperPageComponent {
               })
           }
         }
-        .margin({ left: $r('app.float.margin_16'), right: $r('app.float.margin_16') })
+        .margin({ left: $r('app.float.margin_16'), right: $r('app.float.margin_16'), top: this.topSafeHeight + 'px' })
         .height($r('app.float.top_bar_height'))
         .alignRules({
           top: { anchor: '__container__', align: VerticalAlign.Top },
@@ -251,7 +254,7 @@ export struct ENewspaperPageComponent {
         if (this.newspaperListBean && this.newspaperListBean.list && this.newspaperListBean.list.length > 0) {
           Swiper(this.swiperController) {
             ForEach(this.newspaperListBean?.list, (item: NewspaperListItemBean, index: number) => {
-              ENewspaperItemComponent({ newspaperListItemBean: item})
+              ENewspaperItemComponent({ newspaperListItemBean: item })
             })
           }
           .itemSpace(10)
@@ -310,10 +313,11 @@ export struct ENewspaperPageComponent {
           .onClick((event: ClickEvent) => {
             this.swiperController.showNext()
             // 电子报--滑动查看下一版
-            TrackingButton.click('panelPageViewNextPanel',TrackConstants.PageName.NewsPaperPage,TrackConstants.PageName.NewsPaperPage
-              ,{
-                'panelNumber':this.newspaperListBean?.list[this.swiperIndex].pageNum,
-                'panelName':this.newspaperListBean?.list[this.swiperIndex].pageName,
+            TrackingButton.click('panelPageViewNextPanel', TrackConstants.PageName.NewsPaperPage,
+              TrackConstants.PageName.NewsPaperPage
+              , {
+                'panelNumber': this.newspaperListBean?.list[this.swiperIndex].pageNum,
+                'panelName': this.newspaperListBean?.list[this.swiperIndex].pageName,
               })
           })
         }
@@ -341,7 +345,7 @@ export struct ENewspaperPageComponent {
         })
         .id('e_newspaper_page_num')
         .onClick((event: ClickEvent) => {
-          if(!NetworkUtil.isNetConnected()){
+          if (!NetworkUtil.isNetConnected()) {
             this.showToastTip('网络出小差了，请检查网络后重试')
             return
           }
@@ -352,7 +356,7 @@ export struct ENewspaperPageComponent {
             } else {
               this.pageDialogController.close()
             }
-          }else {
+          } else {
             this.showToastTip('暂无数据')
           }
         })
@@ -380,21 +384,22 @@ export struct ENewspaperPageComponent {
         })
         .id('e_newspaper_read')
         .onClick((event: ClickEvent) => {
-          if(!NetworkUtil.isNetConnected()){
+          if (!NetworkUtil.isNetConnected()) {
             this.showToastTip('网络出小差了，请检查网络后重试')
             return
           }
           if (this.newspaperListBean.list && this.newspaperListBean.list.length > 0) {
             this.isOpenListDialog = true
             //电子报--读报纸点击
-            TrackingContent.clickWithEvent('read_newspaper_click',TrackConstants.PageName.NewsPaperPage,TrackConstants.PageName.NewsPaperPage
-              ,{
-                'panelNumber':this.newspaperListBean?.list[this.swiperIndex].pageNum,
-                'panelName':this.newspaperListBean?.list[this.swiperIndex].pageName,
-                'currentPanelDate':this.selectDate.toDateString(),
-                'currentNumber':this.swiperIndex,
+            TrackingContent.clickWithEvent('read_newspaper_click', TrackConstants.PageName.NewsPaperPage,
+              TrackConstants.PageName.NewsPaperPage
+              , {
+                'panelNumber': this.newspaperListBean?.list[this.swiperIndex].pageNum,
+                'panelName': this.newspaperListBean?.list[this.swiperIndex].pageName,
+                'currentPanelDate': this.selectDate.toDateString(),
+                'currentNumber': this.swiperIndex,
               })
-          }else {
+          } else {
             this.showToastTip('暂无数据')
           }
         })
@@ -430,7 +435,8 @@ export struct ENewspaperPageComponent {
   private async getNewspaperList() {
     try {
       if (NetworkUtil.isNetConnected()) {
-        let listBean = await NewspaperViewModel.getNewspaperList(this.calendarDate, this.picWidth + 'x' + this.picHeight)
+        let listBean =
+          await NewspaperViewModel.getNewspaperList(this.calendarDate, this.picWidth + 'x' + this.picHeight)
         this.newspaperListBean = listBean;
       } else {
         this.showToastTip('网络出小差了，请检查网络后重试')
@@ -442,21 +448,22 @@ export struct ENewspaperPageComponent {
 
   share() {
     let contentDetailData: ContentDetailDTO = {
-      shareInfo:{
-        shareTitle:this.newspaperListBean?.list[this.swiperIndex].pageName,
-        appCustomPublishTime:this.newspaperListBean?.list[this.swiperIndex].periodNum,
-        appCustomImageUrl:this.newspaperListBean?.list[this.swiperIndex].pagePic,
-        shareUrl:this.newspaperListBean?.list[this.swiperIndex].sharePagePic.shareUrl,
-        sharePosterCoverUrl:this.newspaperListBean?.list[this.swiperIndex].sharePagePic.sharePosterCoverUrl,
-        appCustomShowReport:false,
-        appCustomShowLike:-1,
-        shareOpen:1,
-        sharePosterOpen:1,
-        appCustomPosterShareControl:'-1',
-        appCustomShowPoster:-1,
-        appCustomShowPosterType:4,
+      shareInfo: {
+        shareTitle: this.newspaperListBean?.list[this.swiperIndex].pageName,
+        appCustomPublishTime: this.newspaperListBean?.list[this.swiperIndex].periodNum,
+        appCustomImageUrl: this.newspaperListBean?.list[this.swiperIndex].pagePic,
+        shareUrl: this.newspaperListBean?.list[this.swiperIndex].sharePagePic.shareUrl,
+        sharePosterCoverUrl: this.newspaperListBean?.list[this.swiperIndex].sharePagePic.sharePosterCoverUrl,
+        appCustomShowReport: false,
+        appCustomShowLike: -1,
+        shareOpen: 1,
+        sharePosterOpen: 1,
+        appCustomPosterShareControl: '-1',
+        appCustomShowPoster: -1,
+        appCustomShowPosterType: 4,
       }
     } as ContentDetailDTO
-    WDShare.shareContent(contentDetailData,TrackConstants.PageName.NewsPaperPage,TrackConstants.PageName.NewsPaperPage)
+    WDShare.shareContent(contentDetailData, TrackConstants.PageName.NewsPaperPage,
+      TrackConstants.PageName.NewsPaperPage)
   }
 }
\ No newline at end of file

@@ -19,7 +19,8 @@ struct EditUserInfoPage {
   @State  headerImg: string = ''
   @State dataSource: AreaListModel[] = []
   @State currentUserInfo: editModel = new editModel()
-  @State bottomSafeHeight: number = 0;
+  @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
 
   dialogController: CustomDialogController = new CustomDialogController({
     builder: AreaPickerDialog({dataSource:this.dataSource,
@@ -34,10 +35,7 @@ struct EditUserInfoPage {
     }),
     alignment: DialogAlignment.Bottom,
     customStyle: true,
-    offset: {
-      dx: 0,
-      dy: -this.bottomSafeHeight
-    },
+    closeAnimation:{duration:0}
   })
 
   dateDialogController: CustomDialogController = new CustomDialogController({
@@ -53,10 +51,7 @@ struct EditUserInfoPage {
     }),
     alignment: DialogAlignment.Bottom,
     customStyle: true,
-    offset: {
-      dx: 0,
-      dy: -this.bottomSafeHeight
-    },
+    closeAnimation:{duration:0}
   })
 
   sexDialogController: CustomDialogController = new CustomDialogController({
@@ -69,15 +64,10 @@ struct EditUserInfoPage {
     }),
     alignment: DialogAlignment.Bottom,
     customStyle: true,
-    offset: {
-      dx: 0,
-      dy: -this.bottomSafeHeight
-    },
+    closeAnimation:{duration:0}
   })
 
-  async aboutToAppear() {
-    let windowHight: window.Window = await window.getLastWindow(getContext(this));
-    this.bottomSafeHeight = px2vp(windowHight.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).bottomRect.height)
+  aboutToAppear() {
     this.getAccountOwnerInfo()
     this.getAreaList()
   }
@@ -142,6 +132,7 @@ struct EditUserInfoPage {
     }
     .width('100%')
     .height('100%')
+    .padding({top:px2vp(this.topSafeHeight),bottom:px2vp(this.bottomSafeHeight)})
   }
 
   @Builder

@@ -9,6 +9,8 @@ struct EditUserIntroductionPage {
   @State textColor : string = '#222222'
   @State introduction: string = ''
   @State params:editModelParams =  router.getParams() as editModelParams;
+  @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   build() {
     Column(){
       CustomTitleUI({titleName:'修改简介'})
@@ -63,6 +65,7 @@ struct EditUserIntroductionPage {
           this.updateEditModel()
         })
     }
+    .padding({top:px2vp(this.topSafeHeight),bottom:px2vp(this.bottomSafeHeight)})
   }
 
 

@@ -12,6 +12,8 @@ struct EditUserNikeNamePage {
   @State textColor : string = '#222222'
   @State nikeName: string = ''
   @State params:editModelParams =  router.getParams() as editModelParams;
+  @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   build() {
     Column(){
       CustomTitleUI({titleName:'修改昵称'})
@@ -66,7 +68,7 @@ struct EditUserNikeNamePage {
           ///内部更新
           this.updateEditModel()
         })
-    }
+    }.padding({top:px2vp(this.topSafeHeight),bottom:px2vp(this.bottomSafeHeight)})
   }
 
    async  updateEditModel(){

@@ -20,6 +20,8 @@ struct InteractMessagePage {
   private scroller: Scroller = new Scroller();
   @State likeNum: number = 0
   @State  currentPage: number = 1;
+  @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
 
   aboutToAppear(){
     this.getData()
@@ -58,6 +60,8 @@ struct InteractMessagePage {
     }
     .width(CommonConstants.FULL_WIDTH)
     .height(CommonConstants.FULL_HEIGHT)
+    .padding({top:px2vp(this.topSafeHeight),bottom:px2vp(this.bottomSafeHeight)})
+
   }
 
   @Builder ListLayout() {

@@ -34,6 +34,8 @@ struct MyCollectionListPage {
   @State  currentPage: number = 1;
   private scroller: Scroller = new Scroller();
   emptyType: WDViewDefaultType = WDViewDefaultType.WDViewDefaultType_Default
+  @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
 
   dialogController: CustomDialogController = new CustomDialogController({
     builder: MyCustomDialog({
@@ -120,6 +122,8 @@ struct MyCollectionListPage {
     .backgroundColor('#FFFFFF')
     .width(CommonConstants.FULL_WIDTH)
     .height(CommonConstants.FULL_HEIGHT)
+    .padding({top:px2vp(this.topSafeHeight),bottom:px2vp(this.bottomSafeHeight)})
+
   }
 
   @Builder ListLayout() {
@@ -149,16 +153,14 @@ struct MyCollectionListPage {
           selectCallback:(isOn)=>{
             this.addCompDTO(isOn,compDTO)
           }
-        })
-          .margin({left:16})
-        Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 });
+        }).margin({left:16})
       }
       Column() {
         BigPicCardComponent({compDTO:new CompDTO,contentDTO:compDTO,pageId:TrackConstants.PageName.My_Collect,pageName:TrackConstants.PageName.My_Collect})
         Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 });
       }
     }.onVisibleAreaChange([0.0, 1.0], (isVisible: boolean, currentRatio: number) => {
-      if (isVisible) {
+      if (isVisible && !this.isEditState) {
         TrackingContent.common(TrackConstants.EventType.Show, TrackConstants.PageName.My_Collect,TrackConstants.PageName.My_Collect, TrackParamConvert.program(compDTO))
       }
     })
@@ -291,6 +293,7 @@ struct MyCollectionListPage {
         compDTO.interactData = this.commentList[index]
         datas.push(compDTO)
       }
+      this.allDatas = []
       this.allDatas.push(...datas)
     } catch (exception) {
     }

@@ -30,7 +30,7 @@ export struct SearchCreatorComponent{
         .fontSize('25lpx')
         .fontWeight('400lpx')
         .lineHeight('35lpx')
-        .constraintSize({maxWidth:'150lpx'})
+        .constraintSize({maxWidth:'125lpx'})
         .maxLines(1)
         .textOverflow({ overflow: TextOverflow.Ellipsis })
     }.alignItems(HorizontalAlign.Center)

@@ -221,6 +221,8 @@ export class PageHelper {
       // let pageDto = page
       let index = pageInfo.groups.indexOf(group)
 
+      Logger.debug(TAG, 'yyyy parseGroup print')
+      this.printComp(pageDto)
       // 解析楼层组件
       this.analysisPageGroupCompData(pageDto, pageInfo)
 
@@ -293,7 +295,8 @@ export class PageHelper {
       if (pageDto.compAdList != null) {
         pageInfo.pageAdList.push(...pageDto.compAdList)
       }
-
+      // TODO 待删除
+      Logger.debug(TAG, 'yyyy analysisPageGroupCompData size, '+pageInfo?.oneRequestPageGroupCompList?.length)
     }
 
   }
@@ -340,6 +343,8 @@ export class PageHelper {
               pageModel.currentPage++;
               pageModel.hasMore = true;
 
+              Logger.debug(TAG, 'yyyy compLoadMore print')
+              this.printComp(data)
               //移除音频 和 活动
               this.loadMorePageComp(pageModel, data)
               // 参与批查
@@ -366,6 +371,8 @@ export class PageHelper {
     pageCompList.forEach((comp: CompDTO) => {
       pageModel.pageInfo.oneRequestPageGroupCompList.add(comp)
     })
+    // TODO 待删除
+    Logger.debug(TAG, 'yyyy loadMorePageComp size, ' + pageModel.pageInfo.oneRequestPageGroupCompList?.length)
 
     // 记录
     pageModel.pageTotalCompSize = pageCompList.length + pageModel.pageTotalCompSize
@@ -843,6 +850,31 @@ export class PageHelper {
     // 从第二页开始删
     pageModel.compList.deleteItems(pageModel.firstPageEndIndex + 1)
   }
+
+  /**
+   * 临时打印comp相关信息，用于问题定位。TODO 待删除
+   */
+  private printComp(pageDto: PageDTO) {
+    Logger.debug(TAG, 'yyyy printComp pageDto.compList.size: ' + pageDto?.compList?.length)
+    new Promise<void>(() => {
+      let tmpCompList: CompDTO[] = Array.from(pageDto.compList)
+      tmpCompList.forEach((v, k) => {
+        if (v && v.operDataList) {
+          Logger.warn(TAG, 'yyyy printComp comp forEach, ' + v.compStyle)
+          v.operDataList.forEach((cv, ci) => {
+            if (cv) {
+              Logger.debug(TAG, 'yyyy printComp ContentDTO print, ' + v.compStyle)
+              Logger.debug(TAG, 'yyyy printComp ContentDTO xxxx newsTitle, ' + cv.newsTitle)
+            } else {
+              Logger.warn(TAG, 'yyyy printComp ContentDTO is null, ' + v.compStyle)
+            }
+          })
+        } else {
+          Logger.warn(TAG, 'yyyy printComp comp is null or operDataList is empty, ' + v?.compStyle)
+        }
+      })
+    })
+  }
 }
 
 

@@ -11,7 +11,9 @@ export struct PlayerProgressView {
   @Consume isDragging: boolean
   @Consume status: number
   @State videoDuration: number = this.contentDetailData?.videoInfo?.[0]?.videoDuration || 1
-
+  @State loadingTop: number = 10
+  @State loadingWidth: number | string = 1
+  @State showLoading: boolean = false
   aboutToAppear() {
     if (this.playerController) {
       this.playerController.onStatusChange = (status: number) => {
@@ -20,10 +22,48 @@ export struct PlayerProgressView {
       this.playerController.onSeekDone = (status: number) => {
         this.playerController?.play()
       }
+
+      this.playerController.onLoaded = (loaded: number) => {
+        if(loaded == 1) {
+          this.loadingWidth = '95%'
+          this.showLoading = true
+        } else {
+          this.loadingWidth = 1
+          this.showLoading = false
+        }
       }
     }
+  }
+
+  /**
+   *
+   * loading 动效
+   */
+  @Builder
+  playerLoadingBuilder() {
+
+    Flex({
+      direction: FlexDirection.Row,
+      justifyContent: FlexAlign.Center,
+      alignItems: ItemAlign.End
+    }) {
+      Text('')
+        .backgroundColor(Color.Gray)
+        .width(this.loadingWidth)
+        .height(1)
+        .animation({ duration: 500, curve: Curve.Ease, iterations: -1, playMode: PlayMode.Normal })
+    }
+    .width('100%')
+    .zIndex(2000)
+    .visibility(this.showLoading ? Visibility.Visible: Visibility.Hidden)
+    .margin({ bottom: 10 })
+    // .markAnchor({ x: 0, y: '100%' })
+  }
 
   build() {
+    Stack() {
+      this.playerLoadingBuilder()
+      if(!this.showLoading) {
         Column() {
           Text() {
             Span(DateTimeUtils.secondToTime(Math.floor(this.progressVal / 100 * this.videoDuration)))
@@ -71,4 +111,6 @@ export struct PlayerProgressView {
         }
         .visibility(this.isOpenDetail ? Visibility.None : Visibility.Visible)
       }
+    }
+  }
 }
\ No newline at end of file

+import { CommonConstants } from 'wdConstant';
+import { Logger } from 'wdKit';
+
+const TAG = 'EmptyComponent';
+
+/**
+ * WDViewDefaultType 缺省页  无网络
+ */
+export const enum WDViewDefaultType {
+  /// 0.默认
+  WDViewDefaultType_Default,
+  /// 1.无网
+  WDViewDefaultType_NoNetwork,
+}
+
+/**
+ * 空数据/无数据
+ */
+@Preview
+@Component
+export struct EmptyComponent {
+  @State emptyWidth: string | number = CommonConstants.FULL_PARENT;
+  @State emptyHeight: string | number = CommonConstants.FULL_PARENT;
+  @State emptyType: number = WDViewDefaultType.WDViewDefaultType_NoNetwork; // 缺省图类型，传枚举
+  @State emptyButton: boolean = false
+  @State timeNum: number = 10
+  /**
+   * The empty image width percentage setting.
+   */
+  readonly EMPTY_IMAGE_WIDTH: string = '15%';
+  /**
+   * The empty image height percentage setting.
+   */
+  readonly EMPTY_IMAGE_HEIGHT: string = '15%';
+  /**
+   * The empty data text component margin top.
+   */
+  readonly EMPTY_TIP_TEXT_MARGIN_TOP: string = '10';
+  /**
+   * The empty data text opacity.
+   */
+  readonly TEXT_OPACITY: number = 0.4;
+  private timer: number = -1
+  retry: () => void = () => {
+  }
+
+  build() {
+    this.noProgrammeData();
+  }
+
+  /**
+   * 无数据，空白view组件
+   */
+  @Builder
+  noProgrammeData() {
+    Column() {
+      Image(this.buildNoDataTipImage())
+        .width(160)
+        .height(112)
+        .objectFit(ImageFit.Contain)
+
+      Text(this.emptyType !== 8 ? this.buildNoDataTip() : `${this.buildNoDataTip()}(${this.timeNum}s)`)
+        .fontSize($r('app.float.font_size_14'))// .fontColor('#FF999999')
+        .fontWeight(FontWeight.Normal)
+        .opacity(this.TEXT_OPACITY)
+        .margin({ top: this.EMPTY_TIP_TEXT_MARGIN_TOP })
+        .onClick((event: ClickEvent) => {
+          Logger.info(TAG, `noProgrammeData onClick event?.source: ${event.source}`);
+        })
+
+      if (this.isShowButton()) {
+        if (this.emptyType !== 15) {
+          Button('点击重试')
+            .type(ButtonType.Normal)
+            .width(80)
+            .height(28)
+            .backgroundColor('#fffffff')
+            .fontColor('#FF666666')
+            .border({ width: 1 })
+            .borderColor('#FFEDEDED')
+            .borderRadius(4)
+            .fontSize($r('app.float.font_size_12'))
+            .margin({ top: 16 })
+            .padding(0)
+            .onClick(() => {
+              this.retry()
+            })
+        } else {
+          Button('点击重试')
+            .type(ButtonType.Normal)
+            .width(80)
+            .height(28)
+            .backgroundColor(Color.Black)
+            .fontColor('#FFCCCCCC')
+            .border({ width: 1 })
+            .borderColor('#4DFFFFFF')
+            .borderRadius(4)
+            .fontSize($r('app.float.font_size_12'))
+            .margin({ top: 16 })
+            .padding(0)
+            .onClick(() => {
+              this.retry()
+            })
+        }
+      }
+    }
+    .justifyContent(FlexAlign.Center)
+    .width(this.emptyWidth)
+    .height(this.emptyHeight)
+  }
+
+  buildNoDataTip(): string {
+    Logger.info(TAG, "buildNoDataTip");
+    let contentString: string = '暂无内容'
+    if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoNetwork) {
+      contentString = '网络出小差了，请检查网络后重试'
+    }
+    return contentString
+  }
+
+  buildNoDataTipImage(): Resource | string {
+    Logger.info(TAG, "buildNoDataTip");
+    let imageString: Resource | string = ""
+    if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoNetwork) {
+      imageString = $r('app.media.icon_no_net1')
+    }
+    return imageString
+  }
+
+  isShowButton() {
+    if (this.emptyType === 1 || this.emptyType === 9 || this.emptyType === 15) {
+      return true
+    } else {
+      return false
+    }
+  }
+}
+

 import router from '@ohos.router';
 import webview from '@ohos.web.webview';
 import { SpConstants } from 'wdConstant/Index';
-import { Logger, SPHelper } from 'wdKit';
+import { Logger, NetworkUtil, SPHelper } from 'wdKit';
 import { Params } from '../../../../../../../commons/wdRouter/oh_modules/wdBean/src/main/ets/bean/content/Params';
+import { EmptyComponent } from './EmptyComponent';
 
 
 const TAG = 'LoginProtocolWebview';
@@ -12,7 +13,7 @@ const TAG = 'LoginProtocolWebview';
 struct LoginProtocolWebview {
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
-  webUrl: string = ''
+  @State webUrl: string = ''
   webviewController: webview.WebviewController = new webview.WebviewController()
   userProtocol = "https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/app/protocol-1005.html"
   privateProtocol = 'https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/app/protocol-1001.html'
@@ -22,6 +23,7 @@ struct LoginProtocolWebview {
   collectionProtocol = 'https://cdnpeoplefront.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/app/protocol-1002.html'//收集个人信息明示清单
   thirdVendorProtocol = 'https://cdnpeoplefront.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/app/protocol-1004.html'//第三方信息共享清单
   @State contentID:string = "0"
+  @State isConnectNetwork : boolean = NetworkUtil.isNetConnected()
 
   async aboutToAppear() {
     if (router.getParams()) {
@@ -33,24 +35,17 @@ struct LoginProtocolWebview {
       if (params.contentID == "1") { //"人民日报客户端网络服务使用协议"
         this.webUrl = this.userProtocol
         this.webUrl = await SPHelper.default.get(SpConstants.NET_SERVICE_PROTOCOL, this.userProtocol) as string
-        this.webviewController.loadUrl(this.webUrl)
-
       } else if(params.contentID == "2"){ //"人民日报客户端用户隐私协议"
         this.webUrl = this.privateProtocol
         this.webUrl = await SPHelper.default.get(SpConstants.PRIVATE_PROTOCOL, this.privateProtocol) as string
-        this.webviewController.loadUrl(this.webUrl)
       }else if(params.contentID == "3"){ //注销协议
         this.webUrl = await SPHelper.default.get(SpConstants.LOGOUT_PROTOCOL, this.logoutProtocol) as string
-        this.webviewController.loadUrl(this.webUrl)
       } else if(params.contentID == "4"){ //华为用户认证协议
         this.webUrl = this.huaweiAuthProtocol
-        this.webviewController.loadUrl(this.webUrl)
       } else if(params.contentID == "5"){ //收集个人信息明示清单
         this.webUrl = this.collectionProtocol
-        this.webviewController.loadUrl(this.webUrl)
       } else if(params.contentID == "6"){ //第三方信息共享清单
         this.webUrl = this.thirdVendorProtocol
-        this.webviewController.loadUrl(this.webUrl)
       }
     }
 
@@ -75,7 +70,7 @@ struct LoginProtocolWebview {
         .alignItems(VerticalAlign.Center)
         .width('100%')
         .height(44)
-
+        if(this.isConnectNetwork){
           Web({ src: this.webUrl, controller: this.webviewController })
             .domStorageAccess(true)
             .databaseAccess(true)
@@ -89,6 +84,13 @@ struct LoginProtocolWebview {
               Logger.info(TAG, 'onHttpErrorReceive event.response.getResponseCode:' + event?.response.getResponseCode());
             })
             .padding({bottom:this.contentID === "2" ? "40lpx" : 0 })
+        }else{
+          EmptyComponent({ emptyType: 1,emptyHeight:"100%" ,retry: () => {
+            this.isConnectNetwork = NetworkUtil.isNetConnected()
+          }})
+            .layoutWeight(1)
+            .width('100%')
+        }
       }
     }.width("100%")
     .height("100%")

@@ -27,6 +27,7 @@ export class WDPlayerController {
   private prepareTime:number = 0; //加载时间
   private currentPlayTime:number = 0; //当前播放时间
   public onVideoSizeChange?: (width: number, height: number) => void;
+  public onLoaded?: (loaded: number) => void;
   public onTimeUpdate?: (position: number, duration: number) => void;
   public onVolumeUpdate?: (volume: number) => void;
   public continue?: () => void;
@@ -86,6 +87,9 @@ export class WDPlayerController {
           if (this.surfaceId) {
             this.avPlayer.surfaceId = this.surfaceId;
           }
+          if(this.onLoaded) {
+            this.onLoaded(1)
+          }
 
           this.avPlayer?.prepare();
           break;
@@ -101,6 +105,9 @@ export class WDPlayerController {
           }
           break;
         case AVPlayerStatus.PLAYING:
+          if(this.onLoaded) {
+            this.onLoaded(2)
+          }
           this.setBright();
           this.status = PlayerConstants.STATUS_START;
           this.avPlayer!.videoScaleType = media.VideoScaleType.VIDEO_SCALE_TYPE_FIT