开发者社区> c位出道> 正文

SAP Spartacus 基于行项目的订单取消功能(order cancel)实现

简介: SAP Spartacus 基于行项目的订单取消功能(order cancel)实现
+关注继续查看

进入Order History页面:image.pnghttp://localhost:4200/electronics-spa/en/USD/my-account/order/00001075

点击 Cancel Itemsimage.png这个按钮会路由到一个 cancel 页面去:image.png选择要cancel的行项目:image.pngimage.pngimage.pngselector:cx-cancel-order

image.png点击Continue按钮后的处理函数:continue($event)

image.pngcontinue函数里,进行另一个路由跳转:image.png这说明Commerce Cloud 订单取消是基于行项目的:image.pngimage.pngform 的提交请求按钮,没有具体实现,类型为submit,因此需要去最上层,找到form的实现:image.pngcx-cancel-order-confirmation节点下面,有form节点:image.pngcx-cancel-order-confirmation

下图第26行的submit函数,即submit按钮点击后的处理函数。image.pngcancer-order-confirmation.component.ts

image.pngthis.userOrderService.cancelOrderimage.pngCancelOrderConfirmationComponent里的实现代码:

save() {
        const orderCode = this.form.value.orderCode;
        const entries = this.form.value.entries;
        const inputs = Object.keys(entries)
            .filter((entryNumber) => entries[entryNumber] > 0)
            .map((entryNumber) => ({
            orderEntryNumber: Number(entryNumber),
            quantity: entries[entryNumber],
        }));
        this.form.reset();
        this.userOrderService.cancelOrder(orderCode, {
            cancellationRequestEntryInputs: inputs,
        });
        this.userOrderService
            .getCancelOrderSuccess()
            .pipe(first(Boolean))
            .subscribe(() => this.afterSave(orderCode));
    }

image.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
17698 0
SAP Spartacus B2B功能,只渲染BodyContent position里的UI
SAP Spartacus B2B功能,只渲染BodyContent position里的UI
20 0
阿里云物联网平台数字孪生功能Quick Start
数字孪生是物理世界的数字化呈现,可通过构建孪生体来描述设备、流程、系统、场景等业务模型,对物理世界实体信息进行实时采集、运算分析、监控统计等,助您更精准地掌握业务模型动态变化,进而实现对实际生产过程的提效和降本目的。本文从产品创建开始,一步一步演示如何使用物联网平台的数字孪生功能。
14511 0
SAP SD基础知识之订单中装运相关的功能
SAP SD基础知识之订单中装运相关的功能
12 0
SAP 电商云 Spartacus UI 支持延迟加载的新功能的入口设计
假设我们要为 Spartacus UI 开发一个新功能,首先,这个新功能,应该放到 feature library 文件夹里:
27 0
SAP Spartacus 如何借助env-cmd 实现 B2B 和 B2C 功能启动的无缝切换
在之前的 SAP Spartacus 标准开发中,每次我从 Github 上 clone 了最新的代码后,必须手动修改 environment.ts 里的配置值,将 CX_BASE_URL 和 b2b 修改成实际值:
23 0
+关注
2316
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载