jzmall_wx/pages/checkout/checkout.wxml

<wxs src="../../utils/formatFuc.wxs" module="formatFuc" />
<wxs module="filter" src="../../utils/filter.wxs" />
<view class="container">
  <view class="address-box">
    <view class="address-item" bindtap="selectAddress" wx:if="{{checkedAddress.id > 0}}">
      <image class="map-icon" mode="aspectFit" src='/static/images/address/dingwei.png'></image>
      <view class="m">

        <text class="address">{{checkedAddress.addressDetail}}</text>
        <view class="address-bottom">
          <text class="user-name">{{checkedAddress.name}}</text>
          <text>{{checkedAddress.tel}}</text>
        </view>

      </view>
      <view class="r">
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="address-item address-empty" bindtap="selectAddress" wx:else>
      <view class="m">
        还没有收货地址，去添加
      </view>
      <view class="r">
        <van-icon name="arrow" />
      </view>
    </view>
  </view>
  <view style="text-align: right;height: 48rpx;line-height:48rpx;font-size:22rpx;" class="jz-color">
    *请确保服务地址正确，确保服务者顺利上门！</view>



		 <!-- 商品详情 -->
		 <view class="goods-items">
    <view class="item" wx:for="{{checkedGoodsList}}" wx:key="id">
      <view style="display: flex;">
        <view class="img">
          <image src="{{item.picUrl}}" mode="aspectFill"></image>
        </view>
        <view class="info">
          <view class="name">{{item.goodsName}}</view>
          <view class="m" style="margin-top:10rpx">规格:{{item.specifications[0]}}</view>
          <view class="m" wx:if="{{item.goodsType==4}}">服务次数:{{item.product.serviceTimes}}</view>
          <view  class="m" wx:else="">购买份数:{{item.number}}</view>
          <view class="b">单价:￥{{item.price}}</view>
        </view>
      </view>
    </view>
  </view>
	<!-- 加购 -->
	<view class="plus-order" wx:if="{{increaseSumPrice>0}}">
	  <view class="plus-title">
		加购
		</view>
		<view class="plus-name">
		{{checkedGoodsList[0].product.specifications}}
    <text>x</text>
		<text class="plus-num"> {{checkedGoodsList[0].unitIncreaseNumber}}</text>
		</view>
		<view class="plus-amount">{{increaseSumPrice}}</view>
	</view>

  <view class="coupon-box">
    <!-- 优惠 -->
    <view class="discount-title">
      <image mode="aspectFit" src="/static/images/new/icon-minus.png"></image>
      <text>优惠</text>
    </view>
    <view class="coupon-item" bindtap="selectCoupon">
      <view class="l" wx:if="{{couponId == 0}}">
        <text class="name">没有可用的优惠券</text>
        <text class="txt">0张</text>
      </view>
      <view class="l" wx:elif="{{couponId == -1}}">
        <text class="name">优惠券</text>
        <text class="txt">{{availableCouponLength}}张</text>
      </view>
      <view class="l" wx:else>
        <text class="name">优惠券</text>
        <text class="txt">-￥{{couponPrice}}元</text>
      </view>
      <view class="r">
        <van-icon name="arrow" color="#85868A" />
      </view>
    </view>

    <view class="discount-line">
      <view class="l">
        <text class="name">已选择</text>
        <text class="txt">-￥{{couponPrice}}</text>
      </view>
    </view>
  </view>
 

  <!-- 预约时间 -->
  <view class="appoint-time-block" wx:if="{{goodsType!=6&&goodsType!=4&&(isNeedAppoint||couponId==24)}}">
    <view class="appoint-time-operate">
      <view class="operate-left">
        预约上门时段
      </view>
      <view class="operate-right" bindtap="showAppoint">
        <text class="not-select" wx:if="{{!isFinishAppoint}}">请选择</text>
        <text wx:if="{{isFinishAppoint}}">更改</text>
        <van-icon name="arrow" color="#2a2a2a" />
      </view>
    </view>
    <view class="appoint-time-show" wx:if="{{isFinishAppoint}}">
      <!-- 服务时间 -->
      <view class="one-time" wx:if="{{isOneAppoint}}">
        <text>服务时间</text>
        <text>{{oneTimeAppoint}}</text>
      </view>
      <view class="multi-times" wx:if="{{!isOneAppoint}}">
        <view class="multi-times-item">
          <text>服务频率</text>
          <text>{{activeTab==1?'一周1次':(activeTab==2?'一周2次':'二周1次')}}</text>
        </view>
        <view class="multi-times-item">
          <text>服务时间</text>
          <text>{{selectedDateList[0].weekStr+' '+selectedDateList[0].time}}</text>
        </view>
        <view class="multi-times-item" wx:if="{{activeTab==2}}">
          <text></text>
          <text>{{selectedDateList[1].weekStr+' '+selectedDateList[1].time}}</text>
        </view>
        <view class="multi-times-item">
          <text>首次服务时间</text>
          <text>{{firstAppointList[firstDateIndex].date}}</text>
        </view>
      </view>
    </view>
  </view>

  <!-- 多次预约结果 -->
  <view class="appoint-result" wx:if="{{appointFailTip}}">
    根据您的预约需求,有<text class="orange-font">{{noSerTimes}}</text>个日期暂时无法提供预约服务,为您保留<text
      class="orange-font">{{noSerTimes}}</text>个保洁次卡,下单成功后在"<text class="orange-font">我的订单-查看服务</text>"里预约服务
  </view>
	<!-- <view style="color:red;font-size:24rpx;margin-top:20rpx;">临近春节，服务力紧张，我们会尽量为您安排。如果不能准时服务，支持全额退款</view> -->

  <view class="order-box">

    <view class="order-item  no-border">
      <view class="l">
        <text class="name">备注</text>
      </view>
      <view class="r">
        <input class="txt" disabled="{{remarkDisable}}" class="message-item" bindinput="bindMessageInput"
          placeholder="如需要，请输入备注信息" value="{{message}}" />
      </view>
    </view>
  </view>

