YouTuan_wxapp/pages/confirmorder/confirmorder.wxml

<!--pages/confirmorder/confirmorder.wxml-->
<!-- 导航栏 -->
<nav-bar navbar-data="{{navbarData}}"></nav-bar>
<view class="body">
  <!-- 配送与自取都有 -->
  <view class="tab-box" wx:if="{{logistics_mode == 2}}">
    <view class="tab-box-top">
      <view class="{{ tabType === 'wuliu' ? 'left-tab' : 'right-tab' }}" data-type="wuliu" catchtap="switchTab">
        物流配送
      </view>
      <view class="{{ tabType === 'ziqu' ? 'left-tab' : 'right-tab' }}" data-type="ziqu" catchtap="switchTab">
        自取
      </view>
    </view>
    <!-- 物流配送 -->
    <view class="distribution" catchtap="openReceiptPlace" wx:if="{{tabType === 'wuliu'}}">
      <view class="distribution-left">
        <view class="distribution-left-top">{{peisongAddress[peisongIndex].receiving_address || '请选择收货位置'}}</view>
        <view class="distribution-left-bottom">{{peisongAddress[peisongIndex].receiving_name}} {{peisongAddress[peisongIndex].receiving_phone}}</view>
      </view>
      <view class="distribution-right">
        <van-icon name="arrow" />
      </view>
    </view>
    <!-- 自提 -->
    <view class="selfmention" wx:if="{{tabType === 'ziqu'}}">
      <view class="selfmention-row" catchtap="openSelfMention">
        <view class="selfmention-row-left">自取点</view>
        <view class="selfmention-row-right">
          <text style="color: #464646;font-size: 28rpx;">{{ziquAddress[ziquIndex].address}}</text>
          <van-icon name="arrow" />
        </view>
      </view>
      <!-- <view class="selfmention-row">
        <view class="selfmention-row-left">预留电话</view>
        <view class="selfmention-row-right">
          <text style="color: #464646;font-size: 28rpx;">{{ziquAddress[ziquIndex].phone}}</text>
        </view>
      </view> -->
      <view class="selfmention-row">
        <view class="selfmention-row-left">团长名称</view>
        <view class="selfmention-row-right">
          <!-- <text style="color: #989898;font-size: 28rpx;">{{ziquAddress[ziquIndex].name}}</text> -->
          <text style="color: #989898;font-size: 28rpx;">{{user_name}}</text>
        </view>
      </view>
      <view class="selfmention-row">
        <view class="selfmention-row-left">团长联系方式</view>
        <view class="selfmention-row-right">
          <text style="color: #989898;font-size: 28rpx;">{{head_phone}}</text>
          <view class="button" catchtap="callHead">
            <text>联系团长</text>
          </view>
        </view>
      </view>
      <view class="selfmention-row">
        <view class="selfmention-row-left">预计到货时间</view>
        <view class="selfmention-row-right">
          <text wx:if="{{expected_arrival_time!=''}}" style="color: #989898;font-size: 28rpx;">{{expected_arrival_time}}</text>
          <text wx:if="{{expected_arrival_time==''}}" style="color: #FF874E;font-size: 28rpx;">具体时间等待团长发通知</text>
        </view>
      </view>
      <view class="selfmention-tips" wx:if="{{expected_arrival_time!=''}}">
        具体时间等待团长发通知
      </view>
    </view>
  </view>
  <!-- 只有自提 -->
  <view class="tab-box" wx:if="{{logistics_mode == 1}}">
    <view class="selfmention">
      <view class="selfmention-row" catchtap="openSelfMention">
        <view class="selfmention-row-left">自取点</view>
        <view class="selfmention-row-right">
          <text style="color: #464646;font-size: 28rpx;">{{ziquAddress[ziquIndex].address}}</text>
          <van-icon name="arrow" />
        </view>
      </view>
      <!-- <view class="selfmention-row">
        <view class="selfmention-row-left">预留电话</view>
        <view class="selfmention-row-right">
          <text style="color: #464646;font-size: 28rpx;">{{ziquAddress[ziquIndex].phone}}</text>
        </view>
      </view> -->
      <view class="selfmention-row">
        <view class="selfmention-row-left">团长名称</view>
        <view class="selfmention-row-right">
          <!-- <text style="color: #989898;font-size: 28rpx;">{{ziquAddress[ziquIndex].name}}</text> -->
          <text style="color: #989898;font-size: 28rpx;">{{user_name}}</text>
        </view>
      </view>
      <view class="selfmention-row">
        <view class="selfmention-row-left">团长联系方式</view>
        <view class="selfmention-row-right">
          <text style="color: #989898;font-size: 28rpx;">{{head_phone}}</text>
          <view class="button" catchtap="callHead">
            <text>联系团长</text>
          </view>
        </view>
      </view>
      <view class="selfmention-row">
        <view class="selfmention-row-left">预计到货时间</view>
        <view class="selfmention-row-right">
          <text wx:if="{{expected_arrival_time!=''}}" style="color: #989898;font-size: 28rpx;">{{expected_arrival_time}}</text>
          <text wx:if="{{expected_arrival_time==''}}" style="color: #FF874E;font-size: 28rpx;">具体时间等待团长发通知</text>
        </view>
      </view>
      <view class="selfmention-tips" wx:if="{{expected_arrival_time!=''}}">
        具体时间等待团长发通知
      </view>
    </view>
  </view>
  <!-- 商品列表 -->
  <view class="pintuan-card">
    <view class="pintuan-name">{{gang_name}}</view>
    <view class="good-card" wx:for="{{shopcart}}">
      <view class="good-card-left">
        <image src="{{item.commodity_img}}"></image>
      </view>
      <view class="good-card-right">
        <view class="right-top">
          <view class="good-name">{{item.commodity_name}}</view>
          <view class="original-price">C$ {{item.scribe_price}}</view>
          <view class="current-price"><text class="current-price-txt1">C$</text><text class="current-price-txt2">{{item.price}}</text></view>
        </view>
        <view class="right-bottom">x {{item.count}}</view>
      </view>
    </view>
    <view class="all-price">
      <view class="all-price-left">
        <text>原价：</text>
        <text style="text-decoration: line-through;">C${{all_scribe_price}}</text>
        <text style="margin-left: 38rpx;">优惠：C${{all_scribe_price - all_price}}</text>
      </view>
      <view class="all-price-right">
        <text style="color: #656565;font-size: 28rpx;">合计：</text>
        <text style="color: #FF874E;font-size: 42rpx;">C${{all_price}}</text>
      </view>
    </view>
  </view>
  <!-- 备注信息 -->
  <view class="remark-info">
    <view class="remarkText">预留电话</view>
    <input type="number" value="{{editFormPhone}}" bindinput="inputRemarks" placeholder="点此输入" placeholder-class="placeholder" />
    <!-- <input type="text" value="{{remarks}}" bindinput="inputRemarks" placeholder="请输入备注信息" placeholder-class="placeholder" /> -->
  </view>
