AI 表单助理

AI 表单助理是一个可以帮助您快速生成和修改表单的强大工具，通过利用人工智能技术，使得表单设计更加高效和便捷。本文详细介绍如何在设计器中启用以及配置 AI 表单助理以提升您的工作效率。

启用 AI 表单助理

在开始使用 AI 表单助理之前，您需要配置相应的 API token。以下是如何在您的 Vue 项目中进行配置的步骤：

配置 AI Token

通过设置 config.ai.token，您就能启用 AI 表单助理功能。

<template>
    <fc-designer ref="designer" :config="config" />
</template>


<script setup>
const config = {
    ai: {
        token: 'Bearer fc-d8ed***************ffab0'  // 请使用您从官网获取的有效 token
    }
}
</script>

提示: 您可以通过访问官网申请 API token来获取。

使用实例

AI 表单助理可以根据不同需求自动生成和修改表单。以下是一些典型使用场景的示例，帮助您快速掌握这些功能：

1. 生成一个就诊满意度问卷表单
2. 创建一个建议收集表单，包含联系人、联系邮箱、分类和建议内容
3. 追加一个用户信息表单
4. 添加一个标签组件，显示文本为 "Tag"
5. 删除商品简介字段
6. 当单选框选择 "选项1" 时，显示输入框组件
7. 设置输入框为必填，并限制长度必须大于13
8. 商品价格字段使用数字输入框组件
9. 给输入类组件补充占位提示文本（placeholder）

利用 AI 表单助理，您不但可以大幅减少手动编码的时间，还能灵活调整表单以适应各种业务需求，从而在复杂项目中更高效地创建和管理表单。

自定义请求接口

AI 表单助理允许您通过配置 config.ai.api 来自定义请求接口。如果您的系统中已经集成了官方接口，您可以使用该配置项来替换默认的 AI 接口。

<template>
    <fc-designer ref="designer" :config="config" />
</template>


<script setup>
const config = {
    ai: {
        api: 'https://api.form-create.com/ai/v1/chat/form'  // 自定义您的接口地址
    }
}
</script>

自定义 AI 接口为企业和个人开发者提供了更大的灵活性，特别是当需要将 AI 表单设计功能集成到现有系统或满足特定业务需求时。

注意: 接口的响应格式请参考官方接口文档。

隐藏 AI 模块

如果您希望暂时不使用或不显示 AI 模块功能，可以通过设置 config.showAi = false 来隐藏该模块。

<template>
    <fc-designer ref="designer" :config="config" />
</template>


<script setup>
const config = {
    showAi: false  // 隐藏 AI 模块
}
</script>

通过上述配置，您可以灵活地启动和利用 AI 表单助理功能以满足您的开发需求。AI 表单助理在为表单设计提供智能支持的同时，也保留了灵活性，可以根据特定业务场景进行调整。希望此文档能够帮助您更好地理解和使用 AI 表单助理。