Cuttlefish Docs
  • 简体中文

    • 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订单IDstring-是
    data-source-id数据源ID，仅支持 spz-render 和 spz-list 元素IDstring-是

    AI 摘要（LLM Ready）

    • 组件标识：spz-order-actions
    • 用途一句话：对订单的加购、再次购买等操作赋予行为的能力。
    • 可识别属性条目：2
    • 可识别方法小节：0
    • 可识别事件小节：0
    • 关键属性名（Top）：order-id、data-source-id
    • 关键方法名（Top）：无（待补充）
    • 关键事件名（Top）：无（待补充）
    • 阅读顺序建议：先看「何时使用」与「代码演示」，再核对属性/方法/事件。
    • 关联文档：/guide/actions-and-events/ 、/guide/layouts/