</view>
<!-- 底部栏-下单 -->
<view class="foot" wx:if="{{showBottomBar}}">
  <view class="foot-row">
    <view class="foot-row-left">
      <text class="foot-row-left-text">共{{shopcart.length}}件商品</text>
      <text class="foot-row-left-text">C${{all_scribe_price}}</text>
      <text class="foot-row-left-text">合计：</text>
      <text class="foot-row-left-text">C$</text>
      <text class="foot-row-left-text">{{all_price}}</text>
    </view>
    <view class="foot-row-right">
      <view class="foot-row-right-btn" bindtap="submitEdit">下单</view>
    </view>
  </view>
</view>
<!-- 底部栏-确认订单 -->
<view class="foot" wx:if="{{showPayTypePicker}}">
  <button catchtap="confirmPay" disabled="{{btnDisabled}}">确认支付</button>
</view>
<!-- 底部栏-新增地址 -->
<view class="foot" wx:if="{{showReceiptPlace}}">
  <button catchtap="addAddress">新增地址</button>
</view>
<!-- 弹出层-支付方式 -->
<van-popup show="{{ showPayTypePicker }}" round closeable position="bottom" custom-style="height: 50%;" custom bind:close="closePayTypePicker" bind:click-overlay="closePayTypePicker">
  <view class="popup">
    <view class="popup-price">
      <text style="font-size: 32rpx;">C$</text>
      <text style="font-size: 72rpx;">{{all_price}}</text>
    </view>
    <picker-view immediate-change indicator-style="height: 58px;" style="width: 100%; height: 300px;" value="{{payType}}" bindchange="payTypeChanged">
      <picker-view-column>
        <view wx:for="{{payTypes}}" style="line-height: 58px; text-align: center;background-color: #F7F7F7;">{{item.payment_name}}</view>
      </picker-view-column>
    </picker-view>
  </view>
