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

<!--pages/orders/order-detail.wxml-->
<view class="container">
  <navigation-bar color="#fff" title="订单详情"></navigation-bar>

  <scroll-view class="record-list" type="list" scroll-y bindscrolltolower="loadMore">
    <view class="scroll-container">
      <view class="order-status" wx:if="{{statusList[status]}}">
        <view class="status">
          <!-- <image src="{{ statusList[status].logo }}"></image> -->
          <text>{{ statusList[status].title }}</text>
          <view class="btn-refound" bind:tap="useRefound"  wx:if="{{ goodsInfo.wechatStatus == 'WAIT_USE' && tabIdx == 5 }}">申请退款</view>
        </view>
        <view class="tips" wx:if="{{ statusList[status].content }}">{{ statusList[status].content }}</view>
      </view>

      <view class="order-content">
        <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">
                <text class="stuff">¥ </text>
                <text class="priceZ">{{ item.integerPart }}</text>
                <text class="priceF">.{{ item.decimalPart }}</text>
              </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 class="qrcode-section" wx:if="{{ (goodsInfo.wechatStatus == 'PAID' || goodsInfo.wechatStatus == 'WAIT_USE') && showCanvas }}">
          <view class="qrcode-wrap {{goodsInfo.wechatStatus == 'WAIT_USE' ? '' : 'used' }}">
            <image class="arrow arrow-left" src="./images/icon-arrow.png"></image>
            <image class="arrow arrow-right" src="./images/icon-arrow.png"></image>

            <image src="{{canvasImg}}" mode="scaleToFill" class='my_draw_canvas' style="opacity: {{ goodsInfo.wechatStatus == 'PAID' ? 0.4 : 1 }};" show-menu-by-longpress="true"></image>
            <view class="loader" wx:if="{{!canvasImg}}"></view>
          </view>
          <view>
            <view class="qrcode-text" wx:if="{{goodsInfo.wechatStatus == 'WAIT_USE'}}">扫描二维码或点击激活按钮使用</view>
            <view class="qrcode-text used" wx:else>二维码已激活</view>
          </view>
          <view class="qrcode-btn--section" wx:if="{{goodsInfo.wechatStatus == 'WAIT_USE'}}">
              <button class="download" disabled="{{ !canvasImg ? true : false }}" bind:tap="onDownload">下载二维码</button>
              <button class="submit" disabled="{{ !canvasImg ? true : false }}"  bind:tap="onActivation" data-code="{{ goodsInfo.code }}">立即激活</button>
            </view>
        </view>
      </view>

      <canvas class='my_draw_canvas only_canvas' data-type="image" canvas-id='canvasCode' id="canvasCode"></canvas>

      <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-time" wx:if="{{ goodsInfo.wechatStatus == 'REFUNDED' || goodsInfo.wechatStatus == 'REFUNDING' }}">
        <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" wx:if="{{goodsInfo.wechatStatus == 'REFUNDED'}}">
          <view class="title">退款路径</view>
          <view class="value">{{ goodsInfo.refundStyleStr }}</view>
        </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' }}" disabled="{{cancelRefoundStatus}}">取消退款</button>
      <button type="primary" wx:else bind:tap="onSubmit">再次购买</button>
    <!-- </block> -->
  </view>

   <!-- 客服 -->
   <service wx:if="{{serviceShow}}"></service>

  <!-- 退费 -->
  <apply-refound refoundStatus="{{ refoundStatus }}" goodsInfo="{{goodsInfo}}" bind:changeRefoundStatus="changeRefoundStatus" bind:onConfirm="onRefoundComfirm"></apply-refound>
</view>