fix: 直播预约卡预约功能

@@ -5,6 +5,8 @@ import { PageRepository } from '../../repository/PageRepository';
 import { ProcessUtils } from 'wdRouter';
 import { HttpUtils } from 'wdNetwork/Index';
 import { DateTimeUtils } from 'wdKit';
+import { LiveModel } from '../../viewmodel/LiveModel'
+import { Logger, ToastUtils } from 'wdKit';
 
 /**
  * 直播预约卡
@@ -12,13 +14,62 @@ import { DateTimeUtils } from 'wdKit';
  */
 const TAG = 'Zh_Single_Row-03'
 
+interface reserveItem {
+  liveId: number,
+  relationId: string,
+  subscribe: boolean
+}
+
+interface reserveReqItem {
+  liveId: string,
+  relationId: string,
+}
+
 @Entry
 @Component
 export struct ZhSingleRow03 {
   @State compDTO: CompDTO = {} as CompDTO
   @State isEndEdge: boolean = false;
+  // @State reserveStatus: reserveItem[] = []
+  @State reservedIds: number[] = [];
   scroller: Scroller = new Scroller()
 
+  aboutToAppear(): void {
+    this.getReserveState();
+  }
+
+  // 请求所有预约状态
+  async getReserveState() {
+    const reserveBean: reserveReqItem[] = this.compDTO.operDataList.map((item: ContentDTO) => {
+      const reqItem: reserveReqItem = {
+        liveId: item.objectId,
+        relationId: item.relId
+      }
+      return reqItem;
+    })
+    const res = await LiveModel.getAppointmentStatus(reserveBean);
+    // this.reserveStatus = res;
+    res.map((item: reserveItem) => {
+      if (item.subscribe) {
+        this.reservedIds.push(item.liveId)
+      }
+    })
+  }
+
+  // 判断是否预约
+  isReserved(liveId: number) {
+    return this.reservedIds.includes(liveId)
+  }
+
+  // 预约/取消预约
+  async bookAndCancel(relationId: string, liveId: string, isSubscribe: boolean) {
+    const res = await LiveModel.liveAppointment(relationId, liveId, isSubscribe);
+    if (res.code == 0) {
+      ToastUtils.shortToast(isSubscribe ? '预约成功' : '取消预约成功')
+      this.getReserveState();
+    }
+  }
+
   format(timeNum: number) {
     const todayDate = new Date().setHours(0,0,0,0)
     const parseDate = new Date(timeNum).setHours(0,0,0,0);
@@ -44,6 +95,37 @@ export struct ZhSingleRow03 {
       Scroll(this.scroller){
         Row() {
           ForEach(this.compDTO.operDataList, (item: ContentDTO) => {
+            this.ItemCard(item)
+          })
+        }
+      }
+      .scrollable(ScrollDirection.Horizontal)
+      .scrollBar(BarState.Off)
+      .onScrollEdge((side: Edge) => {
+        if (side === Edge.End) {
+          this.isEndEdge = true;
+        }
+      })
+      .onScrollStop(() => {
+        if (this.isEndEdge) {
+          this.jumpToMore();
+        }
+      })
+      .onScroll((xOffset: number, yOffset: number) => {
+        this.isEndEdge = false;
+      })
+    }
+    .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')
+    })
+    .backgroundColor($r('app.color.white'))
+  }
+
+  @Builder
+  ItemCard(item: ContentDTO) {
     Column() {
       Row() {
         Image(item.coverUrl)
@@ -80,14 +162,18 @@ export struct ZhSingleRow03 {
           }
 
           Row() {
-                    Text('预约')
+            Text(this.isReserved(Number(item.objectId)) ? '已预约' : '预约')
               .width(48)
               .height(24)
-                      .backgroundColor(0xED2800)
-                      .fontColor(0xffffff)
+              .backgroundColor(this.isReserved(Number(item.objectId)) ? 0xffffff : 0xED2800)
+              .fontColor(this.isReserved(Number(item.objectId)) ? 0xC8C8C8 : 0xffffff)
               .fontSize(12)
               .textAlign(TextAlign.Center)
               .borderRadius(3)
+              .onClick(() => {
+                this.bookAndCancel(item.relId, item.objectId, !this.isReserved(Number(item.objectId)))
+              })
+
           }
           .margin({top: -5})
         }
@@ -102,34 +188,9 @@ export struct ZhSingleRow03 {
     .onClick(() => {
       ProcessUtils.processPage(item)
     })
-          })
-        }
-      }
-      .scrollable(ScrollDirection.Horizontal)
-      .scrollBar(BarState.Off)
-      .onScrollEdge((side: Edge) => {
-        if (side === Edge.End) {
-          this.isEndEdge = true;
-        }
-      })
-      .onScrollStop(() => {
-        if (this.isEndEdge) {
-          this.jumpToMore();
-        }
-      })
-      .onScroll((xOffset: number, yOffset: number) => {
-        this.isEndEdge = false;
-      })
-    }
-    .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')
-    })
-    .backgroundColor($r('app.color.white'))
   }
 
+
   @Builder
   CompHeader(item: CompDTO) {
     Row() {

@@ -83,7 +83,7 @@ struct ReserveMorePage {
       this.reserveBean = this.transformToLiveDetailsBeans(liveReviewDTO.list)
 
       const apointMentStatus = await LiveModel.getAppointmentStatus(this.reserveBean)
-      console.info(`cj2024 ${apointMentStatus.code}`)
+      // console.info(`cj2024 ${apointMentStatus.code}`)
     })
 
 

@@ -5,6 +5,17 @@ import { LiveDetailsBean, ReserveBean } from 'wdBean/Index';
 
 const TAG = 'LiveModel'
 
+interface ReserveRes {
+  code: string | number,
+  data: ReserveItem[]
+}
+
+interface ReserveItem {
+  liveId: number,
+  relationId: string,
+  subscribe: boolean
+}
+
 export class LiveModel {
   /**
    * 直播内容详情
@@ -74,17 +85,21 @@ export class LiveModel {
   static getAppointmentStatus(reserveBean: ReserveBean[]) {
     // let params: Record<string, ArrayList<ReserveBean>> = {};
     // params = reserveBean
-    return new Promise<ResponseDTO<string>>((success, fail) => {
-      HttpRequest.post<ResponseDTO<string>>(
+    return new Promise<Array<ReserveItem>>((success, fail) => {
+      HttpRequest.post<ResponseDTO<Array<ReserveItem>>>(
         HttpUrlUtils.getAppointmentStatusUrl(),
         reserveBean,
-      ).then((data: ResponseDTO<string>) => {
+      ).then((data: ResponseDTO<Array<ReserveItem>>) => {
+        if (!data || !data.data) {
+          fail("数据为空")
+          return
+        }
         if (data.code != 0) {
           fail(data.message)
           ToastUtils.shortToast(data.message)
           return
         }
-        success(data)
+        success(data.data)
       }, (error: Error) => {
         fail(error.message)
         Logger.debug(TAG + ":error ", error.toString())