</van-popup>
<!-- 弹出层-EMT支付 -->
<van-popup show="{{ showEMTPopup }}" round closeable position="bottom" custom-style="height: 40%;" custom bind:close="closeEMTPopup" bind:click-overlay="closeEMTPopup">
  <view class="popup">
    <view class="popup-title">
      <text>EMT支付</text>
    </view>
    <view class="popup-body">
      <view class="popup-row" style="margin-top: 42rpx;">
        <text style="color: #464646;font-size: 32rpx;font-weight: bold;">团长邮箱</text>
        <view style="width: 2rpx;height: 32rpx;background-color: #E6E6E6;"></view>
        <text style="color: #656565;font-size: 28rpx;">{{head_email}}</text>
        <view catchtap="copyHeadEmail" style="width: 86rpx;height: 44rpx;background-color: #FF874E;border-radius: 12rpx;color: #FFFFFF;font-size: 24rpx;display: flex;justify-content: center;align-items: center;">复制</view>
      </view>
      <view class="popup-row" style="margin-top: 50rpx;">
        <text style="color: #464646;font-size: 32rpx;font-weight: bold;">订单号</text>
        <view style="width: 2rpx;height: 32rpx;background-color: #E6E6E6;"></view>
        <text style="color: #656565;font-size: 28rpx;">{{order_number}}</text>
        <view catchtap="copyOrderNumber" style="width: 86rpx;height: 44rpx;background-color: #FF874E;border-radius: 12rpx;color: #FFFFFF;font-size: 24rpx;display: flex;justify-content: center;align-items: center;">复制</view>
      </view>
      <view class="popup-hint">
        转账汇款时请备注订单号
      </view>
      <button catchtap="EMTpaid">已支付</button>
    </view>
  </view>
</van-popup>
<!-- 弹出层-下单成功 -->
<van-popup show="{{ showOrderSuccessful }}" z-index="999999" overlay-style="background-color:#00000080;" round bind:close="closeOrderSuccessfulPopup">
  <view class="popup-center">
    <image src="/images/success.png"></image>
    <text>恭喜您下单成功</text>
  </view>
</van-popup>
<!-- 弹出层-选择收货地址 -->
<van-popup show="{{ showReceiptPlace }}" round closeable position="bottom" custom-style="height: 60%;" custom bind:close="closeReceiptPlace" bind:click-overlay="closeReceiptPlace">
  <view class="popup">
    <view class="popup-title">
      <text>选择收货地址</text>
    </view>
    <view class="popup-body">
      <view class="card" wx:for="{{peisongAddress}}" data-index="{{index}}" catchtap="choosePeisongAddress">
        <view>
          <image src="/images/address.png"></image>
        </view>
        <view class="content">
          <p>{{item.receiving_address}}</p>
          <view>
            <p>{{item.receiving_name}}</p>
            <p>{{item.receiving_phone}}</p>
          </view>
        </view>
        <view>
          <image src="../../images/edit.png" style="width: 32rpx;height: 32rpx;" data-index="{{index}}" catchtap="editAddress"></image>
        </view>
      </view>
    </view>
  </view>
</van-popup>
<!-- 弹出层-自取点位置 -->
<van-popup show="{{ showSelfMention }}" round closeable position="bottom" custom-style="height: 50%;" custom bind:close="closeSelfMention" bind:click-overlay="closeSelfMention">
  <view class="popup">
    <view class="popup-title" style="padding-bottom: 0;">
      <text>自取点位置</text>
    </view>
    <view class="popup-body">
      <view class="place-card" wx:for="{{ziquAddress}}" data-index="{{index}}" catchtap="chooseZiquAddress">
        <view class="place-card-image">
          <image src="/images/address.png"></image>
        </view>
        <view class="place-card-content">
          <text>{{item.address}}</text>
        </view>
        <view class="place-card-remark">
          <text>{{item.remarks}}</text>
        </view>
      </view>
    </view>
  </view>
</van-popup>