2850 lines
88 KiB
Vue
2850 lines
88 KiB
Vue
<template>
|
||
<view style="overflow-x: hidden;" class="page-container">
|
||
<view v-if="!selfpickFlag">
|
||
<view v-if="(ud_id>0)" @click="selectAddress" class="m-addres-info m-cell-access">
|
||
<view class="m-ad-name">
|
||
<text>{{submitinfo.delivery_address_row.ud_name}}</text>
|
||
<text>{{submitinfo.delivery_address_row.ud_mobile}}</text>
|
||
</view>
|
||
<view class="m-ad-address" v-if="addressFlag || intraCityService">
|
||
<text>
|
||
{{submitinfo.delivery_address_row.ud_province}}/{{submitinfo.delivery_address_row.ud_city}}/{{submitinfo.delivery_address_row.ud_county}}
|
||
{{submitinfo.delivery_address_row.ud_address}}
|
||
</text>
|
||
</view>
|
||
<view class="m-cell-ft"></view>
|
||
</view>
|
||
<view v-else class="m-addres-info m-cell-access" @click="selectAddress">
|
||
<view class="m-ad-address u-null-ad" v-if="isVirtual">
|
||
<label class="iconfont icon-shouhuodizhi"></label>{{__('你还没有收货地址,马上')}}
|
||
<text>{{__('添加')}}</text>
|
||
</view>
|
||
<view class="m-ad-address u-null-ad" v-else>
|
||
<label class="iconfont icon-shouhuodizhi"></label>{{__('你还没有个人联系信息,马上')}}
|
||
<text>{{__('添加')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft "></view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<block v-if=" !isVirtual" >
|
||
<view class="distribution" v-if="(true)">
|
||
<view style="width:30%">{{__('配送方式')}}</view>
|
||
<view class="check" style="display:flex;align-items: center;width:70%;justify-content: space-around">
|
||
<view style="display:flex;align-items: center" @click="handerIntraCityService" :data-store_id="store_id">
|
||
<image v-if="(intraCityService)" style="width:32rpx;height:32rpx;border-radius:50%"
|
||
src="/static/images/ziti.png" />
|
||
<view v-else class="border"
|
||
style="border-radius:50%;width:26rpx;height:26rpx;border:1px solid #db384c" />
|
||
<view style="margin-left:10rpx">同城配送</view>
|
||
</view>
|
||
<!-- <view style="display:flex;align-items: center" v-if="(deliverys)" @click="draw" :data-store_id="store_id">
|
||
<image v-if="selfpickFlag && canSelfpick" style="width:32rpx;height:32rpx;border-radius:50%"
|
||
src="/static/images/ziti.png" />
|
||
<view v-else class="border"
|
||
style="border-radius:50%;width:26rpx;height:26rpx;border:1px solid #db384c" />
|
||
<view style="margin-left:10rpx">{{__('门店自提')}}</view>
|
||
</view> -->
|
||
<view style="display:flex;align-items: center;" v-if="(delivery)" @click="express">
|
||
<image v-if="(addressFlag)" style="width:32rpx;height:32rpx;border-radius:50%"
|
||
src="/static/images/ziti.png" />
|
||
<view v-else class="border"
|
||
style="border-radius:50%;width:26rpx;height:26rpx;border:1px solid #db384c" />
|
||
<view style="margin-left:10rpx">{{__('物流配送')}}</view>
|
||
</view>
|
||
|
||
<view style="display:flex;align-items: center" v-if="false" @click="serve" :data-store_id="store_id">
|
||
<image v-if="(storeServeFlag)" style="width:32rpx;height:32rpx;border-radius:50%"
|
||
src="/static/images/ziti.png" />
|
||
<view v-else class="border"
|
||
style="border-radius:50%;width:26rpx;height:26rpx;border:1px solid #db384c" />
|
||
<view style="margin-left:10rpx">{{__('到店服务')}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 自提 -->
|
||
<block v-if="(selfpickFlag || storeServeFlag)">
|
||
<view v-if="(selfpickFlag || storeServeFlag)" class="m-cells"
|
||
style="background:#fff;font-size:28rpx;padding:20rpx 30rpx">
|
||
<picker mode="date" :value="date" :start="stdate" :end="eddate" @change="bindDateChange">
|
||
<view class="picker" style="display:flex;justify-content: space-between">
|
||
<view>{{__('选择自提日期:')}}</view>
|
||
<view style="color:#717171;padding-right:40rpx">{{date||starttime}}</view>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
|
||
<navigator hover-class="none" v-if="((selfpickFlag || storeServeFlag) && chain_id)"
|
||
:url="'/chain/chain/list?issub=1&ud_id=' + (ud_id) + '&store_id=' + (store_id) + '&item_id=' + (item_ids) + '&spid=' + (spinfo)"
|
||
class="m-addres-info m-cell-access" style="margin-top:20rpx">
|
||
<label style="font-size:28rpx;margin-left:20rpx">{{__('请选择自提门店:')}}</label>
|
||
<view class="nearbylist-item" :data-address="(ChainInfo.chain_address)"
|
||
:data-name="(ChainInfo.chain_name)" :data-lat="(ChainInfo.chain_lat)"
|
||
:data-lng="(ChainInfo.chain_lng)">
|
||
<view class="item-info">
|
||
<label class="item-name">{{ChainInfo.chain_name}}</label>
|
||
<label v-if="(ChainInfo.chain_opening_hours&&ChainInfo.chain_close_hours)"
|
||
style="font-size:24rpx;color:#717171;margin-left:20rpx;">
|
||
({{ChainInfo.chain_opening_hours||""}}~{{ChainInfo.chain_close_hours||""}})
|
||
</label>
|
||
<label class="item-distance">{{ChainInfo.distance}}</label>
|
||
<view class="item-phone">{{__('商家电话：')}}<text v-if="ChainInfo.chain_mobile">{{ChainInfo.chain_mobile}}</text></view>
|
||
<view class="item-address">
|
||
<label class="iconfont icon-shouhuodizhi "
|
||
style="font-size:40rpx;margin-right:15rpx;"></label>
|
||
<label>{{ChainInfo.chain_address}}</label>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</navigator>
|
||
<view v-if="((selfpickFlag || storeServeFlag) && false)" class="m-cells m-cells-form"
|
||
style="margin-top:20rpx;z-index:1">
|
||
<view class="m-cell">
|
||
<view class="m-cell-hd" style="width:20%">
|
||
<label class="u-label">{{__('提货人')}}</label>
|
||
</view>
|
||
<view class="m-cell-bd">
|
||
<input class="u-input" maxlength="20" type="text" :value="(showud_name)"
|
||
:placeholder="__('请输入提货人姓名')" @input="inputud_name" />
|
||
</view>
|
||
<div v-if="(ud_name=='')" class="m-cell-ft">
|
||
<uni-icons class="m-icon-warn" type="warn"></uni-icons>
|
||
</div>
|
||
</view>
|
||
|
||
<view v-if="(selfpickFlag || storeServeFlag)" class="m-cell">
|
||
<view class="m-cell-hd" style="width:20%">
|
||
<label for="" class="u-label">{{__('手机号码')}}</label>
|
||
</view>
|
||
<view class="m-cell-bd">
|
||
<input class="u-input" type="number" :value="(showphone)" placeholder="请输入手机号码"
|
||
@input="inputphone" />
|
||
</view>
|
||
<div v-if="(!isre || phone=='')" class="m-cell-ft">
|
||
<uni-icons class="m-icon-warn" type="warn"></uni-icons>
|
||
</div>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
<!-- 自提 -->
|
||
|
||
</block>
|
||
|
||
|
||
<view class="m-cells m-cells-form" v-if="(false)">
|
||
<view class="m-cell">
|
||
<view class="m-cell-hd" style="width: 140rpx;"><label class="u-label">{{__('导购员')}}</label></view>
|
||
<view class="m-cell-bd">
|
||
<input class="u-input" type="text" v-model="salesperson_id" :placeholder="__('请输入导购员编号')" />
|
||
</view>
|
||
<div v-if="(salesperson_id=='')" class="m-cell-ft">
|
||
<uni-icons class="m-icon-warn" type="warn"></uni-icons>
|
||
</div>
|
||
</view>
|
||
</view>
|
||
<view class="m-cells m-cells-form" v-if="(false)">
|
||
<view class="m-cell">
|
||
<view class="m-cell-hd"><label class="u-label">{{__('预约人')}}</label></view>
|
||
<view class="m-cell-bd">
|
||
<input class="u-input" type="text" :value="(showud_name||'')" :placeholder="__('请输入预约人姓名')"
|
||
@input="inputud_name" />
|
||
</view>
|
||
<div v-if="(ud_name=='')" class="m-cell-ft">
|
||
<uni-icons class="m-icon-warn" type="warn"></uni-icons>
|
||
</div>
|
||
</view>
|
||
<view class="m-cell">
|
||
<view class="m-cell-hd"><label for="" class="u-label">{{__('电话号码')}}</label></view>
|
||
<view class="m-cell-bd">
|
||
<input class="u-input" type="number" :value="(showphone ||'')" :placeholder="__('请输入电话号码')"
|
||
@input="inputphone" />
|
||
</view>
|
||
<div v-if="(!isre || phone=='')" class="m-cell-ft">
|
||
<uni-icons class="m-icon-warn" type="warn"></uni-icons>
|
||
</div>
|
||
</view>
|
||
</view>
|
||
<view class="m-product-all">
|
||
<view class="m-product-list">
|
||
<block v-for="(store_items, store_index) in submitinfo.items" :key="store_index">
|
||
<view class="m-product-box">
|
||
<view class="m-store" :data-id="(store_items.id)">
|
||
<view class="m-store-c">
|
||
<label class="iconfont icon-store"></label>
|
||
<label class="m-store-info">
|
||
{{store_items.store_name}}
|
||
</label>
|
||
|
||
<span style="float: right;font-size: 10px;padding-right: 10rpx;color: #B2B2B2;"
|
||
v-if="selfpickFlag || storeServeFlag">{{__('自提地址: ')}}
|
||
{{store_items.store_address}}</span>
|
||
</view>
|
||
</view>
|
||
<view v-for="(item, itemindex) in store_items.items" :key="itemindex" class="m-product-item"
|
||
style="height: auto;flex-direction: column;">
|
||
<view :class="'m-item-c ' + ((item.cart_id==0)?'del':'')" :data-id="(item.cart_id)">
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (item.item_id)" class="m-product-img">
|
||
<image :src="(item.product_image)" />
|
||
</navigator>
|
||
<view class="m-product-info">
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (item.item_id)">
|
||
<view class="m-product-name">
|
||
<label><text v-if="(item.show_typename)"
|
||
class="tag tag-orange">{{item.show_typename}}</text>{{item.product_name}}</label>
|
||
<label class="m-min-name"
|
||
style="overflow:hiddentext-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1">
|
||
{{item.spec_info?item.spec_info:""}}
|
||
</label>
|
||
</view>
|
||
<view class="m-product-price">
|
||
<block v-if="true || item.item_unit_price>=0">
|
||
<text class="mcs">{{ __('￥') }}</text>{{number_format(item.item_unit_price, 2)}}
|
||
</block>
|
||
|
||
<label class="pre-info-price" v-if="(item.discount_sale_money>0)">
|
||
-<text class="mcs">{{ __('￥') }}</text>{{number_format(item.discount_sale_money, 2)}}
|
||
</label>
|
||
|
||
<block v-if="item.item_unit_points">
|
||
<label class="pre-info-price" style="margin: 0rpx 10rpx;">+</label><label
|
||
style="font-size:32rpx">{{item.item_unit_points}}</label><label style="font-size: 12px">{{__('积分')}}</label>
|
||
</block>
|
||
|
||
<block v-if="item.item_unit_sp">
|
||
<label class="pre-info-price" style="margin: 0rpx 10rpx;">+</label><label
|
||
style="font-size:32rpx">{{item.item_unit_sp}}</label><label style="font-size: 12px">{{__('众宝')}}</label>
|
||
</block>
|
||
|
||
<text style="float: right;padding-right: 50rpx;">x{{item.cart_quantity}}</text>
|
||
</view>
|
||
</navigator>
|
||
</view>
|
||
</view>
|
||
<!-- 模板调用单品加价购、赠品、满减 -->
|
||
<!--
|
||
pulse_gift_cart
|
||
pulse_bargains
|
||
pulse_bargains_cart
|
||
pulse_reduction
|
||
-->
|
||
<!-- pulse_gift_cart -->
|
||
<view v-if="(item.pulse_gift_cart.length > 0)"
|
||
v-for="(pluse, giftindex) in item.pulse_gift_cart" :key="giftindex" class="m-item-act"
|
||
:data-id="(pluse.cart_id)">
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (pluse.item_id)"
|
||
class="m-product-img m-act-img">
|
||
<image :src="(pluse.product_image)" />
|
||
</navigator>
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (pluse.item_id)" class="act-item-name"
|
||
style="height:100rpx;line-height:100rpx;font-size: 28rpx;">
|
||
<label>【{{__('赠品')}}】{{pluse.product_item_name}}</label>
|
||
<text>x{{pluse.num}}</text>
|
||
</navigator>
|
||
</view>
|
||
|
||
<!-- pulse_reduction -->
|
||
<block v-if="(item.pulse_reduction.length > 0)"
|
||
v-for="(pluse, reductionindex) in item.pulse_reduction" :key="reductionindex">
|
||
<view v-if="(pluse.reduceMoney > 0)" class="m-item-act">
|
||
<view class="m-product-img icon-activity icon-activity-reduction">
|
||
</view>
|
||
<view class="act-item-name" style="height:160rpx;line-height:160rpx;font-size: 28rpx;">
|
||
<label>【{{sprintf(__('满减 -￥%s'), number_format(pluse.reduceMoney, 1))}}】</label>
|
||
<text>x{{pluse.times}}</text>
|
||
<!--{{pluse.actName}}-->
|
||
</view>
|
||
</view>
|
||
</block>
|
||
|
||
|
||
<!-- pulse_bargains_cart -->
|
||
<view v-if="(item.pulse_bargains_cart.length > 0)"
|
||
v-for="(pluse, bargainsindex) in item.pulse_bargains_cart" :key="bargainsindex"
|
||
class="m-item-act" :data-id="(pluse.cart_id)">
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (pluse.item_id)"
|
||
class="m-product-img m-act-img">
|
||
<image :src="(pluse.product_image)" />
|
||
</navigator>
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (pluse.item_id)" class="act-item-name"
|
||
style="height:100rpx;line-height:100rpx;font-size: 28rpx;width:400rpx;">
|
||
<label>【{{__('加价购')}}】{{pluse.product_item_name}}</label>
|
||
<text>x{{pluse.num}}</text>
|
||
</navigator>
|
||
</view>
|
||
</view>
|
||
<!-- 店铺加价购 pulse_bargains -->
|
||
<view class="m-product-item" v-if="(store_items.bargains.length > 0)"
|
||
v-for="(pluse, bargainsindex) in store_items.bargains" :key="bargainsindex">
|
||
<view class="m-item-act" v-if="(pluse.length > 0 || pluse.actId)" :data-id="(pluse.cart_id)">
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (pluse.item_id)"
|
||
class="m-product-img m-act-img">
|
||
<image :src="(pluse.product_image)" />
|
||
</navigator>
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (pluse.item_id)" class="act-item-name"
|
||
style="height:100rpx;line-height:100rpx;font-size: 28rpx;">
|
||
<label>【{{__('加价购')}}】{{pluse.actName}}</label>
|
||
<text>x{{pluse.num}}</text>
|
||
</navigator>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 店铺赠品 activitys.gift -->
|
||
<view class="m-product-item" v-if="(store_items.activitys.gift.length > 0)"
|
||
v-for="(pluse, giftindex) in store_items.activitys.gift" :key="giftindex">
|
||
<view class="m-item-act" v-if="(pluse.length > 0 || pluse.actId)" :data-id="(pluse.cart_id)">
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (pluse.item_id)"
|
||
class="m-product-img m-act-img">
|
||
<image :src="(pluse.product_image)" />
|
||
</navigator>
|
||
<navigator hover-class="none" :url="'/pages/product/detail?pid=' + (pluse.item_id)" class="act-item-name"
|
||
style="height:100rpx;line-height:100rpx;font-size: 28rpx;">
|
||
<label>【{{__('赠品')}}】{{pluse.product_item_name}}</label>
|
||
<text>x{{pluse.num}}</text>
|
||
</navigator>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 店铺满返优惠券 activitys.manhui -->
|
||
<block v-if="(store_items.activitys.manhui && store_items.activitys.manhui.length > 0)">
|
||
<view><label>【{{__('满返优惠券')}}】</label></view>
|
||
<view class="m-product-item" v-for="(pluse, manhuiindex) in store_items.activitys.manhui"
|
||
:key="manhuiindex" style="height: 140rpx;">
|
||
<view class="m-item-act">
|
||
<navigator hover-class="none" url="/activity/coupon/list" class="m-product-img m-act-img"
|
||
style="width: 30%">
|
||
<image style="width: 100%;" :src="(pluse.give_row.voucher_image || '')" />
|
||
</navigator>
|
||
<view class="act-item-name"
|
||
style="height:100rpx;line-height:100rpx;font-size: 28rpx;width:60%;padding: 0 30rpx;">
|
||
<label>{{pluse.give_name}} </label>
|
||
<label v-if="!pluse.give_enable" style="color:gray;margin-left:10rpx;"> {{__('尚未满足条件')}}</label>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
|
||
<!-- 店铺满减 activitys.reduction -->
|
||
<block v-if="(store_items.activitys.reduction.length > 0)"
|
||
v-for="(pluse, reductionindex) in store_items.activitys.reduction" :key="reductionindex">
|
||
<view class="m-product-item" v-if="(pluse.actId) && (pluse.reduceMoney > 0)">
|
||
<view class="m-item-act" style="height: auto;" :data-id="(pluse.cart_id)">
|
||
<view class="m-product-img icon-activity icon-activity-reduction">
|
||
</view>
|
||
<view class="act-item-name" style="height:160rpx;line-height:160rpx;font-size: 28rpx;">
|
||
<label>【{{sprintf(__('满减 -￥%s'), mf(pluse.reduceMoney))}}】</label>
|
||
<text>x{{pluse.times}}</text>
|
||
<!--{{pluse.actName}}-->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
|
||
<block v-if="(isVirtual)">
|
||
|
||
<view class="datetime" v-if="(product_service_date_flag)"
|
||
style="background:#fff;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-top:20rpx;padding:20rpx 20rpx;display:flex;font-size:30rpx">
|
||
<view class="section" style="width:60%">
|
||
<picker mode="date" :value="(date)" :start="(stdate)" :end="(eddate)"
|
||
@change="bindDateChange">
|
||
<view class="picker">
|
||
{{__('选择日期:')}} {{date}}
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
<view class="section" style="width:40%">
|
||
<picker mode="time" :value="(time)" @change="bindTimeChange">
|
||
<view class="picker">
|
||
{{__('选择时间:')}} {{time}}
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
</view>
|
||
|
||
<!--地图-->
|
||
<navigator
|
||
:url="'/chain/chain/list?issub=1&ud_id=' + ud_id + '&item_id=' + item_id + '&spid=' + spinfo + '&store_id=' + (store_id)"
|
||
class="m-addres-info m-cell-access" style="margin-top:20rpx" v-if="(chainFlag)">
|
||
<label style="font-size:28rpx;margin-left:20rpx">{{__('请选择门店:')}}</label>
|
||
<view class="nearbylist-item" :data-address="(ChainInfo.chain_address)"
|
||
:data-name="(ChainInfo.chain_name)" :data-lat="(ChainInfo.chain_lat)"
|
||
:data-lng="(ChainInfo.chain_lng)">
|
||
<view class="item-info">
|
||
<label class="item-name">{{ChainInfo.chain_name}}</label>
|
||
<label class="item-distance">{{ChainInfo.distance}}</label>
|
||
<view class="item-phone" v-if="ChainInfo.chain_mobile">{{__('商家电话：')}}
|
||
<text>{{ChainInfo.chain_mobile}}</text>
|
||
</view>
|
||
<view class="item-address">
|
||
<label class="iconfont icon-shouhuodizhi "
|
||
style="font-size:40rpx;margin-right:15rpx;"></label>
|
||
<label>{{ChainInfo.chain_address}}</label>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</navigator>
|
||
<!--地图-->
|
||
|
||
<view class="m-cells m-cells-form hide" style="margin-top:20rpx;z-index:1">
|
||
<view class="m-cell" v-if="(product_service_contactor_flag)">
|
||
<view class="m-cell-hd" style="width:20%">
|
||
<label class="u-label">{{__('预约人')}}</label>
|
||
</view>
|
||
<view class="m-cell-bd">
|
||
<input class="u-input" maxlength="20" type="text" :value="(showud_name)"
|
||
placeholder="请输入预约人姓名" @input="inputud_name" />
|
||
</view>
|
||
<div v-if="(ud_name=='')" class="m-cell-ft">
|
||
<uni-icons class="m-icon-warn" type="warn"></uni-icons>
|
||
</div>
|
||
</view>
|
||
|
||
<view class="m-cell" v-if="(product_service_contactor_flag)">
|
||
<view class="m-cell-hd" style="width:20%">
|
||
<label for="" class="u-label">{{__('手机号码')}}</label>
|
||
</view>
|
||
<view class="m-cell-bd">
|
||
<input class="u-input" type="number" :value="(showphone)" placeholder="请输入手机号码"
|
||
@input="inputphone" />
|
||
</view>
|
||
<div v-if="(!isre || phone=='')" class="m-cell-ft">
|
||
<uni-icons class="m-icon-warn" type="warn"></uni-icons>
|
||
</div>
|
||
</view>
|
||
<view class="m-cell" v-if="(true)">
|
||
<view class="m-cell-hd" style="width:20%">
|
||
<label for="" class="u-label">{{__('详细地址')}}</label>
|
||
</view>
|
||
<view class="m-cell-bd">
|
||
<input class="u-input" maxlength="100" type="text" :value="(showdetail )"
|
||
placeholder="请输入详细地址" @input="inputdetail" />
|
||
</view>
|
||
<view v-if="(detail=='')" class="m-cell-ft">
|
||
<uni-icons class="m-icon-warn" type="warn"></uni-icons>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="m-cells-title">{{__('备注')}}</view>
|
||
<view class="m-cells m-cells-form">
|
||
<view class="m-cell">
|
||
<view class="m-cell-bd">
|
||
<textarea class="u-textarea" maxlength="200" :value="(store_items.remark)"
|
||
:data-id="(store_index)" :data-store_id="(store_items.store_id)"
|
||
@input="inputRemark"></textarea>
|
||
<view class="u-textarea-counter">
|
||
<label>{{order_message_len[store_index] || 0}}</label>/200
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="hint m-cell" v-if="(kind_id==1202)">
|
||
<text>{{__('温馨提示:请您确认预约时间与地址，仔细核对手机号并保持电话畅通。下单成功后您可在“我的预约”查看订单。距离预约服务时间超过24小时您可以取消预约订单，距离预约服务时间24小时之内可以联系商家取消预约订单。')}}
|
||
</text>
|
||
</view>
|
||
</block>
|
||
<block v-else>
|
||
<view style="display: flex">
|
||
<view class="m-cells-title">{{__('备注')}}</view>
|
||
<input class="u-textarea" maxlength="200" :value="(store_items.remark)" :placeholder="__('建议留言前先于商家沟通确认')" placeholder-class="placeholder-u-textarea"
|
||
:data-id="(store_index)" :data-store_id="(store_items.store_id)"
|
||
@input="inputRemark"></input>
|
||
</view>
|
||
</block>
|
||
<view class="m-cells total-info">
|
||
<view class="m-cell" @click="listInvoice" :data-id="(store_index)"
|
||
:data-user_invoice_id="user_invoice_id" v-if="store_items.sc_is_enabled_invoice === 1">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('发票')}}</text>
|
||
<text class="highlight12" v-if="(invoice_header && user_invoice_id)">
|
||
({{invoice_header}})
|
||
</text>
|
||
<text class="highlight12" v-else-if="(user_invoice_id == 0)">
|
||
({{__('不需要发票')}})
|
||
</text>
|
||
<text class="highlight12" v-else>({{__('不需要发票')}})</text>
|
||
</view>
|
||
<view class="arrow m-cell-access">
|
||
<view class="m-cell-ft "></view>
|
||
</view>
|
||
</view>
|
||
<view class="m-cell">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('商品总额')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
{{__('￥')}}{{number_format(store_items.productMoneySelGoods, 2)}}
|
||
</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<view class="m-cell" v-if="store_items.productPointsSel">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('积分抵扣')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">{{store_items.productPointsSel}}{{__('积分')}}</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
|
||
<view class="m-cell" v-if="store_items.productSpSel">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('众宝抵扣')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">{{store_items.productSpSel}}{{__('众宝')}}</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
|
||
<view class="m-cell m-cell-parent" v-if="(store_items.activityDiscountMoney>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('活动优惠')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
-{{__('￥')}}{{number_format(store_items.activityDiscountMoney,2)}}</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
|
||
<block v-if="store_items.discount_items">
|
||
<view class="m-cell m-cell-sub" v-if="(store_items.discount_items.limited_discount>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('限时折扣')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
-{{__('￥')}}{{number_format(store_items.discount_items.limited_discount,2)}}
|
||
</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<view class="m-cell m-cell-sub" v-if="(store_items.discount_items.one_piece_discount>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('单件折')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
-{{__('￥')}}{{number_format(store_items.discount_items.one_piece_discount,2)}}
|
||
</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<view class="m-cell m-cell-sub" v-if="(store_items.discount_items.reduction>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('满减')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
-{{__('￥')}}{{number_format(store_items.discount_items.reduction,2)}}
|
||
</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<view class="m-cell m-cell-sub" v-if="(store_items.discount_items.giftbag>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('组合套餐')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
-{{__('￥')}}{{number_format(store_items.discount_items.giftbag,2)}}
|
||
</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<view class="m-cell m-cell-sub" v-if="(store_items.discount_items.multple>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('多件折')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
-{{__('￥')}}{{number_format(store_items.discount_items.multple,2)}}
|
||
</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<view class="m-cell m-cell-sub" v-if="(store_items.discount_items.reduction_again>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('折上折')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
-{{__('￥')}}{{number_format(store_items.discount_items.reduction_again,2)}}</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
</block>
|
||
|
||
<!-- 提货券，初始为0，选择提货券后再修改 -->
|
||
<view class="m-cell" @click="suitredemptionlist" :data-id="(store_index)"
|
||
:data-redemption_id="(store_items.redemption_id)"
|
||
v-if="(store_items.redemption_items.length>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('提货券')}}</text>
|
||
<text class="highlight12" v-if="(store_items.redemption_items.length>0)">
|
||
({{store_items.redemption_items.length}}{{__('张提货券可用')}})
|
||
</text>
|
||
<text class="highlight12" v-else>{{__('(无可用提货券)')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt"
|
||
v-if="(store_items.redemption_use_row && store_items.redemption_use_row.redemption_price)">
|
||
-{{__('￥')}}{{store_items.redemption_use_row.redemption_price}}
|
||
</view>
|
||
<view class="arrow m-cell-access">
|
||
<view class="m-cell-ft "></view>
|
||
</view>
|
||
</view>
|
||
<!-- 优惠券，初始为0，选择优惠券后再修改 -->
|
||
<view class="m-cell" @click="suitcouponlist" :data-id="(store_index)"
|
||
:data-user_voucher_id="(store_items.user_voucher_id)"
|
||
v-if="(store_items.voucher_items.length>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('优惠券')}}</text>
|
||
<text class="highlight12" v-if="(store_items.voucher_items.length>0)">
|
||
<block v-if="!(store_items.voucher_use_row && store_items.voucher_use_row.voucher_price)">
|
||
({{store_items.voucher_items.length}}{{__('张优惠券可用')}})
|
||
</block>
|
||
</text>
|
||
<text class="highlight12" v-else>{{__('(无可用优惠券)')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt"
|
||
v-if="(store_items.voucher_use_row && store_items.voucher_use_row.voucher_price)">
|
||
-{{__('￥')}}{{store_items.voucher_use_row.voucher_price}}
|
||
</view>
|
||
<view class="arrow m-cell-access">
|
||
<view class="m-cell-ft "></view>
|
||
</view>
|
||
</view>
|
||
<!--会员折扣 -->
|
||
<view class="m-cell" v-if="(store_items.policy_discount_amount>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('会员折扣')}}</text>
|
||
<text
|
||
style="font-size:24rpx;color:#717171">{{sprintf(__('(%s折)'), store_items.policy_discountrate/10)}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
-{{__('￥')}}{{number_format(store_items.policy_discount_amount,2)}}</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<view class="m-cell">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('运费')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
+{{__('￥')}}{{number_format(store_items.freight,2) || 0}}</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<view class="m-cell">
|
||
<view class="m-cell-bd">
|
||
<text>打包费</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">
|
||
+{{__('￥')}}{{number_format(store_items.packing_fee,2) || 0}}</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
<!-- 返利 -->
|
||
<view class="m-cell" v-if="(store_items.store_rebate>0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('获得红包')}}</text>
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt">{{sprintf(__('￥%.2f'), store_items.store_rebate)}}
|
||
</view>
|
||
<view class="arrow"></view>
|
||
</view>
|
||
|
||
<!-- 积分 -->
|
||
<view class="m-cell" v-if="(0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('使用积分')}}</text>
|
||
<text style="font-size:24rpx;color:#717171">{{sprintf(__('(可使用%s积分)'), 0)}}</text>
|
||
</view>
|
||
<input type="number" class=" m-cell-ft m-order-typetxt" :value="(integral)"
|
||
placeholder="请输入抵扣积分" @input="count" />
|
||
<view class="arrow"></view>
|
||
</view>
|
||
|
||
<!-- 积分 -->
|
||
<view class="m-cell" v-if="(0)">
|
||
<view class="m-cell-bd">
|
||
{{__('积分抵现')}}
|
||
</view>
|
||
<view class="m-cell-ft m-order-typetxt" style="padding-right:20rpx">
|
||
-{{__('￥')}}{{number_format(discount,2)}}</view>
|
||
</view>
|
||
<!-- 余额抵扣 -->
|
||
<view class="m-cell" v-if="(0)">
|
||
<view class="m-cell-bd">
|
||
<text>{{__('余额抵扣')}}</text>
|
||
<text style="font-size:24rpx;color:#717171">{{sprintf(__('(可使用￥%s)'), 0)}}</text>
|
||
</view>
|
||
<view class=" m-cell-ft m-order-typetxt" v-if="(isBalance)">
|
||
{{__('￥')}}{{number_format(balance,2)}}
|
||
</view>
|
||
<switch checked @change="switchChange" style="transform:scale(0.6);" />
|
||
</view>
|
||
|
||
<view class="m-cell ">
|
||
<view class="m-cell-bd">
|
||
</view>
|
||
<view class="m-cell-ft m-total-info">
|
||
{{__('总金额：')}}
|
||
<text
|
||
class="m-total-price">{{sprintf(__('￥%.2f'), store_items.store_amount != null ? store_items.store_amount : store_items.order_money_select_items+store_items.freight+store_items.packing_fee)}}</text>
|
||
</view>
|
||
</view>
|
||
<view v-if="(delivery_item_none_row.length > 0)">
|
||
<block v-for="(items, i) in delivery_item_none_row" :key="i">
|
||
{{items.product_item_name}},
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
<view class="u-cleanbox"></view>
|
||
|
||
<view class="m-footer-btn">
|
||
<view class="m-footer-btn-list">
|
||
<view class="m-footer-btn-item m-cart-total">
|
||
<view :style="'line-height: ' + (submitinfo.orderSelFreightAmount>0 ? 40 : 40) + 'rpx;'">
|
||
{{__('合计：')}}
|
||
|
||
<block v-if="order_amount">
|
||
<label>{{__('￥')}}</label>
|
||
<text class="m-total-price">{{number_format(order_amount,2)}}</text>
|
||
</block>
|
||
|
||
|
||
<label v-if="submitinfo.orderSelPointsAmount" style="padding: 0 6px"> + </label>
|
||
<text class="m-total-price"
|
||
v-if="submitinfo.orderSelPointsAmount">{{submitinfo.orderSelPointsAmount}}</text>
|
||
<label v-if="submitinfo.orderSelPointsAmount">{{__('积分')}}</label>
|
||
|
||
|
||
<label v-if="submitinfo.orderSelSpAmount" style="padding: 0 6px"> + </label>
|
||
<text class="m-total-price"
|
||
v-if="submitinfo.orderSelSpAmount">{{submitinfo.orderSelSpAmount}}</text>
|
||
<label v-if="submitinfo.orderSelSpAmount">{{__('众宝')}}</label>
|
||
</view>
|
||
<view style="line-height: 40rpx;font-size: 24rpx;">
|
||
<block v-if="submitinfo.orderDiscountAmount>0">
|
||
{{__('优惠')}}(<label>{{__('￥')}}{{number_format(submitinfo.orderDiscountAmount, 2)}}</label>)
|
||
<label style="margin-right: 10rpx;"></label>
|
||
</block>
|
||
|
||
<block v-if="submitinfo.order_rebate_amount>0">
|
||
{{__('获得红包')}}(<label>{{__('￥')}}{{number_format(submitinfo.order_rebate_amount, 2)}}</label>)
|
||
<label style="margin-right: 10rpx;"></label>
|
||
</block>
|
||
|
||
<block v-if="submitinfo.orderSelFreightAmount>0">
|
||
{{__('运费')}}(<label>{{__('￥')}}{{number_format(submitinfo.orderSelFreightAmount,2)}}</label>)
|
||
</block>
|
||
<block v-else>
|
||
{{__('免运费')}}
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view v-if="(isSubmit)" class="m-footer-btn-main u-disabled">
|
||
{{__('正在提交....')}}
|
||
</view>
|
||
<block v-else>
|
||
<view v-if="(!can_delivery && delivery_item_none_row.length > 0)" style="margin: auto;">
|
||
<button class="m-footer-btn-main" formType="submit">{{__('不可配送')}}</button>
|
||
</view>
|
||
<view v-else-if="(show_oos && delivery_item_none_row.length > 0)" style="margin: auto;">
|
||
<button class="m-footer-btn-main" formType="submit">{{__('暂时缺货')}}</button>
|
||
</view>
|
||
<form v-else-if="(!order_id)" report-submit="true" @submit="submitorder" style="margin: auto;">
|
||
<button class="m-footer-btn-main" formType="submit">{{__('提交订单')}}</button>
|
||
</form>
|
||
<form v-else report-submit="true" @submit="submitorder" style="margin: auto;">
|
||
<button class="m-footer-btn-main" formType="submit">{{__('去支付')}}</button>
|
||
</form>
|
||
</block>
|
||
</view>
|
||
|
||
<payment-box :paymentDataDefault="paymentData" :order_id="order_id" ref="paymentBox" @onCancel="onCancel"
|
||
@onPaid="onPaid" @onFail="onFail"></payment-box>
|
||
<loginPopup></loginPopup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import paymentBox from "../../components/payment-box.vue";
|
||
import loginPopup from "../../components/loginPopup.vue";
|
||
import { mapState, mapMutations } from "vuex";
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
options: {},
|
||
AddressInfo: {},
|
||
cartinfo: {},
|
||
isVirtual: 0,
|
||
ud_id: 0,
|
||
spinfo: "",
|
||
remark: "",
|
||
remarkLength: 0,
|
||
formId: "",
|
||
submitinfo: {
|
||
items: [],
|
||
UserMembership: {},
|
||
},
|
||
user_voucher_ids: [],
|
||
redemption_ids: [],
|
||
order_message: {},
|
||
order_message_len: {},
|
||
isSubmit: false,
|
||
order_id: "",
|
||
paymentData: {},
|
||
integral: "",
|
||
discount: 0,
|
||
disbursements: "",
|
||
IsUseCoupon: 1,
|
||
canSelfpick: 0, //是否允许自提
|
||
addressFlag: 0, // 快递配送
|
||
storeSelfPickFlag: 0, // 店铺自提
|
||
storeServeFlag: 0, // 到店服务
|
||
selfpickFlag: 0, //是否自提
|
||
intraCityService: 1,
|
||
chainFlag: 0,
|
||
date: "",
|
||
starttime: "",
|
||
endtime: "",
|
||
pid: "",
|
||
ud_name: "",
|
||
phone: "",
|
||
stdate: "",
|
||
eddate: "",
|
||
time: "",
|
||
st: "",
|
||
et: "",
|
||
addInfo: "",
|
||
addInfo1: "",
|
||
shipMethod: 0,
|
||
physicalStoreId: "",
|
||
item_ids: [],
|
||
store_id: "",
|
||
userId: "",
|
||
chain_id: 0,
|
||
checked_store: 0,
|
||
item_id: "",
|
||
activity_id: 0,
|
||
sponsorId: 0,
|
||
balance: 0,
|
||
realMoney: 0,
|
||
isBalance: true,
|
||
eCardCash: 0,
|
||
extraCash: 0,
|
||
isMembership: true,
|
||
isECashCard: true,
|
||
isCoupon: true,
|
||
isTmplMsg: true,
|
||
can_delivery: false,
|
||
ifcart: 1,
|
||
cart_id: "",
|
||
order_amount: 0,
|
||
ChainInfo: {},
|
||
chain_rows: [],
|
||
transportIds: [],
|
||
delivery: false,
|
||
deliverys: false,
|
||
latitude: "",
|
||
longitude: "",
|
||
|
||
invoice_header: "",
|
||
invoice_type_id: 0,
|
||
user_invoice_id: 0,
|
||
invoice_row: {},
|
||
|
||
urlArgs: {},
|
||
delivery_item_none_row: [],
|
||
show_oos: false,
|
||
product_service_date_flag: false,
|
||
product_service_contactor_flag: false,
|
||
|
||
showPopupFlag: false,
|
||
popupMsg: "",
|
||
|
||
isFightGroup: 0,
|
||
|
||
showud_name: "", //请输入预约人姓名
|
||
showphone: "", //请输入电话号码
|
||
isre: "", //请输入预约人姓名
|
||
showdetail: "", //请输入预约详细地址
|
||
detail: "", //
|
||
isdata: "", //
|
||
kind_id: 1201,
|
||
salesperson_id: "", //销售员Id
|
||
};
|
||
},
|
||
components: {
|
||
paymentBox,
|
||
loginPopup,
|
||
},
|
||
computed: mapState([
|
||
"Config",
|
||
"StateCode",
|
||
"notice",
|
||
"plantformInfo",
|
||
"shopInfo",
|
||
"userInfo",
|
||
"hasLogin",
|
||
]),
|
||
onLoad: async function (options) {
|
||
uni.setNavigationBarTitle({
|
||
title: this.__("订单提交"),
|
||
});
|
||
|
||
await this.$onLaunched;
|
||
|
||
var that = this;
|
||
|
||
//只传入item_id即可，数据从服务端读取。
|
||
this.setData({
|
||
activity_id: options.activity_id || 0,
|
||
urlArgs: options,
|
||
options: options,
|
||
});
|
||
|
||
if (options.ifcart) {
|
||
this.setData({
|
||
ifcart: parseInt(options.ifcart),
|
||
});
|
||
}
|
||
|
||
if (options.cart_id) {
|
||
this.setData({
|
||
cart_id: options.cart_id,
|
||
});
|
||
}
|
||
|
||
if (options.checked_store) {
|
||
this.setData({
|
||
checked_store: options.checked_store,
|
||
});
|
||
}
|
||
|
||
//门店自提
|
||
if (options.chain_id) {
|
||
this.setData({
|
||
chain_id: parseInt(options.chain_id),
|
||
canSelfpick: true,
|
||
addressFlag: false,
|
||
selfpickFlag: true,
|
||
storeServeFlag: false,
|
||
});
|
||
} else {
|
||
let chain_id = this.$.getStorageSync("chain_id");
|
||
|
||
//不使用默认切换门店模式
|
||
chain_id = 0;
|
||
|
||
if (chain_id) {
|
||
} else {
|
||
chain_id = 0;
|
||
}
|
||
|
||
this.urlArgs.chain_id = chain_id;
|
||
|
||
if (chain_id) {
|
||
this.setData({
|
||
chain_id: parseInt(chain_id),
|
||
canSelfpick: true,
|
||
addressFlag: false,
|
||
selfpickFlag: true,
|
||
storeServeFlag: false,
|
||
});
|
||
} else {
|
||
}
|
||
}
|
||
// end 门店自提
|
||
|
||
var n = new Date(),
|
||
s = new Date(new Date().getTime() + 2 * 24 * 60 * 60 * 1000),
|
||
r = new Date();
|
||
var stdate = n.getFullYear() + "-" + (n.getMonth() + 1) + "-" + n.getDate(),
|
||
sdate = s.getFullYear() + "-" + (s.getMonth() + 1) + "-" + s.getDate(),
|
||
eddate =
|
||
r.getFullYear() + 1 + "-" + (r.getMonth() + 1) + "-" + r.getDate();
|
||
|
||
this.setData({
|
||
stdate: stdate,
|
||
date: sdate,
|
||
eddate: eddate,
|
||
});
|
||
|
||
var time = n.getHours() + ":" + n.getMinutes();
|
||
|
||
this.setData({
|
||
time: time,
|
||
st: time,
|
||
et: time,
|
||
});
|
||
|
||
this.notice.addNotification("RefreshOrder", that.RefreshOrder, that);
|
||
this.notice.addNotification(
|
||
"RefreshOrderChain",
|
||
that.RefreshOrderChain,
|
||
that
|
||
);
|
||
this.notice.addNotification("RefreshCoupon", that.RefreshCoupon, that);
|
||
this.notice.addNotification(
|
||
"RefreshRedemption",
|
||
that.RefreshRedemption,
|
||
that
|
||
);
|
||
this.notice.addNotification("GotoPayCheckout", that.gotopay, that);
|
||
this.notice.addNotification("Refreshinvoice", that.Refreshinvoice, that);
|
||
|
||
this.forceUserInfo(function (user) {
|
||
that.getPlantformInfo(function (plantformInfo) {
|
||
that.setData({
|
||
storeSelfPickFlag: plantformInfo.config.product_ziti_flag,
|
||
});
|
||
|
||
that.getCartList();
|
||
});
|
||
});
|
||
// var n = this.shopInfo.VendorFeatureSet;
|
||
// n.indexOf("Membership") > -1 ? this.setData({isMembership: true}) : this.setData({isMembership: false}), n.indexOf("ECashCard") > -1 ? this.setData({isECashCard: true}) : this.setData({isECashCard: false}), n.indexOf("Coupon") > -1 ? this.setData({isCoupon: true}) : this.setData({isCoupon: false}), n.indexOf("TmplMsg") > -1 ? this.setData({isTmplMsg: true}) : this.setData({isTmplMsg: false})
|
||
},
|
||
onUnload: function () {
|
||
//移除通知
|
||
var that = this;
|
||
this.notice.removeNotification("RefreshOrder", that);
|
||
this.notice.removeNotification("RefreshOrderChain", that);
|
||
this.notice.removeNotification("RefreshCoupon", that);
|
||
this.notice.removeNotification("RefreshRedemption", that);
|
||
this.notice.removeNotification("GotoPayCheckout", that);
|
||
this.notice.postNotificationName("Refreshinvoice", that);
|
||
|
||
if (this.$refs.paymentBox.showBoxView) {
|
||
this.$refs.paymentBox.cancel();
|
||
}
|
||
},
|
||
onBackPress() {
|
||
if (this.$refs.paymentBox.showBoxView) {
|
||
this.$refs.paymentBox.cancel();
|
||
|
||
return true;
|
||
}
|
||
},
|
||
|
||
methods: {
|
||
...mapMutations([
|
||
"login",
|
||
"logout",
|
||
"getPlantformInfo",
|
||
"forceUserInfo",
|
||
"getUserInfo",
|
||
"reloadUserResource",
|
||
]),
|
||
refreshData(options) {
|
||
let that = this;
|
||
this.forceUserInfo(function (user) {
|
||
that.getCartList();
|
||
});
|
||
},
|
||
inputud_name: function (e) {
|
||
this.setData({
|
||
ud_name: e.detail.value,
|
||
});
|
||
},
|
||
inputphone: function (e) {
|
||
this.setData({
|
||
phone: e.detail.value,
|
||
}),
|
||
/^1[23456789]\d{9}$/.test(e.detail.value)
|
||
? this.setData({
|
||
isre: true,
|
||
})
|
||
: this.setData({
|
||
isre: false,
|
||
});
|
||
},
|
||
RefreshOrder: function (e) {
|
||
this.setData({
|
||
ud_id: e.ud_id || e || 0,
|
||
chain_id: this.chain_id,
|
||
spinfo: e.spid,
|
||
addInfo1: this.addInfo,
|
||
});
|
||
|
||
// 修正urlArgs的ud_id参数
|
||
this.editUrlArgs("ud_id", e.ud_id);
|
||
this.getCartList();
|
||
},
|
||
RefreshOrderChain: function (e) {
|
||
//console.info(JSON.stringify(e));
|
||
this.setData({
|
||
ChainInfo: e.ChainInfo,
|
||
chain_id: e.ChainInfo.chain_id,
|
||
});
|
||
this.getCartList();
|
||
},
|
||
RefreshCoupon: function (options) {
|
||
var that = this;
|
||
var voucher_items = that.$.parseJSON(options.val);
|
||
var user_voucher_ids = this.user_voucher_ids;
|
||
|
||
for (var i = 0; i < voucher_items.length; i++) {
|
||
var store_id = voucher_items[i].store_id;
|
||
|
||
//如果当前为不使用store_id
|
||
if (voucher_items[i].user_voucher_id == options.user_voucher_id) {
|
||
if (!that.$.inArray(user_voucher_ids, options.user_voucher_id)) {
|
||
user_voucher_ids.push(options.user_voucher_id);
|
||
}
|
||
} else {
|
||
//删除已经存在的
|
||
that.$.arrayRemove(
|
||
user_voucher_ids,
|
||
voucher_items[i].user_voucher_id
|
||
);
|
||
}
|
||
}
|
||
|
||
this.setData({
|
||
user_voucher_ids: user_voucher_ids,
|
||
});
|
||
|
||
//修改店铺代金券数据,
|
||
//todo 未来修改为服务端操作。
|
||
var submitinfo = that.submitinfo;
|
||
var order_amount = submitinfo.orderSelMoneyAmount; //减去使用的代金券数据
|
||
|
||
//循环店铺
|
||
for (var sid = 0; sid < submitinfo.items.length; sid++) {
|
||
//循环使用的代金券
|
||
for (var j = 0; j < submitinfo.items[sid].voucher_items.length; j++) {
|
||
var voucher_item = submitinfo.items[sid].voucher_items[j];
|
||
var user_voucher_id = voucher_item.user_voucher_id;
|
||
|
||
//初始换店铺使用代金券数据为空
|
||
//如有发现一个，则退出本次循环。
|
||
submitinfo.items[sid].voucher_use_row = [];
|
||
submitinfo.items[sid].user_voucher_id = 0;
|
||
|
||
//如果为使用中
|
||
if (that.$.inArray(user_voucher_ids, user_voucher_id)) {
|
||
submitinfo.items[sid].voucher_use_row = voucher_item;
|
||
submitinfo.items[sid].user_voucher_id = user_voucher_id;
|
||
|
||
//order_amount = order_amount - voucher_item.voucher_price;
|
||
//submitinfo.items[sid].store_amount = submitinfo.items[sid].order_money_select_items + submitinfo.items[sid].freight - voucher_item.voucher_price;
|
||
|
||
order_amount = parseFloat(
|
||
(order_amount - voucher_item.voucher_price).toFixed(12)
|
||
);
|
||
order_amount = Math.max(0, order_amount);
|
||
|
||
submitinfo.items[sid].store_amount = parseFloat(
|
||
(
|
||
submitinfo.items[sid].order_money_select_items +
|
||
submitinfo.items[sid].freight -
|
||
voucher_item.voucher_price
|
||
).toFixed(12)
|
||
);
|
||
|
||
submitinfo.items[sid].store_amount = Math.max(
|
||
0,
|
||
submitinfo.items[sid].store_amount
|
||
);
|
||
|
||
//console.info(submitinfo.items[sid].store_amount)
|
||
break; //如有发现一个，则退出本次循环。
|
||
}
|
||
}
|
||
}
|
||
|
||
that.setData({
|
||
submitinfo: submitinfo,
|
||
order_amount: order_amount,
|
||
});
|
||
//this.getCartList()
|
||
},
|
||
RefreshRedemption: function (options) {
|
||
var that = this;
|
||
var redemption_items = that.$.parseJSON(options.val);
|
||
var redemption_ids = this.redemption_ids;
|
||
|
||
for (var i = 0; i < redemption_items.length; i++) {
|
||
var store_id = redemption_items[i].store_id;
|
||
|
||
//如果当前为不使用store_id
|
||
if (redemption_items[i].redemption_id == options.redemption_id) {
|
||
if (!that.$.inArray(redemption_ids, options.redemption_id)) {
|
||
redemption_ids.push(options.redemption_id);
|
||
}
|
||
} else {
|
||
//删除已经存在的
|
||
that.$.arrayRemove(redemption_ids, redemption_items[i].redemption_id);
|
||
}
|
||
}
|
||
|
||
this.setData({
|
||
redemption_ids: redemption_ids,
|
||
});
|
||
|
||
//修改店铺代金券数据,
|
||
//todo 未来修改为服务端操作。
|
||
var submitinfo = that.submitinfo;
|
||
var order_amount = submitinfo.orderSelMoneyAmount; //减去使用的代金券数据
|
||
console.log(order_amount);
|
||
//循环店铺
|
||
for (var sid = 0; sid < submitinfo.items.length; sid++) {
|
||
//循环使用的代金券
|
||
for (
|
||
var j = 0;
|
||
j < submitinfo.items[sid].redemption_items.length;
|
||
j++
|
||
) {
|
||
var redemption_item = submitinfo.items[sid].redemption_items[j];
|
||
var redemption_id = redemption_item.redemption_id;
|
||
console.log(redemption_id);
|
||
//初始换店铺使用代金券数据为空
|
||
//如有发现一个，则退出本次循环。
|
||
submitinfo.items[sid].redemption_use_row = [];
|
||
submitinfo.items[sid].redemption_id = 0;
|
||
//如果为使用中
|
||
if (that.$.inArray(redemption_ids, redemption_id)) {
|
||
submitinfo.items[sid].redemption_use_row = redemption_item;
|
||
submitinfo.items[sid].redemption_id = redemption_id;
|
||
|
||
//order_amount = order_amount - voucher_item.voucher_price;
|
||
//submitinfo.items[sid].store_amount = submitinfo.items[sid].order_money_select_items + submitinfo.items[sid].freight - voucher_item.voucher_price;
|
||
|
||
order_amount = parseFloat(
|
||
(order_amount - redemption_item.redemption_price).toFixed(12)
|
||
);
|
||
order_amount = Math.max(0, order_amount);
|
||
|
||
submitinfo.items[sid].store_amount = parseFloat(
|
||
(
|
||
submitinfo.items[sid].order_money_select_items +
|
||
submitinfo.items[sid].freight -
|
||
redemption_item.redemption_price
|
||
).toFixed(12)
|
||
);
|
||
|
||
submitinfo.items[sid].store_amount = Math.max(
|
||
0,
|
||
submitinfo.items[sid].store_amount
|
||
);
|
||
|
||
//console.info(submitinfo.items[sid].store_amount)
|
||
break; //如有发现一个，则退出本次循环。
|
||
}
|
||
}
|
||
}
|
||
console.log(order_amount);
|
||
that.setData({
|
||
submitinfo: submitinfo,
|
||
order_amount: order_amount,
|
||
});
|
||
//this.getCartList()
|
||
},
|
||
Refreshinvoice: function (options) {
|
||
var that = this;
|
||
that.setData({
|
||
user_invoice_id: options.user_invoice_id,
|
||
invoice_type_id: options.invoice_type_id,
|
||
invoice_header: options.invoice_header,
|
||
});
|
||
},
|
||
getCartList: function () {
|
||
var that = this,
|
||
params = this.urlArgs;
|
||
|
||
if (that.chain_id) {
|
||
params.chain_id = that.chain_id;
|
||
params.if_chain = 1;
|
||
}
|
||
|
||
if (that.checked_store) {
|
||
params.checked_store = that.checked_store;
|
||
}
|
||
// 决定配送方式
|
||
if (that.selfpickFlag || that.storeServeFlag) {
|
||
params.delivery_type_id = 5;
|
||
} else if (that.addressFlag) {
|
||
params.delivery_type_id = 10;
|
||
} else if (that.intraCityService) {
|
||
params.delivery_type_id = 16;
|
||
}
|
||
// params.delivery_type_id = that.selfpickFlag ? 5 : 10; //是否自提; //DELIVERY_TYPE_SELF_PICK_UP = 5
|
||
params.is_delivery = that.selfpickFlag ? 0 : 1; //是否自提
|
||
that.$.request({
|
||
url: this.Config.URL.cart.checkout,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
for (var i = 0; i <= data.transportIds.length; i++) {
|
||
if (data.transportIds[i] == 10) {
|
||
that.delivery = true;
|
||
}
|
||
if (data.transportIds[i] == 5) {
|
||
that.deliverys = true;
|
||
}
|
||
}
|
||
console.log("deliverys", that.deliverys);
|
||
that.transportIds = data.transportIds;
|
||
|
||
var ud_id = 0;
|
||
if (!that.$.isNull(data.delivery_address_row)) {
|
||
ud_id = data.delivery_address_row.ud_id;
|
||
} else {
|
||
}
|
||
|
||
//无货
|
||
if (data.items.length == 0) {
|
||
that.$.confirm(that.__("无符合条件的商品"), that.$.navigateBack);
|
||
}
|
||
|
||
if (data.if_virtual) {
|
||
var item_row = data.items[0].items[0];
|
||
|
||
that.setData({
|
||
item_ids: [item_row.item_id],
|
||
});
|
||
that.drawSelf(item_row.store_id);
|
||
that.setData({
|
||
kind_id: item_row.kind_id,
|
||
isVirtual: data.if_virtual,
|
||
product_service_date_flag: item_row.product_service_date_flag,
|
||
product_service_contactor_flag:
|
||
item_row.product_service_contactor_flag,
|
||
ud_id: ud_id,
|
||
store_id: item_row.store_id,
|
||
chainFlag: item_row.product_valid_type == 1002 ? false : true,
|
||
addressFlag: item_row.product_valid_type == 1002 ? true : false,
|
||
submitinfo: data,
|
||
chain_id: that.chain_id,
|
||
});
|
||
} else {
|
||
var item_row = data.items[0].items[0];
|
||
if (that.chain_id) {
|
||
that.drawSelf(item_row.store_id);
|
||
}
|
||
|
||
that.setData({
|
||
store_id: item_row.store_id,
|
||
isVirtual: data.if_virtual,
|
||
product_service_date_flag: 1,
|
||
product_service_contactor_flag: 1,
|
||
ud_id: ud_id,
|
||
submitinfo: data,
|
||
chain_id: that.chain_id,
|
||
});
|
||
}
|
||
|
||
that.setData({
|
||
order_amount: data.orderSelMoneyAmount,
|
||
});
|
||
|
||
//地址信息监测
|
||
if (ud_id > 0) {
|
||
//that.checkDelivery(ud_id);
|
||
}
|
||
|
||
if (that.user_voucher_id > 0) {
|
||
that.useVoucher(that.user_voucher_id);
|
||
}
|
||
|
||
//判断线上线下店铺
|
||
for (let i = 0; i < data.items.length; i++) {
|
||
if (1 == data.items[i]["store_o2o_flag"]) {
|
||
//判断显现店铺门店自提
|
||
that.storeSelfPickFlag = true;
|
||
|
||
if (that.storeSelfPickFlag) {
|
||
that.setData({
|
||
canSelfpick: true,
|
||
deliverys: true,
|
||
});
|
||
}
|
||
}
|
||
}
|
||
} else {
|
||
that.$.confirm(msg, that.$.navigateBack);
|
||
}
|
||
},
|
||
fail: function (err, ms) {
|
||
//console.info(err);
|
||
|
||
that.$.confirm(err);
|
||
},
|
||
});
|
||
},
|
||
hidePopup: function (e) {
|
||
//console.info(e);
|
||
this.setData({
|
||
showPopupFlag: false,
|
||
});
|
||
},
|
||
checkDelivery: function (ud_id) {
|
||
var that = this;
|
||
var params = that.urlArgs;
|
||
params.ud_id = ud_id;
|
||
that.spid ? (params.cart_id = that.spid) : "";
|
||
|
||
that.$.request({
|
||
url: this.Config.URL.cart.checkDelivery,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
if (data.need_edit == 1) {
|
||
// 该地址信息不完整
|
||
that.$.alert("该收货地址不完整，请重新选择！");
|
||
} else {
|
||
that.setData({
|
||
submitinfo: data,
|
||
});
|
||
|
||
that.setData({
|
||
can_delivery: data.can_delivery,
|
||
show_oos: data.show_oos,
|
||
delivery_item_none_row: data.items.delivery_item_none_row,
|
||
});
|
||
|
||
// 修正urlArgs的ud_id参数
|
||
that.editUrlArgs("ud_id", ud_id);
|
||
}
|
||
}
|
||
},
|
||
});
|
||
},
|
||
useVoucher: function (user_voucher_id) {
|
||
var that = this;
|
||
var params = {
|
||
user_voucher_id: user_voucher_id,
|
||
store_id: that.store_id,
|
||
voucher_type: "voucher",
|
||
};
|
||
that.spid ? (params.cart_id = that.spid) : "";
|
||
that.$.request({
|
||
url: this.Config.URL.user.voucher_used,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
var submitinfo = that.submitinfo;
|
||
|
||
submitinfo.total_voucher_price = data.items[0].voucher_price;
|
||
submitinfo.user_voucher_id = data.items[0].user_voucher_id;
|
||
|
||
var total_voucher_price = submitinfo.total_voucher_price
|
||
? submitinfo.total_voucher_price
|
||
: 0;
|
||
var order_money_select_items = submitinfo.order_money_select_items
|
||
? submitinfo.order_money_select_items
|
||
: 0;
|
||
var freight = submitinfo.freight ? submitinfo.freight : 0;
|
||
var activityDiscountMoney = submitinfo.activityDiscountMoney
|
||
? submitinfo.activityDiscountMoney
|
||
: 0;
|
||
|
||
submitinfo.orderSelMoneyAmount = parseFloat(
|
||
(
|
||
order_money_select_items +
|
||
freight -
|
||
total_voucher_price -
|
||
activityDiscountMoney
|
||
).toFixed(12)
|
||
);
|
||
submitinfo.orderSelMoneyAmount = Math.max(
|
||
0,
|
||
submitinfo.orderSelMoneyAmount
|
||
);
|
||
|
||
that.setData({
|
||
submitinfo: submitinfo,
|
||
});
|
||
// 修正urlArgs
|
||
that.editUrlArgs("user_voucher_id", data.items[0].user_voucher_id);
|
||
}
|
||
},
|
||
});
|
||
},
|
||
count: function (e) {
|
||
let that = this;
|
||
this.setData({
|
||
integral: e.detail.value,
|
||
}),
|
||
e.detail.value == 0 &&
|
||
this.setData({
|
||
integral: "",
|
||
}),
|
||
parseInt(e.detail.value) >
|
||
parseInt(this.submitinfo.UserMembership.UsablePoint)
|
||
? (this.setData({
|
||
integral: "",
|
||
discount: 0,
|
||
disbursements:
|
||
this.submitinfo.ShoppingCartHeaderInfo.ActualPayPrice,
|
||
}),
|
||
that.$.showModal({
|
||
title: "提示",
|
||
content: "请输入正确积分额度",
|
||
}))
|
||
: this.setData({
|
||
discount: (
|
||
this.integral / this.submitinfo.UserMembership.PointAsCashRate
|
||
).toFixed(2),
|
||
disbursements: (
|
||
this.submitinfo.ShoppingCartHeaderInfo.ActualPayPrice -
|
||
this.integral / this.submitinfo.UserMembership.PointAsCashRate
|
||
).toFixed(2),
|
||
}),
|
||
this.disbursements < 0 &&
|
||
this.setData({
|
||
disbursements: 0,
|
||
}),
|
||
(
|
||
this.integral / this.submitinfo.UserMembership.PointAsCashRate
|
||
).toFixed(2) > this.submitinfo.ShoppingCartHeaderInfo.ActualPayPrice &&
|
||
this.setData({
|
||
discount: this.submitinfo.ShoppingCartHeaderInfo.ActualPayPrice,
|
||
}),
|
||
this.submitinfo.ShoppingCartHeaderInfo.MaxUsableCash >=
|
||
this.disbursements
|
||
? this.setData({
|
||
balance: this.disbursements,
|
||
realMoney: 0,
|
||
})
|
||
: this.setData({
|
||
balance: this.submitinfo.ShoppingCartHeaderInfo.MaxUsableCash,
|
||
realMoney: (
|
||
this.disbursements -
|
||
this.submitinfo.ShoppingCartHeaderInfo.MaxUsableCash
|
||
).toFixed(2),
|
||
});
|
||
},
|
||
getLocalTime: function (e) {
|
||
e = e.replace("/Date(", "").replace(")/", "");
|
||
var t = new Date(parseInt(e));
|
||
return t;
|
||
},
|
||
getUrlParam: function (name, url) {
|
||
return (
|
||
decodeURIComponent(
|
||
(new RegExp("[?|&]" + name + "=" + "([^&;]+?)(&|#|;|$)").exec(
|
||
url
|
||
) || [, ""])[1].replace(/\+/g, "%20")
|
||
) || null
|
||
);
|
||
},
|
||
submitorder: function (e) {
|
||
let that = this;
|
||
if (that.$.isNull(that.order_id)) {
|
||
var params = that.urlArgs;
|
||
|
||
if (that.user_voucher_ids.length == 1) {
|
||
params.user_voucher_id = that.user_voucher_ids[0];
|
||
}
|
||
|
||
if (this.ud_id == 0) {
|
||
let msg = that.__("请选择你的收货地址！");
|
||
|
||
if (that.isVirtual) {
|
||
msg = that.__("请选择你的个人联系信息！");
|
||
}
|
||
|
||
that.$.showModal({
|
||
title: that.__("提示"),
|
||
showCancel: false,
|
||
content: msg,
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.isVirtual) {
|
||
var datetime = this.date + " " + this.time,
|
||
n = datetime.replace(/-/g, "/");
|
||
var r = new Date();
|
||
var i = new Date(n);
|
||
var s = r.getTime(),
|
||
o = i.getTime();
|
||
|
||
if (o - s < 0) {
|
||
that.$.showModal({
|
||
title: "提示",
|
||
showCancel: false,
|
||
content: "您选择的预约时间已不在服务预约时间范围内!",
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.product_service_date_flag)
|
||
if (that.$.isNull(this.date) || that.$.isNull(this.time)) {
|
||
that.$.showModal({
|
||
title: "提示",
|
||
showCancel: false,
|
||
content: "请选择预约服务日期与时间!",
|
||
});
|
||
return;
|
||
}
|
||
|
||
/*
|
||
if (!/^1[23456789]\d{9}$/.test(this.phone) && this.product_service_contactor_flag) {
|
||
that.$.showModal({title: "提示", showCancel: false, content: "手机号有误!"});
|
||
return
|
||
}
|
||
|
||
if (this.sp == 1) {
|
||
if (that.$.isNull(this.ud_name) && this.product_service_contactor_flag) {
|
||
that.$.showModal({title: "提示", showCancel: false, content: "请填写预约人姓名!"});
|
||
return
|
||
}
|
||
if (that.$.isNull(this.phone) && this.product_service_contactor_flag) {
|
||
that.$.showModal({title: "提示", showCancel: false, content: "请填写预约人手机号码!"});
|
||
return
|
||
}
|
||
} else {
|
||
if (that.$.isNull(this.ud_name) && this.product_service_contactor_flag) {
|
||
that.$.showModal({title: "提示", showCancel: false, content: "请填写预约人姓名!"});
|
||
return
|
||
}
|
||
if (that.$.isNull(this.phone) && this.product_service_contactor_flag) {
|
||
that.$.showModal({title: "提示", showCancel: false, content: "请填写预约人手机号码!"});
|
||
return
|
||
}
|
||
if (that.$.isNull(this.detail)) {
|
||
that.$.showModal({title: "提示", showCancel: false, content: "请填写预约人服务地址!"});
|
||
return
|
||
}
|
||
}
|
||
*/
|
||
}
|
||
var paymentTypeId = that.submitinfo.items[0].items[0].payment_type_id;
|
||
params.payment_form_id = paymentTypeId;
|
||
|
||
params.user_voucher_ids = JSON.stringify(that.user_voucher_ids);
|
||
params.redemption_ids = JSON.stringify(that.redemption_ids);
|
||
params.ud_id = params.ud_id || that.ud_id;
|
||
params.ifcart = that.ifcart; // 传入cart_id时直接购买，未传时走购物车
|
||
params.cart_id = that.cart_id;
|
||
params.payment_type_id = that.StateCode.PAYMENT_TYPE_ONLINE;
|
||
|
||
// 决定配送方式
|
||
if (that.selfpickFlag || that.storeServeFlag) {
|
||
params.delivery_type_id = 5;
|
||
} else if (that.addressFlag) {
|
||
params.delivery_type_id = 10;
|
||
} else if (that.intraCityService) {
|
||
params.delivery_type_id = 16;
|
||
}
|
||
// params.delivery_type_id = that.selfpickFlag ? 5 : 10; //是否自提; //DELIVERY_TYPE_SELF_PICK_UP = 5
|
||
params.delivery_time_id = 1;
|
||
|
||
params.invoice_type_id = 1;
|
||
params.order_invoice_title = "";
|
||
|
||
params.order_message = JSON.stringify(that.order_message);
|
||
|
||
params.virtual_service_date = that.date;
|
||
params.virtual_service_time = that.date + " " + that.time;
|
||
params.chain_id = that.chain_id;
|
||
params.checked_store = that.checked_store;
|
||
|
||
params.distributor_id = uni.getStorageSync("store_id");
|
||
params.salesperson_id = that.salesperson_id;
|
||
params.user_invoice_id = that.user_invoice_id;
|
||
|
||
let source_item_id = uni.getStorageSync("source_item_id");
|
||
params.source_item_id = source_item_id;
|
||
|
||
params.is_delivery = that.selfpickFlag ? 0 : 1; //是否自提
|
||
params.kind_id = that.kind_id;
|
||
that.$.request({
|
||
url: this.Config.URL.user.order_add,
|
||
data: params,
|
||
method: "POST",
|
||
success: function (data, status, msg, code) {
|
||
//console.info(JSON.stringify(data));
|
||
if (200 == status) {
|
||
//删除旧数据
|
||
if (source_item_id) {
|
||
let source_item_id_row = JSON.parse(source_item_id);
|
||
for (
|
||
let store_idx = 0;
|
||
store_idx < data.items.length;
|
||
store_idx++
|
||
) {
|
||
for (
|
||
let item_idx = 0;
|
||
item_idx < data.items[store_idx].items.length;
|
||
item_idx++
|
||
) {
|
||
let order_item_id =
|
||
data.items[store_idx].items[item_idx].item_id;
|
||
|
||
//完成后删除数据吧
|
||
if (source_item_id) {
|
||
for (var tk in source_item_id_row) {
|
||
if (source_item_id_row[tk].u) {
|
||
if (tk == order_item_id) {
|
||
delete source_item_id_row[tk];
|
||
} else {
|
||
let time = parseInt(Date.parse(new Date()) / 100);
|
||
//判断是否超时
|
||
if (time - source_item_id_row[tk].t > 86400 * 30) {
|
||
delete source_item_id_row[tk];
|
||
}
|
||
}
|
||
} else {
|
||
delete source_item_id_row[tk];
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
uni.setStorageSync(
|
||
"source_item_id",
|
||
JSON.stringify(source_item_id_row)
|
||
);
|
||
}
|
||
|
||
that.setData({
|
||
order_id: data.order_id.join(","),
|
||
});
|
||
|
||
if (data.gb_id) {
|
||
that.isFightGroup = data.gb_id;
|
||
}
|
||
|
||
that.setData({
|
||
paymentData: {
|
||
order_id: that.order_id,
|
||
orderSelMoneyAmount: data.orderSelMoneyAmount.toFixed(2),
|
||
|
||
user_money: data.user_money,
|
||
user_points: data.user_points,
|
||
user_recharge_card: that.userInfo.user_recharge_card,
|
||
user_sp: that.userInfo.user_sp,
|
||
},
|
||
});
|
||
|
||
that.reloadUserResource(function (user_info) {});
|
||
|
||
/*
|
||
that.$.showToast({
|
||
title: "添加订单成功！"
|
||
});
|
||
*/
|
||
//
|
||
// that.gotopay();
|
||
// 判断如果是虚拟商品
|
||
// const item = that.submitinfo.items[0].items[0];
|
||
// if(item.payment_type_id === 1){
|
||
// that.$.gotopage("/member/order/detail?on=" + that.order_id)
|
||
// } else {
|
||
that.notice.postNotificationName("GotoPayCheckout");
|
||
// }
|
||
} else {
|
||
/*
|
||
setTimeout(() => {
|
||
|
||
that.setData({
|
||
showPopupFlag: true,
|
||
popupMsg: msg
|
||
});
|
||
|
||
}, 10);
|
||
*/
|
||
if (
|
||
(data && data.hasOwnProperty("mobile_is_bind")) ||
|
||
code == 77011
|
||
) {
|
||
that.$.confirm(
|
||
msg,
|
||
function (data) {
|
||
if (data.confirm) {
|
||
//绑定手机操作
|
||
that.$.gopage("/member/member/bindphone");
|
||
}
|
||
},
|
||
true
|
||
);
|
||
} else {
|
||
that.$.confirm(msg);
|
||
}
|
||
}
|
||
},
|
||
fail: function (data, status, msg, code) {
|
||
that.$.showToast({
|
||
title: msg,
|
||
});
|
||
},
|
||
});
|
||
} else {
|
||
const item = that.submitinfo.items[0].items[0];
|
||
if (item.payment_type_id === 1) {
|
||
that.$.gotopage("/member/order/detail?on=" + that.order_id);
|
||
} else {
|
||
that.gotopay();
|
||
}
|
||
//that.gotopay()
|
||
}
|
||
},
|
||
gotopay: function (e) {
|
||
//console.info('gotopay');
|
||
setTimeout(() => {
|
||
this.$refs.paymentBox.show();
|
||
}, 400);
|
||
|
||
return true;
|
||
|
||
var param = {
|
||
order_id: this.order_id,
|
||
openid: this.userInfo.openId,
|
||
typ: "json",
|
||
payment_channel_code: "wx_native",
|
||
prepay_flag: 1,
|
||
};
|
||
|
||
var that = this;
|
||
this.isSubmit = true;
|
||
|
||
that.$.request({
|
||
url: this.Config.URL.pay.pay,
|
||
data: param,
|
||
success: function (data, status, msg, code) {
|
||
if (status == 200) {
|
||
that.$.requestPayment({
|
||
timeStamp: data.timeStamp,
|
||
nonceStr: data.nonceStr,
|
||
package: data.package,
|
||
signType: data.signType,
|
||
paySign: data.paySign,
|
||
success: function (n) {
|
||
that.isTmplMsg && that.sendMessage(param.order_id, 2);
|
||
that.returnUrl(param.order_id);
|
||
},
|
||
fail: function (n) {
|
||
that.$.gotopage("/member/order/detail?on=" + param.order_id);
|
||
that.isTmplMsg && that.sendMessage(param.order_id, 1);
|
||
},
|
||
complete: function (n) {
|
||
if (n.errMsg == "requestPayment:cancel") {
|
||
that.$.gotopage("/member/order/detail?on=" + param.order_id);
|
||
|
||
that.isTmplMsg && that.sendMessage(param.order_id, 1);
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.alert(msg);
|
||
}
|
||
},
|
||
|
||
fail: function (err) {},
|
||
});
|
||
},
|
||
inputRemark: function (e) {
|
||
//console.info( e.detail.value);
|
||
//console.info( e.detail.value.length);
|
||
//console.info( e.currentTarget.dataset.id);
|
||
//console.info( e.currentTarget.dataset.store_id);
|
||
var submitinfo = this.submitinfo;
|
||
submitinfo.items[e.currentTarget.dataset.id].remark = e.detail.value;
|
||
submitinfo.items[e.currentTarget.dataset.id].remarkLength =
|
||
e.detail.value.length;
|
||
|
||
var order_message_len = this.order_message_len;
|
||
var order_message = this.order_message;
|
||
|
||
this.$set(
|
||
this.order_message_len,
|
||
e.currentTarget.dataset.id,
|
||
e.detail.value.length
|
||
);
|
||
this.$set(
|
||
this.order_message,
|
||
e.currentTarget.dataset.store_id,
|
||
e.detail.value
|
||
);
|
||
//order_message_len[e.currentTarget.dataset.id] = e.detail.value.length;
|
||
//order_message[e.currentTarget.dataset.store_id] = e.detail.value;
|
||
|
||
this.setData({
|
||
order_message: order_message,
|
||
order_message_len: order_message_len,
|
||
});
|
||
|
||
this.setData({
|
||
submitinfo: submitinfo,
|
||
});
|
||
},
|
||
sendMessage: function (e, t) {
|
||
let that = this;
|
||
var n = {
|
||
api: this.Config.URL.wx.get_tpl_msg_config,
|
||
pages: "/member/order/detail?on=" + e,
|
||
formId: this.formId,
|
||
WeiXinOpenId: this.userInfo.openId,
|
||
value: {
|
||
order_id: e,
|
||
msg_type: t == 1 ? "OrderSubmitMessage" : "OrderPaySuccessWXMessage",
|
||
},
|
||
};
|
||
|
||
that.$.sendTpl(n);
|
||
},
|
||
suitcouponlist: function (e) {
|
||
var that = this;
|
||
var urlArgs = that.urlArgs;
|
||
urlArgs.user_voucher_id = parseInt(
|
||
e.currentTarget.dataset.user_voucher_id
|
||
); //当前选中的
|
||
urlArgs.val = JSON.stringify(
|
||
that.submitinfo.items[e.currentTarget.dataset.id].voucher_items
|
||
);
|
||
|
||
if (that.user_voucher_ids.length == 1) {
|
||
urlArgs.user_voucher_id = that.user_voucher_ids[0];
|
||
}
|
||
|
||
urlArgs.amount =
|
||
this.submitinfo.items[e.currentTarget.dataset.id].productMoneySelGoods;
|
||
|
||
var url = that.$.createUrl("/activity/coupon/member", urlArgs);
|
||
that.$.navigateTo({
|
||
url: url,
|
||
});
|
||
},
|
||
suitredemptionlist: function (e) {
|
||
var that = this;
|
||
var urlArgs = that.urlArgs;
|
||
urlArgs.redemption_id = parseInt(e.currentTarget.dataset.redemption_id); //当前选中的
|
||
urlArgs.val = encodeURIComponent(
|
||
JSON.stringify(
|
||
that.submitinfo.items[e.currentTarget.dataset.id].redemption_items
|
||
)
|
||
);
|
||
var url = that.$.createUrl("/activity/redemption/member", urlArgs);
|
||
that.$.navigateTo({
|
||
url: url,
|
||
});
|
||
},
|
||
listInvoice: function (e) {
|
||
var that = this;
|
||
var urlArgs = that.urlArgs;
|
||
|
||
urlArgs.user_invoice_id = parseInt(
|
||
e.currentTarget.dataset.user_invoice_id
|
||
); //当前选中的
|
||
urlArgs.issub = 1;
|
||
var url = that.$.createUrl("/member/invoice/list", urlArgs);
|
||
that.$.navigateTo({
|
||
url: url,
|
||
});
|
||
},
|
||
onCancel: function (e) {},
|
||
onPaid: function (e) {
|
||
//重新加载用户资源数据
|
||
let that = this;
|
||
that.reloadUserResource(function (user_info) {
|
||
that.returnUrl(that.order_id);
|
||
});
|
||
},
|
||
onFail: function (e) {
|
||
let that = this;
|
||
that.$.gotopage("/member/order/detail?on=" + this.order_id);
|
||
},
|
||
returnUrl: function (e) {
|
||
var that = this;
|
||
if (that.isFightGroup) {
|
||
that.$.gotopage(
|
||
"/activity/fightgroup/detail?gb_id=" + that.isFightGroup + "&on=" + e
|
||
);
|
||
} else {
|
||
// 延时100毫秒等待异步队列setPaidYes的处理
|
||
setTimeout(function () {
|
||
that.$.gotopage(
|
||
"/member/order/detail?on=" + e + "&init_pay_flag=true"
|
||
);
|
||
}, 100);
|
||
}
|
||
|
||
return;
|
||
|
||
if (!that.$.isNull(that.spinfo)) {
|
||
var n = JSON.parse(that.spinfo);
|
||
if (n.isFightGroup == 2) {
|
||
if (n.isOwner) {
|
||
that.$.gotopage("/activity/fightgroup/detail?on=" + e);
|
||
return;
|
||
}
|
||
that.$.navigateBack(1, function () {
|
||
this.notice.postNotificationName("RefreshFG");
|
||
});
|
||
return;
|
||
}
|
||
that.$.gotopage("/member/order/detail?on=" + e);
|
||
return;
|
||
}
|
||
that.$.gotopage("/member/order/detail?on=" + e);
|
||
return;
|
||
},
|
||
selectAddress: function () {
|
||
var that = this;
|
||
var urlArgs = that.urlArgs;
|
||
var url = "";
|
||
|
||
//console.info('selectAddress');
|
||
|
||
/*
|
||
that.$.chooseAddress({
|
||
success: function (t) {
|
||
var params = {
|
||
ud_city: t.cityName,
|
||
ud_county: t.countyName,
|
||
ud_province: t.provinceName,
|
||
ud_address: t.detailInfo,
|
||
errMsg: t.errMsg,
|
||
ud_name: t.userName,
|
||
nationalCode: t.nationalCode,
|
||
ud_postalcode: t.postalCode,
|
||
ud_mobile: t.telNumber,
|
||
user_id: this.userInfo.user_id
|
||
};
|
||
|
||
that.$.request({
|
||
url: that.Config.URL.user.check_wechat_address,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
//判断返回结果，直接设置
|
||
if (status == 200) {
|
||
if (data.ud_id > 0) {
|
||
that.setData({ud_id: data.ud_id})
|
||
url = "/member/address/list";
|
||
urlArgs.issub = "true";
|
||
urlArgs.ud_id = data.ud_id;
|
||
}
|
||
|
||
that.$.navigateTo({url: that.$.createUrl(url, urlArgs)});
|
||
} else {
|
||
that.$.alert(msg);
|
||
}
|
||
}
|
||
});
|
||
//that.$.xsr(that.$.makeUrl(orderapi.selectAddressInfo, params), function (t) {
|
||
// that.setData({ud_id: t.Info.id}), that.getCartList()
|
||
//})
|
||
},
|
||
fail: function (t) {
|
||
|
||
if (that.ud_id > 0) {
|
||
url = "/member/address/list";
|
||
urlArgs.issub = "true";
|
||
urlArgs.ud_id = that.ud_id;
|
||
} else {
|
||
url = "/member/address/manage";
|
||
urlArgs.ud_id = -1;
|
||
urlArgs.issub = "true";
|
||
}
|
||
that.$.navigateTo({url: that.$.createUrl(url, urlArgs)});
|
||
}
|
||
})
|
||
*/
|
||
|
||
if (that.ud_id > 0) {
|
||
url = "/member/address/list";
|
||
urlArgs.issub = "true";
|
||
urlArgs.ud_id = that.ud_id;
|
||
} else {
|
||
url = "/member/address/manage";
|
||
urlArgs.ud_id = -1;
|
||
urlArgs.issub = "true";
|
||
}
|
||
that.$.navigateTo({
|
||
url: that.$.createUrl(url, urlArgs),
|
||
});
|
||
},
|
||
|
||
getNearbylist: function (store_id) {
|
||
var that = this;
|
||
var params = {
|
||
store_id: store_id,
|
||
item_id: that.item_ids.join(","),
|
||
lat: that.latitude,
|
||
lng: that.longitude,
|
||
page: 1,
|
||
rows: 10,
|
||
};
|
||
if (that.chain_id) {
|
||
params["chain_id"] = that.chain_id;
|
||
params["is_chain"] = 1;
|
||
}
|
||
|
||
if (that.chain_rows.length <= 0) {
|
||
//读取店铺下面的门店列表
|
||
that.$.request({
|
||
url: this.Config.URL.store.getNearChain,
|
||
data: params,
|
||
loading: false,
|
||
dataType: "json",
|
||
success: function (data, status, msg, code) {
|
||
if (!that.$.isNull(data.items) && data.items.length > 0) {
|
||
that.setData({
|
||
chain_rows: data.items,
|
||
});
|
||
|
||
for (let i = 0; i < data.items.length; i++) {
|
||
data.items[i]["distance"] = that.$.distanceFormat(
|
||
data.items[i]["distance"]
|
||
);
|
||
|
||
if (that.chain_id == data.items[i].chain_id) {
|
||
that.setData({
|
||
chainFlag: true,
|
||
ChainInfo: data.items[0],
|
||
chain_id: data.items[0].chain_id,
|
||
AddressInfo: data.items[0],
|
||
item_id: params.item_id,
|
||
physicalStoreId: data.items[0].Id,
|
||
});
|
||
}
|
||
}
|
||
|
||
if (!that.chain_id) {
|
||
that.setData({
|
||
chainFlag: true,
|
||
ChainInfo: data.items[0],
|
||
chain_id: data.items[0].chain_id,
|
||
AddressInfo: data.items[0],
|
||
item_id: params.item_id,
|
||
physicalStoreId: data.items[0].Id,
|
||
});
|
||
}
|
||
} else {
|
||
that.setData({
|
||
chainFlag: false,
|
||
});
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
express: function () {
|
||
this.setData({
|
||
addressFlag: 1,
|
||
selfpickFlag: 0,
|
||
storeServeFlag: 0,
|
||
ud_name: "",
|
||
phone: "",
|
||
intraCityService: 0,
|
||
});
|
||
|
||
this.addressFlag
|
||
? this.setData({
|
||
shipMethod: 0,
|
||
})
|
||
: this.setData({
|
||
shipMethod: 1,
|
||
});
|
||
|
||
this.getCartList();
|
||
},
|
||
handerIntraCityService() {
|
||
this.intraCityService = 1;
|
||
this.addressFlag = 0;
|
||
this.selfpickFlag = 0;
|
||
this.getCartList();
|
||
},
|
||
//自提操作，需要用到 - 虚拟商品暂时共用
|
||
|
||
draw: function (e) {
|
||
let store_id = e.currentTarget.dataset.store_id;
|
||
|
||
this.setData({
|
||
addressFlag: 0,
|
||
selfpickFlag: 1,
|
||
storeServeFlag: 0,
|
||
intraCityService: 0,
|
||
});
|
||
|
||
this.drawSelf(store_id);
|
||
|
||
this.getCartList();
|
||
},
|
||
|
||
serve: function (e) {
|
||
let store_id = e.currentTarget.dataset.store_id;
|
||
|
||
this.setData({
|
||
addressFlag: 0,
|
||
selfpickFlag: 0,
|
||
storeServeFlag: 1,
|
||
});
|
||
|
||
this.drawSelf(store_id);
|
||
|
||
this.getCartList();
|
||
},
|
||
|
||
drawSelf: function (store_id) {
|
||
//return ;
|
||
|
||
var that = this;
|
||
|
||
that.$.getLocation({
|
||
type: "wgs84",
|
||
success: function (t) {
|
||
that.setData({
|
||
latitude: t.latitude,
|
||
longitude: t.longitude,
|
||
});
|
||
that.getNearbylist(store_id);
|
||
},
|
||
fail: function () {
|
||
that.setData({
|
||
isdata: true,
|
||
});
|
||
|
||
// that.$.alert("授权失败");
|
||
|
||
that.getNearbylist(store_id);
|
||
},
|
||
});
|
||
|
||
this.selfpickFlag
|
||
? this.setData({
|
||
shipMethod: 1,
|
||
})
|
||
: this.setData({
|
||
shipMethod: 0,
|
||
});
|
||
|
||
//this.getCartList();
|
||
//this.getNearbylist(store_id)
|
||
},
|
||
bindTimeChange: function (e) {
|
||
this.setData({
|
||
time: e.detail.value,
|
||
});
|
||
},
|
||
bindDateChange: function (e) {
|
||
this.setData({
|
||
date: e.detail.value,
|
||
});
|
||
},
|
||
switchChange: function (e) {
|
||
e.detail.value
|
||
? this.setData({
|
||
realMoney: this.realMoney,
|
||
isBalance: true,
|
||
})
|
||
: this.setData({
|
||
disbursements: this.disbursements,
|
||
isBalance: false,
|
||
});
|
||
},
|
||
editUrlArgs: function (paramKey, paramValue) {
|
||
var urlArgs = this.urlArgs;
|
||
urlArgs[paramKey] = paramValue;
|
||
this.setData({
|
||
urlArgs: urlArgs,
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
|
||
<style lang="scss">
|
||
@import "../../styles/_variables";
|
||
|
||
.page-container {
|
||
padding: 20rpx;
|
||
}
|
||
|
||
.m-island-type {
|
||
background: #fff;
|
||
padding: 30rpx 20rpx;
|
||
|
||
.m-tit {
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.m-type {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
}
|
||
}
|
||
|
||
.m-item {
|
||
.m-imgs {
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
border-radius: 50%;
|
||
background: #f1e6da;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
image {
|
||
width: 64rpx;
|
||
height: 64rpx;
|
||
}
|
||
}
|
||
|
||
.m-imgs-active {
|
||
background: #333959;
|
||
}
|
||
|
||
.m-name {
|
||
margin-top: 15rpx;
|
||
}
|
||
}
|
||
|
||
.m-cells {
|
||
font-size: 28rpx;
|
||
|
||
border-radius: 12rpx;
|
||
}
|
||
|
||
.m-addres-info {
|
||
padding: 32rpx 0;
|
||
background-color: white;
|
||
overflow: hidden;
|
||
position: relative;
|
||
|
||
border-radius: 12rpx;
|
||
}
|
||
|
||
.m-order-typetxt {
|
||
color: $default-skin-bg;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.m-addres-info::before {
|
||
content: "";
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 6rpx;
|
||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL0AAAAECAYAAADbEj6NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZFNEY0MzZFNERFMTFFNUE1MEFGNzBDMjEwRENBN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZFNEY0MzdFNERFMTFFNUE1MEFGNzBDMjEwRENBN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NkU0RjQzNEU0REUxMUU1QTUwQUY3MEMyMTBEQ0E3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NkU0RjQzNUU0REUxMUU1QTUwQUY3MEMyMTBEQ0E3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn/dxJgAAAEGSURBVHjaYpToP8mABlSAuAuIAxkGH1gPxGVAfIcYxRc/lpJqvhgQtwNxAhAzDTK/nwDiXCA+Q4ziP7ccSDWfB4grgLgIiDkHmd+vAXExEO8gRrGxqTdeeRYktgAQ10ADlm2Qefo8NDIOEKuBxATPBvV3DTQcBhN4BE2MK4D4Pw0SPBM0k7cAseQg8/sbIK4H4lkgb1EjwcMSPQinAXEjEIsMMk+/AOJqIF4AxP9olOADoTWbyiDz+xcg7gDiPiD+TqwmEhO8A9R8w0Hm919APBmaET8Qq4mYBA9L9BeBWGs4eJrEBG8IjXCHQeb3f9BMDqp1npOikYQEP2yasKQmeFDBDhBgALcVQI75FJrUAAAAAElFTkSuQmCC)
|
||
center repeat;
|
||
bottom: 0;
|
||
border-bottom: 2px dashed #f1e6da;
|
||
}
|
||
|
||
.m-ad-name {
|
||
display: -webkit-box;
|
||
position: relative;
|
||
margin-left: 40rpx;
|
||
-webkit-box-flex: 1;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.m-ad-name text {
|
||
margin: 0 10rpx 0 20rpx;
|
||
}
|
||
|
||
.m-ad-name::after {
|
||
content: "\e7e0";
|
||
position: absolute;
|
||
left: -48rpx;
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
margin-top: -20rpx;
|
||
font-family: "iconfont" !important;
|
||
text-align: center;
|
||
line-height: 80rpx;
|
||
font-size: 80rpx;
|
||
}
|
||
|
||
.m-ad-address {
|
||
width: 650rpx;
|
||
margin-left: 16rpx;
|
||
display: -webkit-box;
|
||
-webkit-box-flex: 1;
|
||
line-height: 50rpx;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
position: relative;
|
||
padding-left: 40rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
color: #888;
|
||
margin-top: 10rpx;
|
||
}
|
||
|
||
.m-addres-info .m-cell-ft {
|
||
position: absolute;
|
||
right: 20rpx;
|
||
top: 50%;
|
||
}
|
||
|
||
.m-product-all {
|
||
margin-top: 20rpx;
|
||
}
|
||
|
||
.total-info {
|
||
margin-top: 20rpx;
|
||
margin-top: 0rpx;
|
||
}
|
||
|
||
.m-panel-hd::after {
|
||
border: none;
|
||
}
|
||
|
||
.m-total-info {
|
||
padding: 10rpx 20rpx;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.m-total-info label {
|
||
font-size: 32rpx;
|
||
color: $default-skin-bg;
|
||
}
|
||
|
||
.m-footer-btn {
|
||
height: 110rpx;
|
||
width: 100%;
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
background-color: #fff;
|
||
//border-top: 1rpx solid #d5d5d5;
|
||
border-radius: 0;
|
||
z-index: 100;
|
||
|
||
bottom: constant(safe-area-inset-bottom);
|
||
bottom: env(safe-area-inset-bottom);
|
||
|
||
display: flex;
|
||
|
||
uni-form {
|
||
width: auto;
|
||
margin: auto;
|
||
}
|
||
}
|
||
|
||
.m-footer-btn-list {
|
||
width: 70%;
|
||
height: 100%;
|
||
position: relative;
|
||
float: left;
|
||
}
|
||
|
||
.m-footer-btn-item {
|
||
position: relative;
|
||
float: left;
|
||
width: 100%;
|
||
font-size: 24rpx;
|
||
color: #888;
|
||
line-height: 40rpx;
|
||
padding: 15rpx 0;
|
||
box-sizing: border-box;
|
||
height: 100%;
|
||
}
|
||
|
||
.m-footer-btn-main {
|
||
height: 80rpx;
|
||
float: left;
|
||
background-color: $default-skin-bg;
|
||
color: #fff;
|
||
line-height: 80rpx;
|
||
font-size: 32rpx;
|
||
text-align: center;
|
||
border-radius: 0;
|
||
|
||
border-radius: 9px;
|
||
line-height: 80rpx;
|
||
|
||
text-align: center;
|
||
margin: auto;
|
||
margin-left: 20rpx;
|
||
margin-right: 20rpx;
|
||
|
||
width: 230rpx;
|
||
}
|
||
|
||
.m-cart-total {
|
||
text-align: right;
|
||
padding-right: 20rpx;
|
||
}
|
||
|
||
.m-cart-total text {
|
||
font-size: 36rpx;
|
||
color: $default-skin-bg;
|
||
|
||
&.mcs {
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
|
||
.m-cart-total label {
|
||
color: $default-skin-bg;
|
||
}
|
||
|
||
.m-product-price text {
|
||
font-size: 24rpx;
|
||
margin-left: 8rpx;
|
||
}
|
||
|
||
.pre-info-price {
|
||
height: 18rpx !important;
|
||
font-size: 12px !important;
|
||
color: #b0b0b0 !important;
|
||
margin: 0 0 0 10rpx !important;
|
||
|
||
margin-left: 30rpx !important;
|
||
|
||
.mcs {
|
||
color: #b0b0b0;
|
||
font-size: 10px;
|
||
}
|
||
}
|
||
|
||
.u-null-ad label {
|
||
font-size: 40rpx;
|
||
}
|
||
|
||
.u-null-ad text {
|
||
color: $default-skin-bg;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.u-disabled {
|
||
background-color: $default-skin-bg-disabled;
|
||
}
|
||
|
||
.arrow {
|
||
width: 20rpx;
|
||
}
|
||
|
||
.coupon {
|
||
position: relative;
|
||
left: 12rpx;
|
||
font-weight: bold;
|
||
font-size: 26rpx;
|
||
}
|
||
|
||
.nearbylist-item {
|
||
padding: 20rpx 30rpx;
|
||
border-bottom: 1px solid #eee;
|
||
background: white;
|
||
}
|
||
|
||
.nearbylist-item:last-child {
|
||
border: none;
|
||
}
|
||
|
||
.item-info {
|
||
position: relative;
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.item-name {
|
||
display: inline-block;
|
||
font-size: 30rpx;
|
||
}
|
||
|
||
.item-phone {
|
||
line-height: 45rpx;
|
||
}
|
||
|
||
.item-distance {
|
||
float: right;
|
||
font-size: 26rpx;
|
||
color: #bbb;
|
||
}
|
||
|
||
.item-address {
|
||
position: relative;
|
||
font-size: 26rpx;
|
||
color: #bbb;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 1;
|
||
margin-right: 40rpx;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.item-info::after {
|
||
content: " ";
|
||
display: inline-block;
|
||
height: 12rpx;
|
||
width: 12rpx;
|
||
border-width: 4rpx 4rpx 0 0;
|
||
border-color: #ebebe7;
|
||
border-style: solid;
|
||
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
||
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
||
top: -4rpx;
|
||
position: absolute;
|
||
top: 72%;
|
||
right: 4rpx;
|
||
padding: 3rpx;
|
||
}
|
||
|
||
.distribution {
|
||
display: flex;
|
||
align-items: center;
|
||
background: #fff;
|
||
padding: 30rpx 30rpx;
|
||
margin-top: 20rpx;
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.m-product-price1 text {
|
||
font-size: 24rpx;
|
||
color: #888;
|
||
margin-left: 8rpx;
|
||
}
|
||
|
||
.m-product-price {
|
||
/*display: flex;*/
|
||
justify-content: space-between;
|
||
padding-right: 20rpx;
|
||
margin-top: 6rpx;
|
||
}
|
||
|
||
.u-cart-num {
|
||
position: absolute;
|
||
bottom: 20rpx;
|
||
right: 20rpx;
|
||
}
|
||
|
||
.btn {
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
padding-left: 20rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
background: #ffffff;
|
||
border-bottom: 1px solid #d5d5d5;
|
||
}
|
||
|
||
/*mask*/
|
||
.drawer_screen {
|
||
width: 100%;
|
||
height: 100%;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 1000;
|
||
background: #000;
|
||
opacity: 0.5;
|
||
overflow: hidden;
|
||
}
|
||
|
||
/*content*/
|
||
.drawer_box {
|
||
width: 650rpx;
|
||
overflow: hidden;
|
||
position: fixed;
|
||
top: 50%;
|
||
left: 0;
|
||
z-index: 1001;
|
||
background: #fafafa;
|
||
margin: -150px 50rpx 0 50rpx;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
.drawer_title {
|
||
padding: 15px;
|
||
font: 20px "microsoft yahei";
|
||
text-align: center;
|
||
}
|
||
|
||
.drawer_content {
|
||
height: 210px;
|
||
overflow-y: scroll;
|
||
/*超出父盒子高度可滚动*/
|
||
}
|
||
|
||
.btn_ok {
|
||
padding: 10px;
|
||
font: 20px "microsoft yahei";
|
||
text-align: center;
|
||
border-top: 1px solid #e8e8ea;
|
||
color: #3cc51f;
|
||
}
|
||
|
||
.top {
|
||
padding-top: 8px;
|
||
}
|
||
|
||
.bottom {
|
||
padding-bottom: 8px;
|
||
}
|
||
|
||
.title {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
width: 160rpx;
|
||
text-align: center;
|
||
display: inline-block;
|
||
font: 300 28rpx/30px "microsoft yahei";
|
||
}
|
||
|
||
.hint {
|
||
padding: 40rpx;
|
||
font-size: 12px;
|
||
color: #717171;
|
||
}
|
||
|
||
.hint text {
|
||
padding-left: 20rpx;
|
||
}
|
||
|
||
.footer {
|
||
border-top: 2rpx solid #d5d5d5;
|
||
position: absolute;
|
||
bottom: 0;
|
||
width: 100%;
|
||
height: 100rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.footer view {
|
||
width: 50%;
|
||
text-align: center;
|
||
font-size: 32rpx;
|
||
line-height: 100rpx;
|
||
}
|
||
|
||
.footer-btn {
|
||
width: 50%;
|
||
background: $default-skin-bg;
|
||
height: 100rpx;
|
||
line-height: 100rpx;
|
||
text-align: center;
|
||
border-radius: 1rpx;
|
||
color: #fff;
|
||
}
|
||
|
||
.m-store {
|
||
padding-top: 30rpx;
|
||
padding-bottom: 20rpx;
|
||
}
|
||
|
||
.m-store-c {
|
||
//padding-top: 20rpx;
|
||
padding-left: 20rpx;
|
||
|
||
position: relative;
|
||
}
|
||
|
||
.m-store-info {
|
||
padding: 20rpx;
|
||
margin-left: 30rpx;
|
||
}
|
||
|
||
.icon-store {
|
||
position: absolute;
|
||
top: -12rpx;
|
||
}
|
||
|
||
.icon-store:before {
|
||
font-size: 20px;
|
||
}
|
||
|
||
.m-store-info label {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.m-cells-title {
|
||
width: 70rpx;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
line-height: 100rpx;
|
||
}
|
||
.u-textarea {
|
||
height: 100rpx;
|
||
line-height: 100rpx;
|
||
}
|
||
|
||
.placeholder-u-textarea {
|
||
height: 100rpx;
|
||
font-size: 12px;
|
||
color: #959593;
|
||
line-height: 100rpx;
|
||
}
|
||
|
||
.m-product-box {
|
||
border-radius: 12rpx;
|
||
background-color: #fff;
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
.m-product-item {
|
||
flex-direction: column;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.m-product-item:after {
|
||
content: " ";
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
height: 1px;
|
||
border-bottom: 1px solid #ebebe7;
|
||
color: #ebebe7;
|
||
/*transform-origin: 0 100%;*/
|
||
transform: scaleY(0.5);
|
||
}
|
||
|
||
.m-item-c {
|
||
position: relative;
|
||
/* width: 850rpx; */
|
||
//height: 212rpx;
|
||
display: flex;
|
||
}
|
||
|
||
.m-item-act {
|
||
position: relative;
|
||
width: 850rpx;
|
||
height: 100rpx;
|
||
}
|
||
|
||
.m-act-img {
|
||
width: 212rpx;
|
||
height: 212rpx;
|
||
|
||
image {
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
}
|
||
}
|
||
|
||
.act-item-name {
|
||
width: 570rpx;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.u-textarea-counter {
|
||
position: absolute;
|
||
right: 20rpx;
|
||
bottom: 0;
|
||
}
|
||
|
||
.mcs {
|
||
font-size: 12px;
|
||
color: $default-skin-bg;
|
||
}
|
||
|
||
.m-total-price {
|
||
color: $default-skin-bg;
|
||
font-size: 17px;
|
||
}
|
||
|
||
form {
|
||
flex: 1;
|
||
}
|
||
|
||
.tag {
|
||
padding: 0 10rpx;
|
||
}
|
||
</style>
|