ai-agent-demo

AIAgent 智能助手

基础用法

📢 注意事项：由于 该 npm 包发布频繁，请锁定版本使用！！！

<template>
  <div class="at-input-demo">
    <h5>基础用法</h5>

    <AIAgent appCode="AGENT-001" ref="AIAgent" v-model="isShow"></AIAgent>
  </div>
</template>

<script>
import AIAgent from '@kyfe/ai-agent'; // 注意事项：由于该 npm 包发布频繁，请锁定版本使用
export default {
  components: {
    AIAgent,
  },
  data() {
    return {
      isShow: false,
    };
  },
  methods: {
    // 设置输入框内容
    setMsg() {
      this.isShow = true;
      this.$nextTick(() => {
        this.$refs.AIAgent.setMsg('运单号：123456789');
      });
    },
  },
};
</script>

::: tip 引入 注意事项：轻应用本地环境联调使用时需配置代理，避免浏览器因同源策略阻止请求 :::

// 根据环境标识获取ai智能体域名
const getNewaiHost = () => {
  let host = 'https://oa-uat.kyeapi.com/'
  if (process.env.VUE_APP_CAS) {
    if (process.env.VUE_APP_CAS.indexOf('stg') > -1) {
      host = 'https://config-stg.kyeapi.com/'
    }
    if (process.env.VUE_APP_CAS.indexOf('prod') > -1) {
      host = 'https://open-h5.ky-express.com/'
    }
  }
  return host
}

// vue.config.js 增加以下配置
proxy: {
  "/newai": {
    target: getNewaiHost(),
    changeOrigin: true,
    pathRewrite: {
      '^/newai': ''
    }
  }
},

参数

参数名	说明	类型	默认值
value / v-model	绑定值 (仅弹窗版本支持)	Boolean	-
appCode	智能体标识（以每个产品线为维度,在【HROA 系统>智能体管理】获取）	String	-
popAttr	van-popup 属性 (仅弹窗版本支持)	Object	-
noPopup	是否无需弹窗（默认为全屏弹窗）	Boolean	false

内置方法 （通过 ref 调用）

方法名	说明	参数
setMsg	设置输入框内容	String
sendMsg	发送消息	Object {msg}

插槽

插槽名	说明
input-tips-bar	输入框顶部提示栏插槽

升级记录

版本	说明
1.0.0	发布 AIAgent 组件
1.0.1	打开历史对话页面支持逐级返回
1.0.5	包体积优化
1.0.6	css 基础样式调整
1.0.7	Agent 类型移除 AI 头像
1.0.8	交互细节优化
1.0.13	支持 AI-CHAT 类型
1.0.14	修复 IOS 场景弹窗层级兼容问题（ai-agent-0731 版本）
1.0.16	反馈弹窗增加唯一类名（ai-agent-0731 版本）
1.0.17	自我介绍支持配置，样式优化
1.0.26	修复 UI 走查问题