浏览代码

feat(attractions-orderList): 添加订单取消和付款按钮

- 在订单状态为0时显示取消订单和付款按钮
- 使用wd-button组件实现按钮的样式和交互
- 按钮布局调整为右对齐,间距统一
- manifest.json修正文件结尾格式问题
zouzexu 7 小时之前
父节点
当前提交
0a2f9e6bd8
共有 1 个文件被更改,包括 12 次插入0 次删除
  1. 12 0
      src/subPack-smqjh/components/attractions-orderList/attractions-orderList.vue

+ 12 - 0
src/subPack-smqjh/components/attractions-orderList/attractions-orderList.vue

@@ -67,6 +67,18 @@ const statusInfo = computed(() => {
         </text>
       </view>
     </view>
+    <view v-if="order?.hbOrderStatus === 0" class="my-24rpx flex items-center justify-end">
+      <view class="mr-20rpx">
+        <wd-button size="small" plain type="info">
+          取消订单
+        </wd-button>
+      </view>
+      <view class="mr-20rpx">
+        <wd-button size="small" plain type="error">
+          付款
+        </wd-button>
+      </view>
+    </view>
   </view>
 </template>