获取到红包信息后更新UI

TUIKit/components/TUIChat/message-input-toolbar/red-envelope/index.vue

@@ -20,8 +20,9 @@
   import { useUI } from '@/utils/use-ui'
   import { navigateTo } from '@/utils/router'
   import { sendRedEnvelope } from '../../../../../api/tui-kit'
+  import { useUserStore } from '../../../../../stores/user'
 
-  const { showDialog } = useUI()
+  const { showDialog, showToast } = useUI()
 
   const placeholderStyle = `font-family: PingFang SC, PingFang SC; font-weight: 500; color: #a9a9a9; font-size: 32rpx; font-style: normal; text-transform: none;`
   const evaluateIcon = custom
@@ -169,57 +170,65 @@
   const pwdModalSubmit = async (e: number[]) => {
     // 默认文本
     const text = `${formData.title || '恭喜发财，大吉大利'}`
-    const payload = {
-      data: JSON.stringify({
-        businessID: CHAT_MSG_CUSTOM_TYPE.RED_ENVELOPE,
-        version: 1,
-        // 积分
-        integral: Number(formData.integral),
-        // 红包个数
-        num: Number(formData.num || '1'),
-        // 发送类型
-        type: currentConversation?.value?.type,
-        title: text
-      }),
-      description: text,
-      extension: text
-    }
-    const options = {
-      to:
-        currentConversation?.value?.groupProfile?.groupID ||
-        currentConversation?.value?.userProfile?.userID,
-      conversationType: currentConversation?.value?.type,
-      payload,
-      needReadReceipt: isEnabledMessageReadReceiptGlobal()
-    }
-    const offlinePushInfoCreateParams: IOfflinePushInfoCreateParams = {
-      conversation: currentConversation.value as IConversationModel,
-      payload: options.payload,
-      messageType: TUIChatEngine.TYPES.MSG_CUSTOM
-    }
-
-    const sendMessageOptions: SendMessageOptions = {
-      offlinePushInfo: OfflinePushInfoManager.create(
-        offlinePushInfoCreateParams
-      )
-    }
     const isGroup = currentConversation?.value?.type === 'GROUP'
     const data = {
       password: e.join(''),
       title: text,
-      packetType: isGroup ? 2 : 1,
+      packetType: isGroup ? 2 : 3,
       receiverType: isGroup ? 2 : 1,
+      receiverIMIds: isGroup
+        ? []
+        : [currentConversation?.value?.userProfile.userID],
       totalAmount: Number(formData.integral),
       totalCount: Number(formData.num || '1')
     }
     try {
       tixian.value.close()
-      await sendRedEnvelope(data)
+      const res = await sendRedEnvelope(data)
+
+      const payload = {
+        data: JSON.stringify({
+          id: res.data.id,
+          businessID: CHAT_MSG_CUSTOM_TYPE.RED_ENVELOPE,
+          version: 1,
+          // 积分
+          integral: Number(formData.integral),
+          // 红包个数
+          num: Number(formData.num || '1'),
+          // 发送类型
+          type: currentConversation?.value?.type,
+          // 是否打开红包
+          isOpen: false,
+          title: text
+        }),
+        description: text,
+        extension: text
+      }
+      const options = {
+        to:
+          currentConversation?.value?.groupProfile?.groupID ||
+          currentConversation?.value?.userProfile?.userID,
+        conversationType: currentConversation?.value?.type,
+        payload,
+        needReadReceipt: isEnabledMessageReadReceiptGlobal()
+      }
+      const offlinePushInfoCreateParams: IOfflinePushInfoCreateParams = {
+        conversation: currentConversation.value as IConversationModel,
+        payload: options.payload,
+        messageType: TUIChatEngine.TYPES.MSG_CUSTOM
+      }
+
+      const sendMessageOptions: SendMessageOptions = {
+        offlinePushInfo: OfflinePushInfoManager.create(
+          offlinePushInfoCreateParams
+        )
+      }
       TUIChatService.sendCustomMessage(
         options as SendMessageParams,
         sendMessageOptions
       )
       container?.value?.toggleDialogDisplay(false)
+      await showToast('发送成功', 'success')
     } catch (error) {
       tixian.value.close()
     }