增强型模块设计器

谁不想在 CRM 中添加新的应用程序来帮助满足不断增长的客户需求? 同时,您还需要一个有吸引力且易于使用的界面来执行这些功能。

许多开发人员坚持使用屏幕上经过时间考验的功能,而放弃设计方面。 许多人没有探索添加功能来扩展 CRM 功能的选项,可能是因为缺乏时间或相关的开发成本。

如果我们告诉您有一个解决方案可以帮助您创建新应用程序并改进 UI,您会怎样?

通过结合 Vtiger 的模块设计器和 VTAP,您可以创建应用程序并添加所需的 UI 组件,同时缩短开发时间。

考虑一下。

使用模块设计器,您将能够创建脚本,并使用 VTAP,您将能够在 CRM 中选定模块的列表和详细视图中添加自定义按钮。

通过模块设计器的增强,开发人员将能够轻松地从 UI 添加自定义按钮。

以下示例展示了增强型模块设计器如何减少编码时间。 让我们添加一个列表视图按钮,该按钮将在新选项卡中打开 vtiger.com 页面。

使用当前的模块设计器,您将能够使用以下代码来实现此目的。

通过增强的模块设计器,您可以从 UI 中执行此操作,如下所示。

您可以从模块设计器下的 UI 操作添加这些操作。

要实现此目的,只需在模块设计器 -> 设置 -> 定制器设置下启用设计器模式即可。

启用设计器模式复选框后,您将能够从模块页面本身添加按钮(例如,联系人模块中的列表视图页面或详细信息视图页面)。

启用设计器模式后,您添加的图标将突出显示,如上图所示。 单击这些图标将允许您添加自定义按钮。

目前,CRM 中启用了以下按钮类型。

按钮类型 VTAP 注册事件 描述
全球行动图标 全局动作 在 Vtiger 标题中添加图标
列表视图按钮 列表_基本_按钮 在列表视图中添加按钮
列表视图添加记录类型 LIST_ADD_RECORD_OPTION 列表 在列表视图中的添加按钮之前添加按钮
列表视图设置操作 LIST_ADVANCED_SETTING 列表 在“设置”下拉列表中添加按钮
列表视图行基本操作图标 LIST_ROW_BASIC_ACTION 在列表视图行的末尾添加图标
列表视图行辅助操作图标 LIST_ROW_SECONDARY_ACTION 将图标添加到列表视图行的开头
列表视图批量操作图标 LIST_MASS_ACTION 添加用于选择多个记录的图标
详细信息 查看更多行动项目 DETAIL_MORE_ACTION_ITEM 将按钮添加到详细信息视图中的更多操作
详细视图基本按钮 DETAIL_BASIC_BUTTON 将按钮添加到详细信息视图
详细信息视图操作图标 DETAIL_ACTION_ICON 将图标添加到详细信息标题图标下拉列表中
 
 
 

VTAP 客户用例

 
 

客户在翻译服务领域内运营。 他们的目标是限制在项目创建后一个月内创建采购订单 (PO)。

Vtiger 能够提供使用 VTAP 的解决方案 - 一个月后创建的 PO 将触发批准。

让我们看一下上述解决方案的代码。

 

客户在翻译服务领域内运营。 他们的目标是限制在项目创建后一个月内创建采购订单 (PO)。

Vtiger 能够提供使用 VTAP 的解决方案 - 一个月后创建的 PO 将触发批准。

让我们看一下上述解决方案的代码。


  

var PurchaseOrder_Component_ValidatePO = VTAP.Component.Core.extend({

created() {

VTAP.Detail.BeforeSave('PurchaseOrder', (params) => {

return new Promise((resolve, reject) => {

let record = params.record;

if (!record.id && record.cf_purchaseorder_projectref) {

VTAP.Api.Get('records', {

id: record.cf_purchaseorder_projectref.id,

module: record.cf_purchaseorder_projectref.module

}, (error, response) => {

if (response) {

let currentDate = moment.tz(new Date(), 'YYYY-MM-DD', VTAP.User().time_zone);

let projectDate = moment.tz(response.createdtime, 'YYYY-MM-DD', VTAP.User().time_zone);

let months = currentDate.diff(projectDate, 'months');

if (months >= 1) {

record.set('postatus', 'Needs Approval');

}

resolve(params);

}

});

} else {

resolve(params);

}

});

});

}

});


  

