fix: 17150 功能缺陷-搜索结果页-命中内容未露出展示

@@ -61,6 +61,7 @@ export class ContentDTO implements BaseDTO {
   videoInfo: VideoInfoDTO = {} as VideoInfoDTO; // 视频新闻信息【BFF聚合】，视频非原片+清晰度最高的
 
   newsSummary: string = ''; //appstyle:2 ,新闻详情
+  contentText?: string ='';
 
   // 二次请求接口，返回的数据，这里组装到content里；
   interactData?: InteractDataDTO;

@@ -16,6 +16,7 @@ import { Card17Component } from './cardview/Card17Component';
 import { Card19Component } from './cardview/Card19Component';
 import { Card20Component } from './cardview/Card20Component';
 import { Card21Component } from './cardview/Card21Component';
+import { SearchContentComponent } from './cardview/SearchContentComponent';
 
 /**
  * card适配器，卡片样式汇总，依据ContentDTO#appStyle
@@ -32,45 +33,50 @@ export struct CardParser {
 
   @Builder
   contentBuilder(contentDTO: ContentDTO, compDTO: CompDTO) {
-    if (contentDTO.appStyle === CompStyle.Card_02) {
-      Card2Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_03) {
-      Card3Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_04) {
-      Card4Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_05) {
-      Card5Component({ contentDTO, titleShowPolicy: compDTO.titleShowPolicy })
-    } else if (contentDTO.appStyle === CompStyle.Card_06 || contentDTO.appStyle === CompStyle
-      .Card_13) {
-      Card6Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_09) {
-      Card9Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_10) {
-      Card10Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_11) {
-      Card11Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_12) {
-      Card12Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_14) {
-      Card14Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_15) {
-      Card15Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_16) {
-      Card16Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_17) {
-      Card17Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_19) {
-      Card19Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_20) {
-      Card20Component({ contentDTO })
-    } else if (contentDTO.appStyle === CompStyle.Card_21) {
-      Card21Component({ contentDTO })
+    if (!!contentDTO.contentText) {
+      SearchContentComponent({ contentDTO })
     } else {
-      // todo:组件未实现 / Component Not Implemented
-      // Text(contentDTO.appStyle)
-      //   .width(CommonConstants.FULL_PARENT)
-      //   .padding(10)
-      // .backgroundColor(Color.Brown) // 展示本页未实现的compStyle
+      if (contentDTO.appStyle === CompStyle.Card_02) {
+        Card2Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_03) {
+        Card3Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_04) {
+        Card4Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_05) {
+        Card5Component({ contentDTO, titleShowPolicy: compDTO.titleShowPolicy })
+      } else if (contentDTO.appStyle === CompStyle.Card_06 || contentDTO.appStyle === CompStyle
+        .Card_13) {
+        Card6Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_09) {
+        Card9Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_10) {
+        Card10Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_11) {
+        Card11Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_12) {
+        Card12Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_14) {
+        Card14Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_15) {
+        Card15Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_16) {
+        Card16Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_17) {
+        Card17Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_19) {
+        Card19Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_20) {
+        Card20Component({ contentDTO })
+      } else if (contentDTO.appStyle === CompStyle.Card_21) {
+        Card21Component({ contentDTO })
+      } else {
+        // todo:组件未实现 / Component Not Implemented
+        // Text(contentDTO.appStyle)
+        //   .width(CommonConstants.FULL_PARENT)
+        //   .padding(10)
+        // .backgroundColor(Color.Brown) // 展示本页未实现的compStyle
+      }
     }
+
   }
 }
\ No newline at end of file

@@ -22,10 +22,24 @@ export struct Card2Component {
   @State contentDTO: ContentDTO = new ContentDTO();
   @State loadImg: boolean = false;
   @State clicked: boolean = false;
+  @State titleMarked: boolean = false;
+  @State str01: string = '';
+  @State str02: string = '';
+  @State str03: string = '';
 
   async aboutToAppear(): Promise<void> {
     this.loadImg = await onlyWifiLoadImg();
     // this.clicked = hasClicked(this.contentDTO.objectId)
+    this.titleInit();
+  }
+
+  titleInit() {
+    if (this.contentDTO.title.includes('<em>') && this.contentDTO.title.includes('</em>')) {
+      this.titleMarked = true;
+      this.str01 = this.contentDTO.newsTitle?.split('<em>')[0] || '';
+      this.str02 = this.contentDTO.newsTitle?.split('<em>')[1].split('</em>')[0] || '';
+      this.str03 = this.contentDTO.newsTitle?.split('<em>')[1].split('</em>')[1] || '';
+    }
   }
 
   build() {
@@ -36,13 +50,23 @@ export struct Card2Component {
           if (this.contentDTO.objectType == '5') {
             Notes({ objectType: this.contentDTO.objectType })
           }
-          Text(this.contentDTO.newsTitle)
-            .fontSize($r('app.float.font_size_17'))
-            .fontColor(this.clicked ? 0x848484 : $r('app.color.color_222222'))
-            .maxLines(2)
-            .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
-            .align(Alignment.Start)
-            .textIndent(this.contentDTO.objectType == '5' ? 35 : 0)
+
+          Text() {
+            if (this.titleMarked) {
+              Span(this.str01)
+              Span(this.str02)
+                .fontColor(0xED2800)
+              Span(this.str03)
+            } else {
+              Span(this.contentDTO.newsTitle)
+            }
+          }
+          .fontSize($r('app.float.font_size_17'))
+          .fontColor(this.clicked ? 0x848484 : $r('app.color.color_222222'))
+          .maxLines(2)
+          .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
+          .align(Alignment.Start)
+          .textIndent(this.contentDTO.objectType == '5' ? 35 : 0)
         }
         .alignContent(Alignment.TopStart)
 

@@ -18,10 +18,24 @@ export struct Card4Component {
   @State contentDTO: ContentDTO = new ContentDTO();
   @State loadImg: boolean = false;
   @State clicked: boolean = false;
+  @State titleMarked: boolean = false;
+  @State str01: string = '';
+  @State str02: string = '';
+  @State str03: string = '';
 
 
   async aboutToAppear(): Promise<void> {
     this.loadImg = await onlyWifiLoadImg();
+    this.titleInit();
+  }
+
+  titleInit() {
+    if (this.contentDTO.title.includes('<em>') && this.contentDTO.title.includes('</em>')) {
+      this.titleMarked = true;
+      this.str01 = this.contentDTO.newsTitle?.split('<em>')[0] || '';
+      this.str02 = this.contentDTO.newsTitle?.split('<em>')[1].split('</em>')[0] || '';
+      this.str03 = this.contentDTO.newsTitle?.split('<em>')[1].split('</em>')[1] || '';
+    }
   }
 
   build() {
@@ -29,7 +43,16 @@ export struct Card4Component {
       //body
       Column() {
         //新闻标题
-        Text(this.contentDTO.newsTitle)
+        Text() {
+          if (this.titleMarked) {
+            Span(this.str01)
+            Span(this.str02)
+              .fontColor(0xED2800)
+            Span(this.str03)
+          } else {
+            Span(this.contentDTO.newsTitle)
+          }
+        }
           .fontSize($r('app.float.font_size_17'))
           .fontColor(this.clicked ? 0x848484 : $r('app.color.color_222222'))
           .maxLines(3)

+import { ContentDTO, FullColumnImgUrlDTO } from 'wdBean';
+import { CommonConstants } from 'wdConstant/Index';
+import { ProcessUtils } from 'wdRouter';
+import { CardSourceInfo } from '../cardCommon/CardSourceInfo'
+import { CardMediaInfo } from '../cardCommon/CardMediaInfo'
+import { onlyWifiLoadImg } from '../../utils/lazyloadImg';
+const TAG: string = 'Card4Component';
+
+/**
+ * 上图下文，用于搜索页命中搜索内容展示
+ */
+@Component
+export struct SearchContentComponent {
+  @State contentDTO: ContentDTO = new ContentDTO();
+  @State loadImg: boolean = false;
+  @State clicked: boolean = false;
+  @State str01: string = '';
+  @State str02: string = '';
+  @State str03: string = '';
+
+
+  async aboutToAppear(): Promise<void> {
+    this.loadImg = await onlyWifiLoadImg();
+    this.titleInit();
+  }
+
+  titleInit() {
+    this.str01 = this.contentDTO.contentText?.split('<em>')[0] || '';
+    this.str02 = this.contentDTO.contentText?.split('<em>')[1].split('</em>')[0] || '';
+    this.str03 = this.contentDTO.contentText?.split('<em>')[1].split('</em>')[1] || '';
+  }
+
+  build() {
+    Column() {
+      //body
+      Column() {
+        //新闻标题
+        Text(this.contentDTO.newsTitle)
+          .fontSize($r('app.float.font_size_17'))
+          .fontColor(this.clicked ? 0x848484 : $r('app.color.color_222222'))
+          .maxLines(3)
+          .textOverflow({ overflow: TextOverflow.Ellipsis }) // 超出的部分显示省略号。
+
+        // 命中内容
+        Text(this.contentDTO.contentText) {
+          Span(this.str01)
+          Span(this.str02)
+            .fontColor(0xED2800)
+          Span(this.str03)
+        }
+        .fontSize(13)
+        .width(CommonConstants.FULL_PARENT)
+        .margin({ top: 8 })
+        .fontColor(0x222222)
+      }
+      .width('100%')
+      .justifyContent(FlexAlign.Start)
+      .alignItems(HorizontalAlign.Start)
+      .onClick((event: ClickEvent) => {
+        this.clicked = true;
+        ProcessUtils.processPage(this.contentDTO)
+      })
+      //bottom 评论等信息
+      CardSourceInfo({ contentDTO: this.contentDTO })
+    }
+    .width(CommonConstants.FULL_WIDTH)
+    .padding({
+      left: $r('app.float.card_comp_pagePadding_lf'),
+      right: $r('app.float.card_comp_pagePadding_lf'),
+      top: $r('app.float.card_comp_pagePadding_tb'),
+      bottom: $r('app.float.card_comp_pagePadding_tb')
+    })
+  }
+}
+
+
+@Extend(Text)
+function bottomTextStyle() {
+  .fontSize(12)
+  .fontColor('#B0B0B0')
+}
\ No newline at end of file