点击唤起电话功能和企业微信聊天窗口事件（H5）

1.点击唤起电话功能

const mobileShow='18888880000'
// 唤起电话功能
  const handlerCall = (phone: string) => {
    const url = `tel:${phone}`
    window.location.href = url
  }

渲染

<Button className="phone"   
        onClick={() => handlerCall(mobileShow)} />

2.点击唤起企微聊天窗口事件

功能：

  const handlerEnterprise = () => {
      wx.openEnterpriseChat({
        // 注意：userIds和externalUserIds至少选填一个
        userIds: paramsId.userId + '',
        externalUserIds: externalUserId || '', 
        groupName: '', // 会话名称。单聊时传入空字符串
        chatId: '', // 打开已有会话，需指定此参数。新建会话，chatId必须为空
        success: function (res: { chatId: string }) {
        //返回当前群聊ID，仅当使用agentConfig注入该接口权限时才返回chatId
          var chatId = res.chatId 
          // 成功回调
        },
        fail: function (res) {
          // 失败回调
        },
      })
  }

渲染
引入antd-mobile组件库中的FloatingBubble

import { FloatingBubble } from 'antd-mobile'
<FloatingBubble
  style={{
    '--initial-position-bottom': '24px',
    '--initial-position-right': '24px',
    '--edge-distance': '24px',
  }}
  onClick={**handlerEnterprise**}
>
  <Enterprise className="enterprise" />
</FloatingBubble>