123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 |
- <view class="page flex-column" style="background-color: #F5F5F5;">
- <view class="submitadress flex-column">
- <view>
- <view class="fotSize32" style="margin-left: 25rpx;margin-top: 23rpx;">{{store.storeName}}</view>
- <view>
- <image style="width: 18rpx;height: 23rpx;margin-left: 28rpx;margin-top: 17rpx;" src="/images/groupmeallist/distance.png"></image>
- <span style="margin-left: 10rpx;">距离您{{store.distance}}km</span>
- </view>
- <view class="fontSize24" style="margin-left: 25rpx;margin-top: 16rpx;">{{store.address}}({{store.storeName}})</view>
- </view>
- <!-- 自取 -->
- <view wx:if="{{storeWay ==1}}" class="flex-row" style="margin-top: 67rpx;margin-left: 22rpx;justify-content: space-between;">
- <view class="fontSize-28" style="font-weight: 700;color: #000000;">预留电话</view>
- <view class="flex-row">
- <span style="margin-right: 23rpx;color: #000000;" class="fontSize-28">
- <input bindinput="listenInput" value="{{phone}}" class="sosoinput" bindblur="soso" focus="{{!openFocus}}">
- </input>
- <!-- {18655520192} -->
- </span>
- <view class="autoFill" catchtap="getPhone">自动填写</view>
- </view>
- </view>
- <!-- 门店外送 -->
- <view wx:if="{{storeWay ==2}}" class="flex-row" style="margin-top: 67rpx;margin-left: 22rpx;justify-content: space-between;" catchtap="chooseAdress">
- <view class="fontSize-28" style="width: 600rpx; font-weight: 700;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">请选择收货地址
- <span style=" width: 200rpx; margin-left: 50rpx;color: #8B8B8B;">{{addressvaule}}</span>
- </view>
- <view class="flex-row">
- <span style="margin-right: 23rpx;color: #000000;" class="fontSize-28">
- </span>
- <image style="width: 10rpx;height: 19rpx;margin-right: 35rpx;" src="/images/groupmeallist/more_than_the.png"></image>
- </view>
- </view>
- <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin:0px auto;margin-top: 55rpx;"></view>
- <view class="flex-row" style="margin-top: 31rpx;margin-left: 22rpx;justify-content: space-between;">
- <view class="fontSize-28" style="font-weight: 700;color: #000000;">用餐方式</view>
- <view class="fontSize-28" style="font-weight: 700;color: #000000;margin-right: 24rpx;">
- <span wx:if="{{storeWay ==1}}">门店自取</span>
- <span wx:if="{{storeWay ==2}}">外送到家</span>
- </view>
- </view>
- </view>
- <view class="detail_center {{showAllSku ? '': 'fold'}}">
- <!-- 循环订单商品 -->
- <view class="for_detail_good ">
- <view wx:for="{{skuList}}" wx:key="index" wx:for-item="item" style="margin-bottom: 62rpx;">
- <view class="goods_detail flex-row">
- <view class="flex-row">
- <view class="for_detail_good_title">{{item.productName}}<span style="color:#AFD250;margin-left:10rpx;font-size:22rpx">x{{item.num}}</span> </view>
- <view style="font-size: 24rpx;font-weight: 400;text-align: center;color: #9b9b9b;margin-left: 14rpx;border-bottom: 1rpx #9B9B9B solid;" data-idx="{{index}}" catchtap="changeCollapseOrDetail"> {{skuList[index].show == true ? '收起' : '详情'}}</view>
- </view>
- <view class="for_detail_good_price">¥ {{item.totalOriPriceY}}</view>
- </view>
- <!-- 套餐详情 -->
- <view class="combo_detail {{skuList[index].show != true ?'hide':''}}">
- <!-- 杨枝甘露清爽版 -->
- <block wx:for="{{item.comboSkuList}}" wx:for-item="combo" wx:key="comboIdx">
- <!-- {{combo.setsName}}: -->
- <view style="display: inline;" wx:for="{{combo.skuList}}" wx:for-item="skuItem" wx:key="skuItemIdx">
- {{skuItem.productName}}
- <block wx:if="{{skuItem.specList.length>0}}" style="display: inline;" wx:for="{{skuItem.specList}}" wx:for-item="spec" wx:key="specIdx">
- <text>({{spec.specValue}})</text>
- </block>
- x{{skuItem.num}}
- </view>
- </block>
- <span style="color:#AFD250;margin-left:10rpx;font-size:22rpx">x1</span>
- </view>
- </view>
- </view>
- <view catchtap="handleFlodExtend" wx:if="{{skuList.length >= 2}}">
- <block wx:if="{{showAllSku}}">
- <view class="exten-flod"> 收起
- <image style="width:19rpx;height:10rpx;margin-left: 15rpx;" src="/images/groupmeallist/top_icon.png" />
- </view>
- </block>
- <block wx:else>
- <view class="exten-flod">查看全部({{skuList.length}})
- <image style="width:19rpx;height:10rpx;" src="/images/groupmeallist/bottom_icom.png" />
- </view>
- </block>
- </view>
- <view class="coupon flex-row-between" catchtap="gotoselectcoupon">
- <view class="flex-row" style="align-items: center;">
- <image style="width: 33rpx;height: 33rpx;margin-left: 31rpx;" src="/images/groupmeallist/coupon.png"></image>
- <view style="font-size: 28rpx;font-weight: 400;text-align: left;color: #000000;margin-left: 13rpx;">可用优惠券</view>
- </view>
- <view class="flex-row">
- <view class="coupon_sum" wx:if="{{coupon == ''}}">{{forSelectList.length}}个可用</view>
- <view class="coupon_have" wx:if="{{coupon !=null}}">{{coupon.coupon.title}}</view>
- <image style="width: 10rpx;height: 19rpx;margin-right: 35rpx;margin-top: 0rpx;" src="/images/groupmeallist/more_than_the.png"></image>
- </view>
- </view>
- <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin: auto;margin-top: 13rpx;"></view>
- <view class="all_price flex-row">
- <view class="flex-row">
- <span style="display: {{coupon =='' ? 'none' : 'block'}};">已优惠 <sapn style="font-size: 28rpx;font-weight: 400;text-align: left;color: #d65065;margin-right: 31rpx;">-¥{{discountPriceY}}</sapn>
- </span> 合计 ¥
- <sapn style="font-size: 38rpx;font-weight: 400;text-align: left;color: #000000;margin-right: 35rpx;">{{totalPriceY}}</sapn>
- </view>
- </view>
- </view>
- <view class="invoice flex-row" style="margin-top: 27rpx;" wx:if="{{hallFood.supportInvoice == 1}}" catchtap="gotoinvoice">
- <view style="margin-left: 22rpx;color: #000000;" class="fontSize-28">是否开发票</view>
- <view class="fontSize-28">
- <span style=" width: 300rpx; margin-right: 50rpx;color: #8B8B8B;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{invoiceValue}}</span>
- <span wx:if="{{invoiceId == ''}}" style="margin-right: 10rpx;">无</span>
- <image style="width: 10rpx;height: 19rpx;margin-right: 35rpx;margin-top: 2rpx;" src="/images/groupmeallist/more_than_the.png"></image>
- </view>
- </view>
- <view class="invoice flex-row" catchtap="remarkShow">
- <view style="margin-left: 22rpx;color: #000000;" class="fontSize-28">备注</view>
- <view class="fontSize-28 flex-row" >
- <span wx:if="{{inputValue == ''}}" style="margin-right: 10rpx;"> 无</span>
- <view style="margin-right: 10rpx; max-width: 400rpx;overflow:hidden; text-overflow:ellipsis;" wx:if="{{inputValue != ''}}" >{{inputValue}}</view>
- <image style="width: 10rpx;height: 19rpx;margin-right: 35rpx;margin-top: 2rpx;" src="/images/groupmeallist/more_than_the.png"></image>
- </view>
- </view>
- <view class="allSum flex-row">
- <view style="margin-left: 32rpx;color: #000000;" class="fontSize-28">合计:
- <span style="font-size: 24rpx;font-weight: 400;text-align: left;color: #afd250;">¥</span>
- <span style="font-size: 32rpx;font-weight: 700;text-align: left;color: #afd250;margin-left: 12rpx;">{{totalPriceY}}</span>
- </view>
- <view class="submit_pay" catchtap="submitOrder">提交支付</view>
- </view>
- <view class="bg-zindex" hidden="{{hidden}}">
- <view class="success_window flex-column">
- <view class="w_title">备注</view>
- <view class="w_text"><input style="height:40rpx;" bindinput="getReason" type="text" placeholder="请输入备注" value="{{inputValue}}" maxlength="300" /></view>
- <view class="w_border"></view>
- <view class="w_button flex-row">
- <view class="w_go_order" catchtap="cancel">取消</view>
- <view class="w_go_order" catchtap="confirm">确定</view>
- </view>
- </view>
- </view>
- </view>
|