<!-- 推荐码 周期卡才展示-->

<view class="order-box code-module" wx:if="{{isRecommend}}">

<view class="order-item  no-border">
  <view class="l">
    <text class="name">推荐码</text>
  </view>
  <view class="r">
    <input class="txt" disabled="{{remarkDisable}}" class="message-item" bindinput="bindCodeInput" type="number" maxlength="9"
      placeholder="请输入" value="{{recCode}}" />
  </view>
</view>
<view class="codeTips {{isNoMatch?'no-match':''}}" wx:if="{{codeShow}}"  disabled="{{remarkDisable}}">
{{recommendTips}}
</view>
</view>



  <!-- <view class="order-box">
    <view class="order-item">
      <view class="l">
        <text class="name">商品合计</text>
      </view>
      <view class="r">
        <text class="txt">￥{{goodsTotalPrice}}元</text>
      </view>
    </view> 
      <view class="order-item no-border">
      <view class="l">
        <text class="name">优惠券</text>
      </view>
      <view class="r">
        <text class="txt">-￥{{couponPrice}}元</text>
      </view>
    </view>   
  </view> -->


 
  <!-- 分享进来并且是客户的，不展示会员信息 
  <block hidden="{{shareId!=0&&!userInfo.isDis}}">
     //超级鲸会员 
    <view class="member-benefit" wx:if="{{isMember}}">
      <view class="member-tag">
        <text>超级鲸会员</text>
      </view>
      <view class="member-tip">会员专享已省{{memberDiscount}}元</view>
    </view>
    //  开通会员  
    <view class="buy-member" wx:else bindtap="goBuyMember">
      <view class="member-tag">
        <text>超级鲸会员</text>
      </view>
      <view class="member-tip">开通会员，本单立省{{memberDiscount}}元</view>
      <van-icon name="arrow" color="#85868A" />
    </view>
  </block>-->


  <view class="actual-price">
    需支付：<text>￥{{actualPrice}}</text>
  </view>

  <view class="go-pay-wrapper">

    <van-button type="info" block round bindtap="submitOrder">去付款</van-button>
  </view>

  <!-- custom-style="height: 80%" -->
  <van-popup show="{{ choosePopup }}" round position="bottom" bind:click-overlay="onClose">
    <view class="popup-wrapper popup-wrapper-special">
      <!-- 标题 -->
      <view class="popup-title popup-title-special popup-title-new">
       <view> {{popupType==1?"请选择服务开始时间":(popupType==2?'请选择服务频次':'请选择首次服务日期')}}
			 </view>
			 <view wx:if="{{selectTimeValue>=17}}" class="fee-tips">您选的时间段可能会加收夜间服务费，具体以与商家的沟通为准</view>
      </view>

      <block wx:if="{{popupType==1}}">
        <view class="popup-content {{popupType==1?'popup-content-special':''}}">
          <view class="time-select-top" style="display: flex;">
          <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="0">
            <view class="time-select-left-item" bindtap="dateCheck" data-index="{{index}}" data-week="{{item.week}}" data-date="{{item.date}}" data-isbook="{{item.isBook}}" wx:for="{{dateList}}" wx:key="index" style="display: inline-block;">
              <view class="date-line-wrapper">
                <view class="date-msg {{dateIndex == index ? 'current-date' : ''}} {{item.dateMsg == '不可约' ? 'avail-date' : ''}}">
                  {{item.weekOfDay}}
                </view>
                <view class="date-msg1 {{dateIndex == index ? 'current-date' : ''}} {{item.dateMsg == '不可约' ? 'avail-date' : ''}}">{{ filter.formatTime(item.bookdate)}}</view>
                <view class="{{dateIndex == index ? 'current-line' : ''}} {{item.dateMsg == '不可约' ? 'current-line0' : ''}}"></view>
              </view>
            </view>
          </scroll-view>
        </view>
        <view class="time-select-middle">
          <view class="noon-select">
            <view class="noon-item {{noonType=='1'?'active-noon':''}}" data-noon="1" bindtap="noonTab">上午</view>
            <view class="divider"></view>
            <view class="noon-item {{noonType=='2'?'active-noon':''}}" data-noon="2" bindtap="noonTab">下午</view>
          </view>

          <view class="time-item-wrapper">
            <view bindtap="timeCheck" data-stock="{{item.stock}}" data-index="{{index}}" data-msg="{{item.timeMsg}}" data-toastmsg="{{item.toastMsg}}" class="time-msg {{timeIndex == index ? 'current-time' : ''}} {{item.timeMsg == '不可约' ? 'avail-time' : ''}}" wx:for="{{timeList}}" wx:key="index">
              <view class="{{timeIndex === index ? 'current-time' : ''}}">{{ item.begin }}</view>
            </view>
          </view>
          <view class="appointment-tips">
            <view> <span></span>
              <text>可预约</text>
            </view>
            <view> <span class="selected"></span>
              <text>已选择</text>
            </view>
            <view> <span class="no-appointment"></span>
              <text>不可约</text>
            </view>
          </view>

          <view class="time-select-bottom" wx:if="{{date!=''&&time!=''&&week!=''}}">
            <span>当前选择：</span>{{date}}（{{week}}）{{time}}
          </view>
        </view>
        </view>
      </block>
      <!-- 选择频次 -->
      <block wx:if="{{popupType==2}}">
        <van-tabs wx:if="{{ choosePopup }}" active="{{ activeTab }}" color="#09afff" bind:change="onTabChange" >
          <van-tab title="一周1次" name="1"></van-tab>
          <van-tab title="一周2次" name="2"></van-tab>
          <van-tab title="两周1次" name="3"></van-tab>
        </van-tabs>
        <view class="popup-content select-week-times">
          <view class="time-select-left week-select-left">
            <view wx:for="{{weekArrList}}" wx:key="index" class="time-select-left-item " bindtap="weekCheck"
              data-index="{{index}}" 	data-weekday="{{item.week}}" >

              <view class="week-str {{weekIndex==index?'current-date2':''}}">{{item.week}}</view>
              <view class="select-num-tag" wx:if="{{item.num>0}}">{{item.num}}</view>
            </view>
          </view>
          <view class="time-select-right  time-select-middle">
          <view class="time-select-right-a">
             <view wx:for="{{timeList}}" wx:key="id" class="time-select-right-item" bindtap="timeSelect"
              data-index="{{index}}" data-time="{{item.time}}">
              <view
                class="{{formatFuc.includeItem(selectedDateList,weekIndex,item.time)&&formatFuc.defineIndexOf(selectedWeekList,weekIndex)>-1?'current-time':''}}">
                {{item.time}}</view>
            
            </view> 
          </view>
          <view class="appointment-tips appointment-tips1">
								<view> <span></span>
									<text>可预约</text>
								</view>
								<view> <span class="selected"></span>
									<text>已选择</text>
								</view>
								<view> <span class="no-appointment"></span>
									<text>不可约</text>
								</view>
							</view>

              <view class="time-select-bottom1" wx:if="{{selectweek!=''&selectedDateList.length>0}}">
								周期卡服务频次，可按照您的习惯选择特定频率上门，后续可修改。
							</view>
							<view class="time-select-bottom" wx:if="{{selectweek!=''&selectedDateList.length>0}}">
								<span>当前选择：</span>
								{{selectweek}}
								<span class="selected-time"></span>
                <text wx:for="{{selectedDateList}}">{{item.weekStr}}（{{item.time}}）</text>
							</view>
          </view>

        </view>

      </block>



      <!-- 选择首次预约时间 -->
      <block wx:if="{{popupType==3}}">
        <view class="popup-content">
          <view class="first-appoint-date-list">
            <view class="first-appoint-date-item" wx:for="{{firstAppointList}}" wx:key="index" bindtap="firstDateCheck"
              data-index="{{index}}">
              <view class="{{firstDateIndex==index?'current-date':''}}">{{item.date+' '+item.week}}</view>
            
            </view>
          </view>
        </view>
      </block>

    </view>


    <!-- 确认按钮 -->
    <view class="popup-btn-wrapper {{popupType==1?'popup-btn-special':''}}">
      <van-button type="info" block round bindtap="confirmTime">确定</van-button>
    </view>



  </van-popup>



  <!-- 支付失败弹框 -->

  <van-overlay show="{{ payFailShow }}">
    <view class="overlay-wrapper">
      <view class="fail-wrapper">
        <view class="fail-top">
          <image src="/static/images/new/icon-fail.png"></image>
          <view class="fail-text">支付失败</view>
          <view class="sub-color">支付遇到问题，请尝试重新支付</view>
        </view>
        <view class="fail-bottom">
          <view class="cancel-btn" bindtap="cancelPay">取消</view>
          <view class="btn-devide"></view>
          <view class="repay-btn" bindtap="rePay">重新支付</view>
        </view>
      </view>
    </view>
  </van-overlay>


</view>