[Web]CPQ产品配置页扩展

January 5, 2021

1.1 设置产品选项配置页字段样式

仅支持字段颜色

//明细扩展实例
const ext_order_CPQPriceSetsExtensionPoint = new xsyrpa.CPQPriceSetsExtensionPoint("order_CPQPriceSetsExtensionPoint");
//监听产品配置页渲染前事件
ext_order_CPQPriceSetsExtensionPoint.on('beforeOptionLoaded', (data, resolve)=>{
    ext_order_CPQPriceSetsExtensionPoint.setColumnStyle({
    itemApiKey: '', //字段ApiKey
    fontColor: '#c3daf9' //色值或 red, blue等
    });
    resolve(); //继续渲染
});

1.2 产品选项配置页自定义筛选条件

//明细扩展实例
const ext_order_CPQPriceSetsExtensionPoint = new xsyrpa.CPQPriceSetsExtensionPoint("order_CPQPriceSetsExtensionPoint");

//设置筛选条件
ext_order_CPQPriceSetsExtensionPoint.setOptionsFilterCondition({
    itemApiKey: '', //字段apiKey
    value: '' //模糊匹配值
});

1.3 产品选项配置页自定义校验规则，设置错误提示

//明细扩展实例
const ext_order_CPQPriceSetsExtensionPoint = new xsyrpa.CPQPriceSetsExtensionPoint("order_CPQPriceSetsExtensionPoint");
//监听产品配置页点击配置价格按钮，产品选项转明细前事件
ext_order_CPQPriceSetsExtensionPoint.on('beforeConvertToDetails', (data,resolve,reject)=>{
    console.log(data);  //data {checkedData} 是当前所选产品和产品选项数据
    ext_order_CPQPriceSetsExtensionPoint.setOptionsError({
        errors:[{
            detailUuid:"", //选项的detailUuid , 从data中获取
            msg:'' //错误信息提示
        }]
    });
    reject(); //阻止继续转换明细
});

1.4 产品选项配置页勾选/取消勾选时事件

//明细扩展实例
const ext_order_CPQPriceSetsExtensionPoint = new xsyrpa.CPQPriceSetsExtensionPoint("order_CPQPriceSetsExtensionPoint");
//监听产品配置页点击配置价格按钮，产品选项转明细前事件
ext_order_CPQPriceSetsExtensionPoint.on('optionChecked', (data)=>{
    console.log(data);  //data {checkedData} 是当前所选产品和产品选项数据
});