classroom-music-activation/miniprogram/pages/orders/order-result.wxml

<!--pages/orders/order-detail.wxml-->
<view class="container">
  <navigation-bar title="{{ statusList[status].title }}"></navigation-bar>

  <scroll-view class="record-list" type="list" scroll-y bindscrolltolower="loadMore">
    <!-- <view class="order-status" wx:if="{{statusList[status]}}">
      <view class="status">
        <image src="{{ statusList[status].logo }}"></image>
        <text>{{ statusList[status].title }}</text>
      </view>
      <view class="tips" wx:if="{{ statusList[status].content }}">{{ statusList[status].content }}</view>
    </view> -->

    <view class="goods-content" wx:if="{{ goodsInfo.goods && goodsInfo.goods.length > 0 }}">
      <view class="item-content" wx:for="{{ goodsInfo.goods }}" wx:key="index">
        <image class='goods-icon' src="{{ item.goodsUrl }}" mode="" />
        <view class="goods-desc">
          <view class="goodsInfo">
            <view class="goods-name">{{ item.goodsName }}</view>
            <view class="goods-price">¥ {{ item.originalPrice }}</view>
          </view>
          <view class="goods-type">
            <view class="goods-card">{{ item.typeName }}</view>
            <view class="goods-num">共 {{ item.goodsNum }} 件</view>
          </view>
        </view>
      </view>
    </view>

    <view class="order-time">
      <view class="order-item">
        <view class="title">订单编号</view>
        <view class="value">
          {{ goodsInfo.orderNo }}
          <view class="copy" bind:tap="onCopy" data-orderno="{{goodsInfo.orderNo}}">复制</view>
        </view>
      </view>
      <view class="order-item">
        <view class="title">下单时间</view>
        <view class="value">{{ goodsInfo.createTime }}</view>
      </view>
    </view>

    <view class="order-content" wx:if="{{ (goodsInfo.wechatStatus == 'PAID' || goodsInfo.wechatStatus == 'WAIT_USE') && showCanvas }}">
      <view class="qrcode-title" >{{ goodsInfo.wechatStatus == 'WAIT_USE' ? '请扫码激活' : '激活码已使用' }}</view>
      <view class="qrcode-line"></view>
      <view class="qrcode-section">
        <view class="qrcode-text" wx:if="{{goodsInfo.wechatStatus == 'WAIT_USE'}}">为了顺利使用，请<text>长按下方二维码</text>进行激活</view>
        <view class="qrcode-text used" wx:else>登录「音乐数字课堂」APP，开启AI学练之旅～</view>
        <view class="qrcode-block">
          <view class="left-text">待使用</view>
          <view class="qrcode-wrap">
            <canvas class='my_draw_canvas' data-type="image" canvas-id='canvasCode' id="canvasCode"></canvas>
          </view>
        </view>
      </view>
    </view>

    <view class="order-time" wx:if="{{ goodsInfo.wechatStatus == 'REFUNDED' }}">
      <view class="order-item">
        <view class="title">{{ goodsInfo.wechatStatus == 'REFUNDED' ? '退款时间' : '申请退款时间' }}</view>
        <view class="value">{{ goodsInfo.refundTime }}</view>
      </view>
      <view class="order-item">
        <view class="title">退款金额</view>
        <view class="value red">￥{{ goodsInfo.refundAmount }}</view>
      </view>
      <view class="order-item">
        <view class="title">退款路径</view>
        <view class="value">{{ goodsInfo.refundStyleStr }}</view>
      </view>
    </view>
  </scroll-view>

  <view class="order-btn" wx:if="{{ goodsInfo.wechatStatus != 'WAIT_PAY' }}">
    <button type="primary" bind:tap="useRefound" wx:if="{{ goodsInfo.wechatStatus == 'WAIT_USE' }}">申请退款</button>
    <block wx:else>
      <button type="primary" bind:tap="cancelRefound" wx:if="{{ goodsInfo.wechatStatus == 'REFUNDING' }}">取消退款</button>
      <button type="primary" wx:else bind:tap="onSubmit">再次购买</button>
    </block>
  </view>

  <service wx:if="{{serviceShow}}"></service>

  <view class="useRefound-pop" wx:if="{{ refoundStatus }}">
    <view class="useRefound-mask"></view>
    <view class="useRefound-container">
      <image bind:tap="onRefoundClose" class="icon-close" src="./images/icon-close.png"></image>
      <view class="use-title">选择退款原因</view>
      <view class="use-form">
        <textarea placeholder="请输入您的退款原因" maxlength="100" bindinput="textareaInput" value="{{ refoundValue }}"></textarea>
        <view class="num">{{ refoundValue.length }}/100</view>
      </view>
      <view class="use-form__input">
        <view class="title"><text class="red">*</text>联系方式 <text class="sencd">(必填)</text></view>
        <input placeholder="请输入手机号码" type="number" maxlength="11" bindinput="phoneInput" value="{{ refoundPhone }}"></input>
      </view>
      <view class="btnSection">
        <button type="primary" bind:tap="onRefound">申请退款</button>
      </view>
    </view>
  </view>
</view>