AIPlatform 智能制造智能体 - 嵌入组件

可嵌入到任意 Vue3 平台的智能体悬浮组件

安装

npm install @zhangjihui/ams-chat-embed

快速开始

<template>
  <AmsChatEmbed 
    :token-api="fetchToken" 
    :user="{ id: '123', name: '张三' }" 
  />
</template>

<script setup>
import { AmsChatEmbed } from '@zhangjihui/ams-chat-embed'
import '@zhangjihui/ams-chat-embed/style.css'
</script>

API

| 参数 | 类型 | 必填 | 说明 | |------|------|------|------| | tokenApi | Function | ✅ | 获取 token 的接口函数 | | user | Object | ✅ | 当前用户信息 { id, name } |

tokenApi 示例

async function fetchToken(params) {
  const res = await axios.post('/api/embed/token', params)
  return res.data
}

后端接口要求

POST /api/embed/token

请求：

{
  "user_id": "12345",
  "user_name": "张三",
  "system_name": "QMS",
  "org_name": ""
}

响应：

{
  "code": 200,
  "data": {
    "token": "xxx",
    "expires_at": 1722835200
  }
}

依赖

• Vue 3.2+
• Element Plus 2.0+