import { ContentDTO, FullColumnImgUrlDTO, InteractDataDTO, RmhInfoDTO, VideoInfoDTO } from 'wdBean/Index'
import { LiveInfoDTO } from 'wdBean/src/main/ets/bean/detail/LiveInfoDTO'
import { VoiceInfoDTO } from 'wdBean/src/main/ets/bean/detail/VoiceInfoDTO'
import { LazyDataSource, StringUtils } from 'wdKit/Index'
import SearcherAboutDataModel from '../../model/SearcherAboutDataModel'
import { CardParser } from '../CardParser'
import { ListHasNoMoreDataUI } from '../reusable/ListHasNoMoreDataUI'

const TAG = "SearchResultContentComponent"

@Component
export struct SearchResultContentComponent{
  @State keywords:string = ""
  @State searchType:string = ""
  @State data: LazyDataSource<ContentDTO> = new LazyDataSource();
  @State count:number = 0;
  @State isLoading:boolean = false
  @State hasMore:boolean = true
  curPageNum:number = 1;


  aboutToAppear(): void {
    if(this.searchType == "全部"){
      this.searchType = "all"
    }else if(this.searchType == "精选"){
      this.searchType = "cms"
    }else if(this.searchType == "人民号"){
      this.searchType = "rmh"
    }else if(this.searchType == "视频"){
      this.searchType = "video"
    }else if(this.searchType == "活动"){
      this.searchType = "activity"
    }

    this.keywords = encodeURI(this.keywords)
    this.getNewSearchResultData()
  }

  getNewSearchResultData(){
    this.isLoading = true
    if(this.hasMore){
      SearcherAboutDataModel.getSearchResultListData("20",`${this.curPageNum}`,this.searchType,this.keywords,getContext(this)).then((value)=>{
        if (!this.data || value.list.length == 0){
          this.hasMore = false
        }else{
          value.list.forEach((value)=>{

            let photos:FullColumnImgUrlDTO[] = []
            if(value.data.appStyle === 4){
              value.data.appStyleImages.split("&&").forEach((value)=>{
                photos.push({url:value} as FullColumnImgUrlDTO)
              })
            }

            //TODO 48 个赋值
            let contentDTO:ContentDTO = {
              appStyle: value.data.appStyle + "",
              cityCode: value.data.cityCode,
              coverSize: "",
              coverType: -1,
              coverUrl: value.data.appStyleImages.split("&&")[0],
              description: value.data.description,
              districtCode: value.data.districtCode,
              endTime: value.data.endTime,
              hImageUrl: "",
              heatValue: "",
              innerUrl: "",
              landscape: Number.parseInt(value.data.landscape),
              // lengthTime:null,
              linkUrl: value.data.linkUrl,
              openLikes: Number.parseInt(value.data.openLikes),
              openUrl: "",
              pageId: value.data.pageId,
              programAuth: "",
              programId: "",
              programName: "",
              programSource: -1,
              programType: -1,
              provinceCode: value.data.provinceCode,
              showTitleEd: value.data.showTitleEd,
              showTitleIng: value.data.showTitleIng,
              showTitleNo: value.data.showTitleNo,
              startTime: value.data.startTime,
              subType: "",
              subtitle: "",
              title: value.data.title,
              vImageUrl: "",
              screenType: "",
              source: StringUtils.isEmpty(value.data.creatorName) ? value.data.sourceName : value.data.creatorName,
              objectId: "",
              objectType: value.data.type,
              channelId: value.data.channelId,
              relId: value.data.relId,
              relType: value.data.relType,
              newsTitle: value.data.titleLiteral,
              publishTime: value.data.publishTime,
              visitorComment: -1,
              fullColumnImgUrls: photos,
              newsSummary: "",
              hasMore: -1,
              slideShows: [],
              voiceInfo: {} as VoiceInfoDTO,
              tagWord: -1,
              isSelect: true,
              rmhInfo: {} as RmhInfoDTO,
              photoNum: -1,
              liveInfo: {} as LiveInfoDTO,
              videoInfo: {
                videoDuration: Number.parseInt(value.data.duration)
              } as VideoInfoDTO,
              interactData: {} as InteractDataDTO,
              corner: '',
              rmhPlatform: 0,
              newTags: '',
              isSearch: true
            }

            this.data.push(contentDTO)
          })
          this.data.notifyDataReload()
          this.count = this.data.totalCount()
          if (this.data.totalCount() < value.totalCount) {
            this.curPageNum++
          }else {
            this.hasMore = false
          }
        }
      }).catch((err:Error)=>{
        console.log(TAG,JSON.stringify(err))
      })
    }
    this.isLoading = false
  }


  build() {
    Column() {
      if(this.count == 0){
        ListHasNoMoreDataUI({style:2})
      }else{
        //List
        List({ space: '6lpx' }) {
          LazyForEach(this.data, (item: ContentDTO, index: number) => {
            ListItem() {
              CardParser({contentDTO:item})
            }
            .onClick(()=>{
              //TODO 跳转
            })
          }, (item: ContentDTO, index: number) => index.toString())

          //没有更多数据  显示提示
          if(!this.hasMore){
            ListItem(){
              ListHasNoMoreDataUI()
            }
          }
        }.cachedCount(4)
        .scrollBar(BarState.Off)
        .margin({top:'23lpx',left:'23lpx',right:'23lpx'})
        .layoutWeight(1)
        .onReachEnd(()=>{
          console.log(TAG,"触底了");
          if(!this.isLoading){
            //加载分页数据
            this.getNewSearchResultData()
          }
        })
      }
    }
    .backgroundColor($r('app.color.white'))
    .height('100%')
    .width('100%')
  }
}