chat-app/src/pages/search/moreResult/moreResult.vue

<template>
  <div class="outer-layer search-page">
    <div class="root">
      <searchList
        :searchResultPageSize="10"
        :listLimit="false"
        :apiRequest="state.apiRequest"
        :apiParams="state.apiParams"
        :searchText="state.searchText"
        :isPagination="true"
        @lastIdChange="lastIdChange"
        @clickSearchItem="clickSearchItem"
      ></searchList>
    </div>
  </div>
</template>
<script setup>
import searchList from '../components/searchList.vue'
import { onLoad } from '@dcloudio/uni-app'
import {
  ServeQueryUser,
  ServeQueryGroup,
  ServeTalkRecord,
  ServeGetSessionId,
} from '@/api/search/index'
import { reactive } from 'vue'

import { useDialogueStore, useTalkStore } from '@/store'
import { ServeCreateTalkList } from '@/api/chat/index.js'
import { formatTalkItem } from '@/utils/talk'

const dialogueStore = useDialogueStore()

const state = reactive({
  apiRequest: Function,
  apiParams: '',
  searchText: '',
  searchResultKey: '',
})

onLoad((options) => {
  console.log(options)
  if (options.searchResultKey) {
    state.searchResultKey = options.searchResultKey
    if (options.searchResultKey === 'user_infos') {
      state.apiParams = encodeURIComponent(
        JSON.stringify({
          last_id: 0, //最后一条用户id
        }),
      )
      state.apiRequest = ServeQueryUser
    } else if (options.searchResultKey === 'combinedGroup') {
      state.apiParams = encodeURIComponent(
        JSON.stringify({
          last_group_id: 0, //最后一条群id
          last_member_id: 0, //最后一条用户id
        }),
      )
      state.apiRequest = ServeQueryGroup
    } else if (options.searchResultKey === 'general_infos') {
      state.apiParams = encodeURIComponent(
        JSON.stringify({
          talk_type: 0, //1私聊2群聊
          receiver_id: 0, //查详情的时候需传入
          last_group_id: 0, //最后一条群id
          last_member_id: 0, //最后一条用户id
          last_receiver_user_name: '', //最后一条用户名
          last_receiver_group_name: '', //最后一条群名
        }),
      )
      state.apiRequest = ServeTalkRecord
    }
  }
  if (options.searchText) {
    state.searchText = options.searchText
  }
})

//分页查询时，最后一条id变化
const lastIdChange = (
  last_id,
  last_group_id,
  last_member_id,
  last_receiver_user_name,
  last_receiver_group_name,
) => {
  let idChanges = {
    last_id,
    last_group_id,
    last_member_id,
    last_receiver_user_name,
    last_receiver_group_name,
  }
  state.apiParams = encodeURIComponent(
    JSON.stringify(
      Object.assign(
        {},
        JSON.parse(decodeURIComponent(state.apiParams)),
        idChanges,
      ),
    ),
  )
}

//点击了搜索结果项
const clickSearchItem = async (
  searchText,
  searchResultKey,
  talk_type,
  receiver_id,
  res,
) => {
  console.log(state.searchResultKey)
  const result = JSON.parse(decodeURIComponent(res))
  console.log(result)
  console.log(talk_type, receiver_id)
  const sessionId = await getSessionId(talk_type, receiver_id)
  if (state.searchResultKey === 'user_infos') {
    if (useTalkStore().findTalkIndex(`${talk_type}_${receiver_id}`) === -1) {
      ServeCreateTalkList({
        talk_type,
        receiver_id,
        erp_user_id: result.erp_user_id,
      }).then(async ({ code, data }) => {
        if (code == 200) {
          let item = formatTalkItem(data)
          useTalkStore().addItem(item)
        }
      })
    }
    dialogueStore.setDialogue({
      name: result.nickname,
      talk_type: 1,
      receiver_id: receiver_id,
    })
    uni.navigateTo({
      url: '/pages/dialog/index?sessionId=' + sessionId,
    })
  } else if (state.searchResultKey === 'combinedGroup') {
    dialogueStore.setDialogue({
      name: result.name || result.group_name,
      talk_type: result.type || 2,
      receiver_id: result.group_id || result.id,
    })
    uni.navigateTo({
      url: '/pages/dialog/index?sessionId=' + sessionId,
    })
  } else if (state.searchResultKey === 'general_infos') {
    uni.navigateTo({
      url:
        '/pages/search/moreResult/moreResultDetail?searchText=' +
        searchText +
        '&talk_type=' +
        talk_type +
        '&receiver_id=' +
        receiver_id,
    })
  }
}

//获取会话Id
const getSessionId = (talk_type, receiver_id) => {
  return new Promise((resolve, reject) => {
    let params = {
      talkType: talk_type,
      receiverId: receiver_id,
    }
    const resp = ServeGetSessionId(params)
    console.log(resp)
    resp.then(({ code, data }) => {
      console.log(data)
      if (code == 200) {
        resolve(data?.sessionId)
      } else {
      }
    })
    resp.catch(() => {})
  })
}
</script>
<style scoped lang="scss"></style>