seckill-order-comp.wxml 3.2 KB
<wxs module="filter" src="../../utils/utilswxs.wxs"></wxs>
<view class="comp-item">
  <span class="iconfont iconbaseline-close-px remove" bindtap="hideMask"></span>
  <view class="cspace"></view>
  <view class="cont">
    <view wx:if="{{orderStatus == 1}}" class="succ">下单成功</view>
    <!-- 产品 -->
    <view class="product">
      <view class="prize">
        <image class="image" mode="aspectFill" src="{{productInfo.seckillImages && productInfo.seckillImages[0] || ''}}" />
      </view>
      <view class="con">
        <view class="tt t1">{{productInfo.seckillName}}</view>
        <block wx:if="{{productInfo.minNum == productInfo.maxNum}}">
          <!-- 固定个数 -->
          <view class="tt t2" wx:if="{{orderStatus != 1}}">
            <view class="t2-1">{{productInfo.minNum}}个</view>
            <view class="t2-2">数量不可修改</view>
          </view>
          <view class="num" wx:else>{{num}}个</view>
        </block>
        <block wx:else>
          <!-- 不定个数 -->
          <view class="tt t2" wx:if="{{orderStatus != 1}}">
            <view class="t2-1">
              <van-stepper bind:change="onStepperChange" value="{{ num }}" min="{{productInfo.minNum}}" max="{{productInfo.maxNum}}" integer />
            </view>
            <view class="t2-2">可选填{{productInfo.minNum}}-{{productInfo.maxNum}}个</view>
          </view>
          <view class="num" wx:else>{{num}}个</view>
        </block>
        <view class="tt t3 price">¥{{filter.Fen2Yuan(productInfo.specialPrice*num)}}</view>
      </view>
    </view>
    <!-- 无存库 -->
    <view class="table" wx:if="{{isSellOut}}">
      <view class="empty-tips">
        <text class="txt">抱歉来晚一步,库存已告罄\n下次再来吧!</text>
      </view>
    </view>
    <!-- 表单 -->
    <view class="table" wx:else>
      <view class="tips">*本活动仅记录订单,无需付款,后期由线下工作人员另行安排支付与配送,请确保收货信息准确。</view>
      <view class="form">
        <view class="form-item">
          <view class="label">收件人:</view>
          <view class="val">{{userInfo.realName}}</view>
        </view>
        <view class="form-item">
          <view class="label">联系方式:</view>
          <view class="val">{{userInfo.memberPhone}}</view>
        </view>
        <view class="form-item">
          <view class="label">店名:</view>
          <view class="val">{{userInfo.storeName}}</view>
        </view>
        <view class="form-item">
          <view class="label">备注:</view>
          <input wx:if="{{orderStatus==0}}" value="{{remark}}" bindinput="bindRemarkInput" class="val ipt" placeholder="请填写备注" />
          <view wx:if="{{orderStatus==1}}" class="val">{{remark || '无'}}</view>
        </view>
      </view>
    </view>
  </view>
  <view class="btn-wrap">
    <block wx:if="{{isSellOut}}">
      <view bindtap="hideMask" class="btn">返回个人中心</view>
    </block>
    <block wx:else>
      <view wx:if="{{orderStatus==0}}" bindtap="onSubmitOrderHandler" class="btn">确认下单</view>
      <view wx:if="{{orderStatus==1}}" bindtap="onReturnUserCenterHandler" class="btn">返回个人中心</view>
    </block>
  </view>
</view>