var PurchaseOrder_Component_ValidatePO = VTAP.Component.Core.extend({

created() {

VTAP.Detail.BeforeSave('PurchaseOrder', (params) => {

return new Promise((resolve, reject) => {

let record = params.record;

if (!record.id && record.cf_purchaseorder_projectref) {

VTAP.Api.Get('records', {

id: record.cf_purchaseorder_projectref.id,

module: record.cf_purchaseorder_projectref.module

}, (error, response) => {

if (response) {

let currentDate = moment.tz(new Date(), 'YYYY-MM-DD', VTAP.User().time_zone);

let projectDate = moment.tz(response.createdtime, 'YYYY-MM-DD', VTAP.User().time_zone);

let months = currentDate.diff(projectDate, 'months');

if (months >= 1) {

record.set('postatus', 'Needs Approval');

}

resolve(params);

}

});

} else {

resolve(params);

}

});

});

}

});

 

VTAP.Detail.BeforeSave 将在指定模块中保存任何记录之前触发事件处理程序。 根据解析和拒绝命令,系统将继续保存记录或停止。

 

VTAP.Detail.BeforeSave 将在指定模块中保存任何记录之前触发事件处理程序。 根据解析和拒绝命令,系统将继续保存记录或停止。

 
 

即将推出

 

应用程序创建和应用程序演进

 
 

利用 App Creator 工具的功能,我们正在踏上一段超越传统的旅程。

为所有人设计:通过包容性应用程序创建对 CRM 进行全新视角

应用程序演变:彻底改变每个档案的 CRM 交互

我们不仅为 CRM 用户创建应用程序,而且还为 CRM 用户提供应用程序创建。 我们正在将这一特权扩大到我们的联系人和更广泛的公众。 我们的愿景包括引入三种不同的应用程序创建途径,每种途径都适合特定的参与领域。

用户应用:这些专门的应用程序专为 CRM 用户设计。 这些应用程序专为满足组织内人员的独特需求而量身定制,将为您的 CRM 用户提供经过精心调整的工具,以提高他们的生产力和效率。

联系应用程序:想象一个环境,您的联系人也可以使用专门构建的应用程序。 这些应用程序仅供联系人访问,反映了客户门户的概念,为您的联系人提供了与您的业务互动和参与的无缝渠道。

公共应用程序:进一步拓展视野,我们正在推出超越组织边界的应用程序。 这些应用程序专为公众访问而设计,为互动和价值创造开辟了新的途径。 通过让这些应用程序可供更广泛的受众使用,我们正在打破障碍并促进超越传统界限的参与。

实际上,这些不同应用程序类别的引入使您能够打造定制解决方案并制作独特的应用程序。 目的? 为了迎合广泛的受众,包括直接参与 CRM 的受众和间接参与的受众。 这种方法增强了 CRM 的潜力,让您的组织更接近其客户、联系人和整个世界。

 

利用 App Creator 工具的功能,我们正在踏上一段超越传统的旅程。

为所有人设计:通过包容性应用程序创建对 CRM 进行全新视角

应用程序演变:彻底改变每个档案的 CRM 交互

我们不仅为 CRM 用户创建应用程序,而且还为 CRM 用户提供应用程序创建。 我们正在将这一特权扩大到我们的联系人和更广泛的公众。 我们的愿景包括引入三种不同的应用程序创建途径,每种途径都适合特定的参与领域。

用户应用:这些专门的应用程序专为 CRM 用户设计。 这些应用程序专为满足组织内人员的独特需求而量身定制,将为您的 CRM 用户提供经过精心调整的工具,以提高他们的生产力和效率。

联系应用程序:想象一个环境,您的联系人也可以使用专门构建的应用程序。 这些应用程序仅供联系人访问,反映了客户门户的概念,为您的联系人提供了与您的业务互动和参与的无缝渠道。

公共应用程序:进一步拓展视野,我们正在推出超越组织边界的应用程序。 这些应用程序专为公众访问而设计,为互动和价值创造开辟了新的途径。 通过让这些应用程序可供更广泛的受众使用,我们正在打破障碍并促进超越传统界限的参与。

实际上,这些不同应用程序类别的引入使您能够打造定制解决方案并制作独特的应用程序。 目的? 为了迎合广泛的受众,包括直接参与 CRM 的受众和间接参与的受众。 这种方法增强了 CRM 的潜力,让您的组织更接近其客户、联系人和整个世界。

 
 

注册以接收最新更新!