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>
    <!-- <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="goods-title">价格明细</view>
      <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>
          <view class="goods-type">
            <view class="goods-price">
              <text class="stuff">¥</text>
              <text class="priceZ">{{ item.integerPart }}</text>
              <text class="priceF">.{{ item.decimalPart }}</text>
            </view>
            <view class="origin-price">｜日常价<text>¥ {{item.originalPrice}}</text></view>
          </view>
        </view>
      </view>

      <view class="goodsInfos">
        <view class="qrcode-line"></view>
        <view class="goodsInfo-item">
          <text class="title">合计</text>

          <view class="goods-price">
            <text class="stuff">¥</text>
            <text class="priceZ">{{ goodsInfo.integerPart }}</text>
            <text class="priceF">.{{ goodsInfo.decimalPart }}</text>
          </view>
        </view>

        <view class="goodsInfo-item" wx:if="{{ goodsInfo.originalPrice > goodsInfo.paymentCashAmount }}">
          <text class="title">已省</text>

          <view class="calc-price">¥{{ goodsInfo.allDiscountPrice }}</view>
        </view>
      </view>
    </view>

    <!-- <view class="select-section select-address" wx:if="{{ goodsInfo.addresses.id }}" wx:key="receiveAddress">
      <view class="address-info">
        <view class="address-text">
          {{ goodsInfo.addresses.addressDetail }}
        </view>
        <view class="address-user">
          <text class="username">{{ goodsInfo.addresses.name }}</text>
          <text>{{ goodsInfo.addresses.phoneNumber }}</text>
        </view>
      </view>
    </view> -->

    <view class="select-section select-buy-user" wx:if="{{ goodsInfo.beneficiary.id }}" wx:key="userBeneficiaryId">
      <view class="title">
        <view class="name">购买人信息</view>
      </view>

      <view class="user-list">
        <view class="user-item">
          <view class="left-label">学生姓名</view>
          <view class="right-value">{{ goodsInfo.beneficiary.name }}</view>
        </view>
        <view class="user-item">
          <view class="left-label">联系方式</view>
          <view class="right-value">{{ goodsInfo.beneficiary.phoneNumber }}</view>
        </view>
        <view class="user-item">
          <view class="left-label">学校信息</view>
          <view class="right-value">{{ goodsInfo.beneficiary.schoolInfo }}</view>
        </view>
      </view>
    </view>

    <view class="order-time">
      <view class="order-item" wx:if="{{ goodsInfo.userNote }}">
        <view class="title">手机号码</view>
        <view class="value">{{ goodsInfo.userNote }}</view>
      </view>
      <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="usage-guide">
      <view class="usage-guide__header">
        <view class="usage-guide__title">使用说明</view>
        <view class="usage-guide__subtitle">INSTRUCTIONS FOR USE</view>
      </view>

      <view class="usage-guide__content {{ isTeacherOrder ? 'teacher' : 'student' }}">
        <block wx:if="{{ isTeacherOrder }}">
          <view class="usage-guide__steps">
            <view class="usage-guide__step">1</view>
            <view class="usage-guide__step">2</view>
          </view>
          <view class="usage-guide__text">
            <view>老师端兼容电脑、一体机及希沃白板等设备。</view>
            <view class="usage-guide__paragraph">
              购买完成后，建议您使用谷歌浏览器访问
              <text class="usage-guide__link">{{ teacherUsageUrl }}</text>
              ，通过预留的手机号与默认密码（yyszkt+手机号）进行登录。祝您使用愉快，畅享全新授课体验！
            </view>
          </view>
          <button class="usage-guide__copy-btn" bind:tap="onCopyTeacherLink">
            <image src="./images/icon-copy-link.png" mode="aspectFit"></image>
            <text>复制链接</text>
          </button>
        </block>

        <block wx:else>
          <view class="usage-guide__student-text">
            扫描下方二维码或者在应用市场下载
            <text>【音乐数字课堂】</text>
            ，开启您全新的音乐之旅！
          </view>
          <view class="usage-guide__qrcode">
            <image class="usage-guide__qrcode__bg" src="./images/border.png" mode="aspectFit"></image>
            <image class="usage-guide__qrcode__img" src="./images/student-use-qrcode.png" mode="aspectFit"></image>
          </view>
        </block>
      </view>
    </view>
    <!-- <view class="order-content" wx:if="{{ (goodsInfo.wechatStatus == 'PAID' || goodsInfo.wechatStatus == 'WAIT_USE') && showCanvas }}">
      <view class="qrcode-text" wx:if="{{goodsInfo.wechatStatus == 'WAIT_USE'}}"><text>扫描二维码</text>或<text>点击激活按钮</text>使用<block wx:if="{{ goodsInfo.giftStatus === 'WAIT_GIFT' }}">
          ，<text class="free">当天激活</text><text class="free blod">赠{{ goodsInfo.giftLongTime }}</text>
        </block>
      </view>
      <view class="qrcode-text used" wx:else>
        <view>下载<text>「音乐数字课堂」</text>APP，畅享音乐之旅</view>
        <view class="downloadApp" bind:tap="onDownloadApp">下载APP</view>
      </view>
      <view class="qrcode-line"></view>
      <view class="qrcode-section">

        <view class="qrcode-block">
          <view class="left-text">{{goodsInfo.wechatStatus == 'WAIT_USE' ? '待使用' : '已使用'}}</view>
          <view class="qrCodeSection">
            <view class="qrcode-wrap {{goodsInfo.wechatStatus == 'WAIT_USE' ? '' : 'used'}}">
              <image src="{{canvasImg}}" mode="scaleToFill" class='my_draw_canvas' style="opacity: {{ goodsInfo.wechatStatus == 'PAID' ? 0.5 : 1 }};" show-menu-by-longpress="true"></image>
              <view class="loader" wx:if="{{!canvasImg}}"></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>
      </view>

      <view class="download-task" wx:if="{{ goodsInfo.wechatStatus == 'WAIT_USE' }}">
        <image mode="widthFix" src="https://oss.dayaedu.com/ktyq/1733725573779.png"></image>
      </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">￥{{ goodsInfo.refundAmount }}</view>
      </view>
      <view class="order-item" wx:if="{{goodsInfo.wechatStatus != 'REFUNDING'}}">
        <view class="title">退款路径</view>
        <view class="value">{{ goodsInfo.refundStyleStr }}</view>
      </view>
    </view> -->

    <view class="scroll-brank"></view>
  </scroll-view>

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

  <!-- <view class="order-btn" wx:if="{{ goodsInfo.wechatStatus != 'WAIT_PAY' }}">
    <block wx:if="{{ goodsInfo.wechatStatus == 'WAIT_USE' }}">
      <button type="primary" class="refoundWaiteUse" bind:tap="useRefound">申请退款</button>
      <button type="primary" bind:tap="onSubmit">再次购买</button>
    </block>
    <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>