123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372 |
- <wxs src="../../utils/formatFuc.wxs" module="formatFuc" />
- <view class="container">
- <view class="address-box">
- <view class="address-item" bindtap="selectAddress" wx:if="{{checkedAddress.id > 0}}">
- <!-- <view class="l">
- <text class="name">{{checkedAddress.name}}</text>
- <text class="default" wx:if="{{checkedAddress.isDefault}}">默认</text>
- </view> -->
- <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 class="name">{{item.goodsName}}</view> -->
- <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].unitPrice}}*{{checkedGoodsList[0].unitIncreaseNumber}}</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="order-total">
- <view class="l">实付:¥{{actualPrice}}</view>
- <view class="r" bindtap="submitOrder">去付款</view>
- </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 {{popupType==1?'popup-wrapper-special':''}}">
- <!-- 标题 -->
- <view class="popup-title {{popupType==1?'popup-title-special':''}} {{popupType==1?'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-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}}" data-isbook="{{item.isBook}}">
- <view class="date-line-wrapper">
- <view class="{{dateIndex==index?'current-date':''}}">{{item.bookdate+' '+item.weekOfDay}}</view>
- <view>
-
- <text wx:if="{{index<=1}}" class="date-tag">{{index==0?'今天':'明天'}}</text>
-
- </view>
- </view>
- <view class="date-msg {{item.dateMsg=='可约'?'avail-date':''}}">{{item.dateMsg}}</view>
-
- </view>
- </view>
- <view class="time-select-right">
- <view class="noon-select" wx:if="{{popupType==1}}">
- <view class="noon-item {{noonType=='1'?'active-noon':''}}" data-noon="1" bindtap="noonTab">上午</view>
- <view class="noon-item {{noonType=='2'?'active-noon':''}}" data-noon="2" bindtap="noonTab">下午</view>
- </view>
- <view class="time-item-wrapper">
- <view wx:for="{{timeList}}" wx:key="id" class="time-select-right-item {{item.timeMsg?'invalid-time':''}}" bindtap="timeCheck"
- data-stock="{{item.stock}}"
- data-index="{{index}}" data-msg="{{item.timeMsg}}">
- <!-- <view class="{{item.stock<=0?'zero-stock':''}}"> -->
- <view class="time-line">
- <text class="{{timeIndex===index?'current-date':''}} ">{{item.begin}} </text>
- <!-- <text class="stock-text">(库存:{{item.stock}})</text> -->
- <text wx:if="{{selectTimeValue>=17&&timeIndex==index&&(!item.timeMsg)}}" class="extra-tips">收夜间服务费</text>
- <view wx:if="{{item.timeMsg&&item.timeMsg!=null}}" class="time-msg">
- {{item.timeMsg}}
- </view>
- <view wx:if="{{timeIndex===index}}" class="date-tag">已选</view>
- </view>
-
- </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>
|