ref |> 专题页挂角广告开发

 import { TopicInfo } from '../morningevening/TopicInfo';
 import { ArrayList } from '@kit.ArkTS';
+import { AdvRuleBean, CompAdvBean } from '../adv/AdvsRuleBean';
 
 export interface GroupItem {
   id: number;
@@ -15,7 +16,6 @@ export interface TopicDetailData {
   shareSummary: string;
   id: number;
   baselineCopywriting: string;
-  cornersAdv: string;
   backgroundImgUrl: string;
   description: string;
   imgSize: string;
@@ -38,4 +38,12 @@ export interface TopicDetailData {
   topicInfo: TopicInfo;
   baselineColor: string;
   groups: ArrayList<GroupItem>;
+  /**
+   * 挂角广告数据
+   */
+  cornersAdv: AdvRuleBean;
+  /**
+   * 广告中心-挂角广告信息
+   */
+  cornersAdv2: CompAdvBean[];
 }
\ No newline at end of file

@@ -22,6 +22,9 @@ import { PageRepository } from '../repository/PageRepository';
 import { CommentDialogView } from './CommentDialogView';
 import { faceDetector } from '@kit.CoreVisionKit';
 import { channelSkeleton } from './skeleton/channelSkeleton';
+import PageAdModel from '../viewmodel/PageAdvModel';
+import { ProcessUtils } from 'wdRouter/Index';
+import { GrayManageModel } from '../viewmodel/GrayManageModel';
 
 const TAG: string = 'SpacialTopicPageComponent'
 
@@ -51,10 +54,14 @@ export struct SpacialTopicPageComponent {
   @State showComment: boolean = false
   @State topicInfo: TopicInfo = {} as TopicInfo
   @State topicDetail: TopicDetailData = {} as TopicDetailData
+  @State private pageAdvModel: PageAdModel = new PageAdModel();
   @State shareInfo: ShareInfoDTO = {} as ShareInfoDTO
   @State showBottomView: boolean = false;
   @State executedStartTime: number = new Date().getTime()
 
+  // 国殇灰度管理
+  GrayManage: SubscribedAbstractProperty<GrayManageModel> =  AppStorage.link<GrayManageModel>('GrayManage')
+
   private trySendData2H5() {
     if (!this.webPrepared) {
       return
@@ -85,7 +92,7 @@ export struct SpacialTopicPageComponent {
 
     this.topicDetail = JSON.parse(dataString);
     this.topicInfo = this.topicDetail.topicInfo;
-
+    this.pageAdvModel.analysisTopicAdvSource(this.topicDetail)
     if (this.topicInfo) {
       // 转换详情数据
       this.contentDetailData.openComment = Number(this.topicInfo.commentFlag)
@@ -105,7 +112,6 @@ export struct SpacialTopicPageComponent {
       this.shareInfo.shareUrl = this.topicInfo.shareUrl
       this.contentDetailData.shareInfo = this.shareInfo
 
-      console.log('contentDetailData111', JSON.stringify(this.contentDetailData))
       // if(this.topicInfo.shareOpen === 1){
       //   if (!this.operationButtonList.includes('share')) {
       //     this.operationButtonList.push('share');
@@ -196,10 +202,112 @@ export struct SpacialTopicPageComponent {
             interactData: $interactData,
           }).visibility(this.showComment ? Visibility.Visible : Visibility.Hidden)
         }
+
+        RelativeContainer() {
+          // 挂角广告
+          this.pageHornAd()
+        }
+
       }
     }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
   }
 
+  /**
+   *  页面挂角广告
+   */
+  @Builder
+  pageHornAd() {
+
+    if (this.pageAdvModel.isShowAds) {
+      if (this.pageAdvModel.pageCornerAdv.matInfo != null && this.pageAdvModel.pageCornerAdv.matInfo.linkType != '2') {
+        // 广告中心的挂角广告
+        this.drawPageCornerAdvView(1, 1 == this.pageAdvModel.isRightAdv)
+      } else if (this.pageAdvModel.pageCornerContentInfo.advert != null ) {
+        // 展现中心的挂角广告业务
+        this.drawPageCornerAdvView(2, 1 == this.pageAdvModel.isRightAdv)
+      }
+    }
+  }
+
+  /**
+   * 绘制页面挂角
+   *
+   * @param type  1:广告中心的挂角广告；2：展现中心的挂角广告
+   * @param isRightCorne   true:右挂角；false：左挂角
+   */
+  @Builder
+  drawPageCornerAdvView(type: number, isRightCorne: boolean) {
+    // 页面左挂角
+    Image(type === 1 ? this.pageAdvModel.pageCornerAdv.matInfo.matImageUrl[0]
+      : this.pageAdvModel.pageCornerContentInfo.advert.displayUrl)
+      .width($r('app.float.vp_80'))
+      .height($r('app.float.vp_80'))
+      .id("left_iv")
+      .alignRules({
+        bottom: { anchor: '__container__', align: VerticalAlign.Bottom },
+        left: { anchor: isRightCorne ? "" : '__container__', align: HorizontalAlign.Start },
+        right: { anchor: isRightCorne ? '__container__' : "", align: HorizontalAlign.End },
+      })
+      .margin({
+        bottom: "105vp",
+        left: isRightCorne ? 0 : $r('app.float.card_comp_pagePadding_lf'),
+        right: isRightCorne ? $r('app.float.card_comp_pagePadding_lf') : 0,
+
+      })
+      .onClick(() => {
+        if (type === 1) {
+          // 广告业务跳转
+          ProcessUtils.openAdvDetail(this.pageAdvModel.pageCornerAdv.matInfo);
+        } else {
+          // 展现中心的业务跳转
+          ProcessUtils.advJumpMainPage(this.pageAdvModel.pageCornerContentInfo.advert)
+        }
+      })
+      .grayscale(this.GrayManage.get().isMourning() ? 1 : 0)
+    // 关闭按钮
+    Image($r('app.media.icon_adv_horn_close'))
+      .id('left_close')
+      .width($r('app.float.vp_16'))
+      .alignRules({
+        top: { anchor: 'left_iv', align: VerticalAlign.Top },
+        left: { anchor: isRightCorne ? '' : 'left_iv', align: HorizontalAlign.Start },
+        right: { anchor: isRightCorne ? 'left_iv' : '', align: HorizontalAlign.End },
+      })
+      .offset({
+        x: isRightCorne ? 10 : -10,
+        y: isRightCorne ? -10 : -10
+      })
+      .onClick(() => {
+        // 关闭挂角广告
+        this.pageAdvModel.isShowAds = false;
+
+      })
+      .grayscale(this.GrayManage.get().isMourning() ? 1 : 0)
+
+    if (type == 1) {
+      Text($r('app.string.comp_advertisement'))
+        .width($r('app.float.vp_28'))
+        .height($r('app.float.vp_16'))
+        .fontSize($r('app.float.font_size_10'))
+        .fontColor(Color.White)
+        .id('left_tag')
+        .alignRules({
+          bottom: { anchor: 'left_iv', align: VerticalAlign.Bottom },
+          left: { anchor: isRightCorne ? '' : 'left_iv', align: HorizontalAlign.Start },
+          right: { anchor: isRightCorne ? 'left_iv' : '', align: HorizontalAlign.End },
+        })
+        .textAlign(TextAlign.Center)
+        .backgroundColor($r('app.color.res_color_general_000000_30'))
+        .borderRadius({
+          topLeft: $r('app.float.vp_2'),
+          topRight: $r('app.float.vp_2'),
+          bottomLeft: $r('app.float.vp_2'),
+          bottomRight: $r('app.float.vp_2')
+        })
+        .grayscale(this.GrayManage.get().isMourning() ? 1 : 0)
+    }
+  }
+
   aboutToAppear() {
     if (!this.action?.params?.backVisibility) {
       // WindowModel.shared.setWindowLayoutFullScreen(true)

-import { PageInfoDTO } from 'wdBean/Index';
+import { PageInfoDTO,TopicDetailData } from 'wdBean/Index';
 import { AdvRuleBean, CompAdvBean } from 'wdBean/src/main/ets/bean/adv/AdvsRuleBean';
 import {  DateTimeUtils, SPHelper } from 'wdKit/Index';
 import { ArrayList } from '@kit.ArkTS';
@@ -21,15 +21,23 @@ export default class PageAdModel {
   // 1:右边；2：左边 -> 默认右边
   pageCornerContentInfo: AdvRuleBean = {} as AdvRuleBean
 
+
+  analysisAdvSource(pageInfo: PageInfoDTO) {
+    this.analysisAllAdvSource(pageInfo.hasAdInfo,pageInfo.cornersAdv,pageInfo.cornersAdv2,pageInfo.id)
+  }
+
+  analysisTopicAdvSource(topicDetail: TopicDetailData) {
+    this.analysisAllAdvSource(topicDetail.hasAdInfo,topicDetail.cornersAdv,topicDetail.cornersAdv2,topicDetail.id)
+  }
+
   /**
    * 解析广告资源
    * @param pageInfo
    */
-  async analysisAdvSource(pageInfo: PageInfoDTO) {
-
-    if (pageInfo.hasAdInfo === 1 && pageInfo.cornersAdv != null) {
+  private async analysisAllAdvSource(hasAdInfo: number,cornersAd: AdvRuleBean,cornersAd2: CompAdvBean[],id: number) {
+    if (hasAdInfo === 1 && cornersAd != null) {
       // 优先展示展现中心广告
-      let cornersAdv = pageInfo.cornersAdv
+      let cornersAdv = cornersAd
 
       if (cornersAdv == null) {
         return
@@ -50,9 +58,9 @@ export default class PageAdModel {
       this.pageCornerContentInfo = cornersAdv;
       this.isShowAds = true
 
-    } else if (pageInfo.cornersAdv2 != null && pageInfo.cornersAdv2.length > 0) {
+    } else if (cornersAd2 != null && cornersAd2.length > 0) {
       // 广告中心-挂角广告信息
-      let cornersAdv2 = pageInfo.cornersAdv2
+      let cornersAdv2 = cornersAd2
 
       if (cornersAdv2.length == 0) {
         return
@@ -61,7 +69,7 @@ export default class PageAdModel {
       let pageCoreAdvArray = this.treatPageInfoAdsData(cornersAdv2);
 
       let advLength = pageCoreAdvArray.length;
-      let pageId = pageInfo.id.toString();
+      let pageId = id.toString();
       let a = 0;
       if (advLength > 1) {
         a = await this.calPageAdvIndex(pageId,advLength)
@@ -86,8 +94,8 @@ export default class PageAdModel {
       this.pageCornerAdv = showCompAdvBean
       this.isShowAds = true
     }
-
   }
+
   /**
    *  计算投放广告的序列号
    * @param pageId

@@ -24,7 +24,7 @@ export class LaunchPageModel {
         success(data.data);
         //存储数据
         let obj : string = JSON.stringify(data.data)
-        console.log(obj)
+        console.log('LaunchPageModel获取启动相关数据',obj)
         SPHelper.default.saveSync(SpConstants.APP_LAUNCH_PAGE_DATA_MODEL,obj)
 
       }, (error: Error) => {