jzlife_wx_affiliate/pages/mall/checkout/checkout.wxml

<wxs src="../../../utils/formatFuc.wxs" module="formatFuc" />
<view class="container">
  <view class="address-box">

    <!-- <view class="address-item address-empty" >
      <image class="map-icon" mode="aspectFit" src='/static/images/new/dingwei.png'></image>
      <view class="m">
        {{shopAddress}}
      </view>
      <view class="r">

      </view>
    </view> -->

      <!-- 有地址，选择 -->
    <view wx:if="{{addressId>0}}" class="address-select" bindtap="addressSelect">
      <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-order-map.png" class="map-img">
      </image>

      <view class="address-main">
        <view class="main-line">
          <view>{{checkedAddress.receiverName}}</view>
          <view class="phone">{{checkedAddress.receiverPhone}}</view>
        </view>
        <view class="customer-address">{{checkedAddress.receiverAddress}}</view>

      </view>
      <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/wx-dy/arrow-grey.png" class="arrow-img"></image>

    </view>
    <!-- 没地址，输入 -->
    <view wx:else class="address-input-module add-address">
      <view class="add-form">
        <!-- <view class="form-item" bindtap="goMap" style="height:auto;min-height:78rpx; ">
          <view class="label"><text>*</text>服务地址</view>
          <view class="content" style="height:auto;min-height:78rpx; ">
            <view wx:if="{{address.addressname==''}}" style="color: #ACADB1;;font-size:24rpx;" class="input">
              选择省、市、县（区）、乡（镇）
            </view>
            <view wx:else class="input"> {{address.addressname}}</view>


            <image src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-address-map.png"
              style="width: 28rpx;height: 28rpx;margin:28rpx 0 0 10rpx;"></image>
          </view>
        </view> -->
        <view class="form-item">
          <view class="label"><text>*</text>收货地址</view>
          <view class="content">
            <input class="input" bindinput="bindinputAddress" value="{{address.detail}}"
              placeholder="请输入收货地址" placeholder-style="color: #ACADB1;;font-size:24rpx;" />
          </view>
        </view>
        <view class="form-item">
          <view class="label"><text>*</text>联系人</view>
          <view class="content special-content">
            <input class="input" bindinput="bindinputName" placeholder="姓名" value="{{address.name}}" auto-focus
              placeholder-style="color: #ACADB1;;font-size:24rpx;" />
            <!-- <view class="gender-wrapper">
              <view class="female" bindtap="femaleSelect">
                <image src="https://mall.zhaijieshi.cc/file/jzmall-dy/icon-select-popup.png" mode="asceptFit"
                  wx:if="{{gender==2}}"></image>
                <image src="https://mall.zhaijieshi.cc/file/jzmall-dy/icon-unselect-popup.png" mode="asceptFit" wx:else>
                </image>
                <text>女士</text>
              </view>
              <view class="male" bindtap="maleSelect">
                <image src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-select-popup.png" mode="asceptFit"
                  wx:if="{{gender==1}}"></image>
                <image src="https://mall.zhaijieshi.cc/file/jzmall-dy/icon-unselect-popup.png" mode="asceptFit" wx:else>
                </image>
                <text>先生</text>
              </view>


            </view> -->

          </view>
        </view>
        <view class="form-item">
          <view class="label"><text>*</text>联系电话</view>
          <view class="content">
            <input class="input" bindinput="bindinputMobile" value="{{address.tel}}" type="number" placeholder="手机号码"
              maxlength="11" placeholder-style="color: #ACADB1;;font-size:24rpx;" />
          </view>
        </view>






      </view>
    </view>


  </view>


    <view class="order-box" wx:if="{{couponId==24}}">
    <view class="order-item no-border">
      <view class="l">
        <text class="name">预约时间</text>
      </view>
      <view class="r">
        <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange"
          value="{{multiIndex}}" range="{{multiArray}}">
          <text class="message-app txt">{{orderData}}</text>
        </picker>
      </view>
    </view>
  </view>

<!-- 预约时间 -->
<view class="appoint-time-block" wx:if="{{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 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="goods-items">
    <view class="item" wx:for="{{checkedGoodsList}}" wx:key="id">
      <!-- <view class="name">{{item.goodsName}}</view> -->
      <view style="display: flex;">
      <view class="img">
        <image src="{{item.picAddress}}" mode="aspectFill"></image>
      </view>
      <view class="info">
        <view class="name">{{item.skuName}}</view>
        <view class="m" style="margin-top:20rpx">规格:{{item.propertyValue}}</view>
        <view class="m">商品编码:{{item.skuCode}}</view>
        <view class="b">单价:￥{{item.salePrice}}</view>
      </view>
    </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>{{buyNumber}}</text>
