河马AI商机产品系统Vibe Coding

我要开发同款
王宁2026年05月08日
9阅读

技术信息

语言技术
Vue
系统类型
小程序轻应用
行业分类
工业互联网

作品详情

行业场景

河马AI商机分【AI智能助手】和【招标推荐搜索】 两部分 ,其中AI助手对接DIfy平台

功能介绍

通过集成AI大模型Dify的(工作流)智能体,实现对搜索招投标项目时,对搜索流程通过AI重构,大幅提高搜索精准匹配度,和搜索降噪音(对不关联的项目信息排序降级)功能。
1. 用户搜索时,通过AI识别用户搜索意图,并初始化搜索关键词关系
2. 搜索列表功能通过AI对搜索结果关联度打分,对高评分项目优先展示,对不关联项目折叠降低优先级。

项目实现

- 开发AI助手的【消息列表】和【发送语音和文字组件】 、封装dify消息发送和接收流式消息(流式响应SSE)异步流,
消息列表的消息内容组件 ,为AI识别输入类型后返回的消息类型(包含地区 、 甲方 、招标类型 、招标金额范围 、关键词宽泛和细分
拓词等) ,收到消息后插入到消息列表 ,再插入AI引导继续沟通的文案 ,实现AI搜索项目一个完整流程。
- AI助手收集完搜索场景订阅器参数后 ,跳转到【推荐搜索页面】 ,对接【后端AI查询接口】,
本查询为异步接口 ,先返回批次号后 ,在轮询检查查询状态 ,等到完成后 ,对项目列表进行排序。
项目打分 :AI对内容进行阅读后 ,根据搜索输入会进行相关度得分。
项目排序 :按照项目相关度 、项目日期排序后按天分组。
- 开发AI搜索场景状态组件 :搜索场景类型 、识别场景值 、为关键词时 ,展示关键词流式输出打印机效果动画。
- 开发AI筛选过滤器组件 :包括地区 、业务筛选 、AI筛选 、关键词筛选等子组件
- 开发项目列表组件 ,扩展日期分组模式和普通列表展示模式 ,插入使用AI搜索广告位
- 开发列表组件 ,扩展虚拟列表功能(通过observer) ,提高小程序流式刷新的性能问题(页面DOM节点上限问题)
- 开发支付页面 :商品卡片 、地区筛选 、会员权益组件 、支付金额及支付功能组件 ,适配会员主题样式。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论