spz-order-actions 订单操作

对订单的加购、再次购买等操作赋予行为的能力。

布局

container

何时使用

需要对某个订单进行加购、现在付款、重新购买、取消和删除订单操作，一般用在订单列表页面。

代码演示

基本用法

执行各种操作的按钮需要配置对应的 role 属性值来赋予当前按钮对应的能力，支持以下几种行为能力：

值	描述
pay_order	点击按钮，跳转到结账页面
repay_order	点击按钮，请求接口判断是否可以跳转到结账页面，不可的话，刷新当前页面
add_to_cart	点击按钮，当前订单下的所有商品被加入购物车
delete_order	点击按钮，打开删除当前订单警告对话框，如果点击对话框的确认按钮，删除当前订单
cancel_order	点击按钮，打开取消当前订单警告对话框，如果点击对话框的确认按钮，取消当前订单

<spz-order-actions layout="container" order-id="xxx" data-source-id="xxx">
  <template>
    <div>
      <button role="add_to_cart">Add to cart</button>
      <button role="pay_order">Pay now</button>
      <button role="repay_order">Pay again</button>
      <button role="delete_order">Delete</button>
      <button role="cancel_order">Cancel</button>
    </div>
  </template>
</spz-order-actions>

属性

属性名	说明	类型	默认值	是否必需
order-id	订单ID	string	-	是
data-source-id	数据源ID，仅支持 `spz-render` 和 `spz-list` 元素ID	string	-	是