</view>
<view class="actual-price"> 
优惠金额：<text>￥{{couponAmount}}</text>
</view>
<view class="actual-price">

  需支付：<text>￥{{actualPrice}}</text>
</view>

  <view class="go-pay-wrapper">
    <!-- submitOrder -->
    <van-button type="info" block round bindtap="orderPay">去付款</van-button>
  </view>

  <!-- custom-style="height: 80%" -->
<van-popup
  show="{{ choosePopup }}"
  round
  position="bottom"

  bind:click-overlay="onClose"
>
<view class="popup-wrapper  {{popupType==1?'popup-wrapper-special':''}}">
<!-- 标题 -->
<view class="popup-title {{popupType==1?'popup-title-special':''}}">
  {{popupType==1?'选择预约时间':(popupType==2?'选择服务频次':'选择首次预约时间')}}
</view>

    <block wx:if="{{popupType==1}}">
      <view class="popup-content {{popupType==1?'popup-content-special':''}}">
      <view class="time-select-left">
          <view wx:for="{{dateList}}" wx:key="index" class="time-select-left-item" bindtap="dateCheck" data-week="{{item.week}}" data-index="{{index}}" data-date="{{item.date}}">
            <!-- <view hidden="{{index>1}}" class="date-tag">{{index==0?'明天':'后天'}}</view> -->
            <view>
            <text  wx:if="{{index<=1}}" class="date-tag">{{index==0?'明天':'后天'}}</text>
            <!-- <text  hidden="{{index>=2}}" class="full-time">约满</text> -->
            <text  wx:if="{{checkedGoodsList[0].goodsId != 1190332&&(index<=1||(index<=7&&(item.week=='周六'||item.week=='周日')))}}" class="full-time">约满</text>
            </view>

            <view class="{{dateIndex==index?'current-date':''}}">{{item.date+' '+item.week}}</view>
          </view>
      </view>
      <view class="time-select-right">
       <view wx:for="{{timeList}}" wx:key="id" class="time-select-right-item" bindtap="timeCheck" data-index="{{index}}">
         <view class="{{timeIndex==index?'current-date':''}}">{{item.time}}</view>
         <view  wx:if="{{timeIndex==index}}" class="date-tag">已选</view>
       </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}}">

            <view class="week-str {{weekIndex==index?'current-date':''}}">{{item.week}}</view>
            <view class="select-num-tag" wx:if="{{item.num>0}}">{{item.num}}</view>
          </view>
      </view>
      <view class="time-select-right">
       <view wx:for="{{timeList}}" wx:key="id" class="time-select-right-item" bindtap="timeSelect" data-index="{{index}}" data-time="{{item.time}}">
        <!-- <view class="{{formatFuc.defineIndexOf(selectedWeekList,weekIndex)>-1?'current-date':''}}">{{item.time}}</view>
         <view  wx:if="{{formatFuc.defineIndexOf(selectedWeekList,weekIndex)>-1}}" class="date-tag">已选</view> -->
         <view class="{{formatFuc.includeItem(selectedDateList,weekIndex,item.time)&&formatFuc.defineIndexOf(selectedWeekList,weekIndex)>-1?'current-date':''}}">{{item.time}}</view>
         <view  wx:if="{{formatFuc.includeItem(selectedDateList,weekIndex,item.time)&&formatFuc.defineIndexOf(selectedWeekList,weekIndex)>-1}}" class="date-tag">已选</view>
       </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  wx:if="{{firstDateIndex==index}}" class="first-time-selected date-tag">已选</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 class="appoint-overlay-wrapper address-overlay" wx:if="{{ addressShow }}" bindtap="onAddressClose">

<view class="address-popup" cantap="onAddressClick">
	<view class="title">
		选择地址
	</view>
	<view class="address-list">
		<view class="address-item" wx:for="{{addressList}}" wx:key="index" data-address="{{item}}"
			bindtap="addressConfirm">
			<image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-order-map.png"
				class="map-img"></image>

			<view class="address-main">
				<view class="main-line">
					<view>{{item.receiverName}}</view>
					<view class="phone">{{item.receiverPhone}}</view>
				</view>

				<view class="customer-address" >{{item.receiverAddress}}</view>
			</view>
			<image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/wx-dy/arrow-grey.png" class="arrow-img">
			</image>
		</view>
	</view>
	<view class="add-address-btn" bindtap="goAddAddress">新增地址</view>
</view>
</view>



</view>