AI工具管理系统

人工智能其他案例ID：237789

Basty

10 年经验· 某上市集团

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

页面是企业 AI 智能工作台的核心入口页面。它主要作为一个企业内部统一的 AI 应用门户，将各类专业化 AI 助手（如智慧商机、智能人才助手、PR审核系统等）进行统一集中展示和调用。同时，该页面深度集成了飞书（Feishu） JS、API、 SDK，支持在飞书客户端内免登并自动获取当前操作人的用户信息。
该页面整体采用现代化、响应式的布局，分为左侧导航菜单栏和右侧主内容交互区，并附带一系列弹窗功能供用户对 AI 应用进行管理。
详细功能模块说明
左侧边栏：此部分主要用于全局导航和应用切换。展示平台名称 “AI 智能工作台”，右侧有一个切换按钮，可以用来收起或展开整个左侧边栏，以留出更大的主工作区空间。
AI 应用列表区：动态渲染当前系统可用的 AI 应用列表。高亮显示当前正在使用的应用。
底部操作区：用户点击可获取反馈渠道的信息。
前往管理页面：打开“AI 应用管理”弹窗，供拥有权限的用户或个人来配置个性化的 AI 门户面板。用来打开问学主页面
右侧主内容区：根据用户的操作状态，右侧内容区会在“欢迎主页”和“对话界面”之间自动切换。
欢迎主页
当用户初次进入系统或点击“新对话”时显示该区域。
个性化问候：系统会根据当前时间（上午/下午/晚上）以及当前登录用户的信息，进行个性化问候。
快捷功能区：以网格形式展示用户标记为“加入快捷应用区”的高频 AI 助手，点击对应的卡片即可快速发起对话。
对话界面与输入区
当用户选择了某一个特定的 AI 应用后，欢迎主页会隐藏，显示聊天记录面板。
消息展示区：采用类似微信/飞书的气泡对话样式，展示用户 AI 助手的回复，在 AI 思考请求时会显示“打字加载中”的动画效果。
当前应用标识：在输入框上方将显示当前正在对话的 AI 助手名称标签（如“智慧商机”），避免用户混淆上下文。
智能输入框：
内部查询按钮：点击后输入框提示语将变为“输入内部文档关键词进行搜索”。
发送按钮：当输入框有空内容时为禁用状态；
弹窗系统，AI 应用管理弹窗：列表展示所有已发布的 AI 应用。
提供快捷应用配置：用户可以从已有的应用库中挑选最多 8 个应用平铺展示在“欢迎页”的快捷应用网格中。提供对每个应用进行“编辑”或“删除”的操作。
添加/编辑应用弹窗：允许用户自定义添加外部或内部的 AI Agent 到个人工作台中。