微信小程序-退款业务

最新推荐文章于 2023-06-14 23:03:03 发布

原创

最新推荐文章于 2023-06-14 23:03:03 发布 · 1.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#退款业务

本文介绍了微信小程序中退款业务的实现，包括退款效果展示、详细退款流程（展示订单、判断退款条件、获取订单信息、调用微信退款接口及最终显示退款结果）以及退款页面的设计，如展示用户信息、退款原因等。同时，提到了处理退款请求时的异步操作，如全选、回调、递归、setTimeout和Promise，并强调无论退款成功与否，都会给予用户反馈。

一、退款业务效果

二、退款流程

第一步：展示需要退款的订单

第二步：点击退款按钮，判断是否有需要退款的订单

第三步：获取到需要退款的订单信息

第四步：为每个需要退款的订单去调用微信退款接口

第四步：最后弹出退款情况

三、实现

退款页面（展示姓名、退款原因、金额、申请退款时间等）

<view class="container">
  <block wx:if="{
  
  {refundList.length!=0}}">
    <view class="refund-list" wx:for="{
  
  {refundList}}" wx:key="">
      <view class="line"></view>
      <view class="refund-img">
      <text class="iconfont icon-xuanzhong1 {
  
  {item.isSelect? 'selectIcon':'noSelectIcon'}}"  data-index="{
  
  {index}}" bindtap='selectOne'></text>
      </view>
      <view class="refund" style="width:{
  
  {contentWid *0.6}}px">
        <view class="title">{
  
  {item.Show_Name}}</view>
        <view class="result">{
  
  {item.RefuseMsg}}</view>
        <view class="time">{
  
  {item.DhanderTime}}</view>
      </view>
      <view class="refund-money" style="width:{
  
  {contentWid *0.4}}px">¥{
  
  {item.refund_fee}}</view>
    </view>
    <view class="refund-bottom">
      <view class="refund-bottom-left">
         <view class="bottom-left-left">
          <text clas