开发者社区> jerrywangsap> 正文

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

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

进入Order History页面:


image.png


http://localhost:4200/electronics-spa/en/USD/my-account/order/00001075


点击 Cancel Items:


image.png


这个按钮会路由到一个 cancel 页面去:


image.png


选择要cancel的行项目:

image.png

image.png

selector:cx-cancel-order


image.png


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


image.png


continue函数里,进行另一个路由跳转:


image.png


这说明Commerce Cloud 订单取消是基于行项目的:


image.png



form 的提交请求按钮,没有具体实现,类型为submit,因此需要去最上层,找到form的实现:


image.png


cx-cancel-order-confirmation节点下面,有form节点:


image.png


cx-cancel-order-confirmation


下图第26行的submit函数,即submit按钮点击后的处理函数。


image.png


cancer-order-confirmation.component.ts


image.png


this.userOrderService.cancelOrder


image.png


CancelOrderConfirmationComponent里的实现代码:

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.png


订单取消成功后,状态变为Cancelled:


image.png


An invoice has been sent by email.


image.png

image.png



image.png


cancellationAndReturn

image.png


image.png

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

相关文章
SAP Spartacus 基于行项目的订单取消功能(order cancel)实现
SAP Spartacus 基于行项目的订单取消功能(order cancel)实现
16 0
阿里云物联网平台数字孪生功能Quick Start
数字孪生是物理世界的数字化呈现,可通过构建孪生体来描述设备、流程、系统、场景等业务模型,对物理世界实体信息进行实时采集、运算分析、监控统计等,助您更精准地掌握业务模型动态变化,进而实现对实际生产过程的提效和降本目的。本文从产品创建开始,一步一步演示如何使用物联网平台的数字孪生功能。
14511 0
SAP 电商云 Spartacus UI 支持延迟加载的新功能的入口设计
假设我们要为 Spartacus UI 开发一个新功能,首先,这个新功能,应该放到 feature library 文件夹里:
27 0
SAP CRM Service Order(服务订单)的状态字段设计原理介绍
SAP CRM Service Order(服务订单)的状态字段设计原理介绍
22 0
SAP SD基础知识之订单中装运相关的功能
SAP SD基础知识之订单中装运相关的功能
12 0
在source insight中加入TortoiseSVN的功能
转帖自http://www.study-bbs.com/thread-37492-1-1.html   我经常在写代码时要看一下修改记录,以前一般是在文件夹中找到这个文件然后查看修改记录,这种方法太麻烦了。
753 0
疯狂科学家!DARPA 颅内芯片研究项目即将启动
吴航,加拿大多伦多大学Humanistic Intelligence Lab研究员,师从可穿戴计算之父Steve Mann ;专注于神经工程学,脑力提升(Intelligence Augmentation)领域。机器之心PSI北美区特约前沿科技观察员。
36 0
+关注
2624
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载