[发明专利]一种实现智能语音外呼系统内可视化话术配置的方法

权利要求书

1.一种实现智能语音外呼系统内可视化话术配置的方法，其特征在于包括如下步骤：

S1、使用angular框架构建前端的基础部分形成web可视化工具系统，所述基础部分包括网页的创建、js和css的导入以及项目目录结构的划分；

S2、将jQueryUI的js库导入使用angular开发的web可视化工具系统，采用jsplumb的连线库将客户设计话术的各个节点进行连线；

S3、编写话术模板配置工具，完成源代码；

S4、执行angular的cli将完成源代码后的web可视化工具系统进行打包，打包成包含index、html、css和jss的文件，将打包的文件发布到服务器上，通过浏览器进行访问指定地址。

2.根据权利要求1所述的实现智能语音外呼系统内可视化话术配置的方法，其特征在于：所述话术模板配置工具的编写包括对话术模板配置工具进行布局，布局方式为：顶部是工具栏、右边是属性面板、左边是源节点栏、中部区域是控制台。

3.根据权利要求2所述的实现智能语音外呼系统内可视化话术配置的方法，其特征在于：所述工具栏、属性面板、源节点栏和控制台均为angular单独的组件，且工具栏、属性面板、源节点栏和控制台均设置有相匹配的HTML、CSS和javascript代码，用一个根组件分别将工具栏、属性面板、源节点栏和控制台导入根组件下。

4.根据权利要求3所述的实现智能语音外呼系统内可视化话术配置的方法，其特征在于：有两个变量来保存UI和话术模板本身的数据，两个变量传递给工具栏、属性面板、源节点栏和控制台中进行修改和添加。

5.根据权利要求4所述的实现智能语音外呼系统内可视化话术配置的方法，其特征在于：所述源节点栏在鼠标点击源节点进行拖动到控制台时，使用jquery的drop和droppable方法；

当鼠标把节点拖到控制台释放鼠标时，调用clone方法进行对源节点的深度拷贝，将拷贝的节点对象append到控制台，同时将节点对象添加到两个变量的数组下。

6.根据权利要求2-4任意一项所述的实现智能语音外呼系统内可视化话术配置的方法，其特征在于：所述工具栏作为控制台操作节点和连线的工具，在工具栏中设有若干图标，在选中工具栏的某一个图标后，将调用控制台内部的回调方法。

7.根据权利要求2-4任意一项所述的实现智能语音外呼系统内可视化话术配置的方法，其特征在于：所述属性面板用于对节点的属性进行相应的增删改，控制台内的节点与属性面板采用了angular的数据双向绑定。

8.根据权利要求2-4任意一项所述的实现智能语音外呼系统内可视化话术配置的方法，其特征在于：所述控制台中的节点采用直接调用本地的方法，在控制台内修改完成所有节点和连线后，会自动将数据通过HTTP保存到后台服务器。

9.根据权利要求4所述的实现智能语音外呼系统内可视化话术配置的方法，其特征在于：所述根组件在初次渲染话术模板时需要http请求后端获取UI和话术模板的数据，在请求拿到数据后，将数据赋值给UI和话术模板的两个变量值，同时渲染可视化界面。