|
|
@@ -1,239 +1,137 @@
|
|
|
<template>
|
|
|
<view :style="themeColor()" class="payment-wrap">
|
|
|
- <view class="payment-body min-h-[100vh]" v-if="orderData">
|
|
|
+ <view class="payment-body min-h-[100vh]">
|
|
|
<!-- #ifdef MP -->
|
|
|
<top-tabbar :data="topTabbarData" :scrollBool="topTabarObj.getScrollBool()" :mustFill="true" />
|
|
|
<!-- #endif -->
|
|
|
<view class="pt-[30rpx] sidebar-margin payment-bottom">
|
|
|
<!-- 配送方式 -->
|
|
|
- <view class="mb-[var(--top-m)] rounded-[var(--rounded-big)] bg-white" v-if="orderData.basic.has_goods_types.includes('real') && delivery_type_list.length"
|
|
|
- :style="{backgroundImage: `url(${img('addon/shop/payment/head_bg.png')})`, backgroundSize: '100%', backgroundRepeat: 'no-repeat', backgroundPosition: 'bottom'}">
|
|
|
- <view class="rounded-tl-[var(--rounded-big)] rounded-tr-[var(--rounded-big)] head-tab flex items-center w-full bg-[var(--shop-payment-header-tab-color)]" v-if="delivery_type_list.length > 1">
|
|
|
- <view v-for="(item, index) in delivery_type_list" :key="index" class="head-tab-item flex-1 relative" :class="{'active': index === activeIndex}">
|
|
|
- <view class="h-[74rpx] relative z-10 text-center leading-[74rpx] text-[28rpx]" @click="switchDeliveryType(item.key, index)">{{ item.name }}</view>
|
|
|
- <image v-if="index === activeIndex && delivery_type_list.length == 3" class="tab-image absolute bottom-[-2rpx] h-[94rpx] w-[240rpx]" :src="img(`addon/shop/payment/tab_${index}.png`)" mode="aspectFit"/>
|
|
|
- <image v-else-if="index === activeIndex && delivery_type_list.length == 2" class="tab-img absolute bottom-[-2rpx] h-[95rpx] w-[354rpx]" :src="img(`addon/shop/payment/tabstyle_${index}.png`)" mode="aspectFit"/>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="mb-[var(--top-m)] rounded-[var(--rounded-big)] bg-white"
|
|
|
+ :style="{ backgroundImage: `url(${img('https://v6.site.niucloud.com/addon/shop/payment/head_bg.png')})`, backgroundSize: '100%', backgroundRepeat: 'no-repeat', backgroundPosition: 'bottom' }">
|
|
|
<view class="min-h-[140rpx] flex items-center px-[30rpx]">
|
|
|
<!-- 收货地址 -->
|
|
|
- <view class="w-full" v-if="['express', 'local_delivery'].includes(createData.delivery.delivery_type)" @click="toSelectAddress">
|
|
|
- <view v-if="!$u.test.isEmpty(orderData.delivery.take_address)" class="pt-[20rpx] pb-[30rpx] flex items-center">
|
|
|
- <image class="w-[60rpx] h-[60rpx] mr-[20rpx] flex-shrink-0" :src="img('addon/shop/payment/position_01.png')" mode="aspectFit"/>
|
|
|
+ <view class="w-full" @click="toSelectAddress">
|
|
|
+ <view v-if="addressList.length > 0" class="pt-[20rpx] pb-[30rpx] flex items-center">
|
|
|
+ <image class="w-[60rpx] h-[60rpx] mr-[20rpx] flex-shrink-0"
|
|
|
+ :src="img('https://v6.site.niucloud.com/addon/shop/payment/position_01.png')"
|
|
|
+ mode="aspectFit" />
|
|
|
<view class="flex flex-col overflow-hidden">
|
|
|
- <text class="text-[26rpx] text-[var(--text-color-light9)] mt-[16rpx] truncate max-w-[536rpx]">{{ orderData.delivery.take_address.full_address.substring(0, orderData.delivery.take_address.full_address.lastIndexOf(orderData.delivery.take_address.address)) }}</text>
|
|
|
- <text class="font-500 text-[30rpx] mt-[14rpx] text-[#333] truncate max-w-[536rpx]">{{ orderData.delivery.take_address.address }}</text>
|
|
|
- <view class="flex items-center text-[26rpx] text-[var(--text-color-light6)] mt-[16rpx]">
|
|
|
- <text class="mr-[16rpx]">{{ orderData.delivery.take_address.name }}</text>
|
|
|
- <text>{{ mobileHide(orderData.delivery.take_address.mobile) }}</text>
|
|
|
+ <text
|
|
|
+ class="text-[26rpx] text-[var(--text-color-light9)] mt-[16rpx] truncate max-w-[536rpx]">{{
|
|
|
+ addressData.provincialCityCountry
|
|
|
+ }}</text>
|
|
|
+ <text
|
|
|
+ class="font-500 text-[30rpx] mt-[14rpx] text-[#333] truncate max-w-[536rpx]">{{
|
|
|
+ addressData.address }}</text>
|
|
|
+ <view
|
|
|
+ class="flex items-center text-[26rpx] text-[var(--text-color-light6)] mt-[16rpx]">
|
|
|
+ <text class="mr-[16rpx]">{{ addressData.consignee }}</text>
|
|
|
+ <text>{{ addressData.phone }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <text class="ml-auto nc-iconfont nc-icon-youV6xx text-[26rpx] text-[var(--text-color-light9)]"></text>
|
|
|
+ <text
|
|
|
+ class="ml-auto nc-iconfont nc-icon-youV6xx text-[26rpx] text-[var(--text-color-light9)]"></text>
|
|
|
</view>
|
|
|
<view v-else class="flex items-center">
|
|
|
- <image class="w-[26rpx] h-[30rpx] mr-[10rpx]" :src="img('addon/shop/payment/position_02.png')" mode="aspectFit"/>
|
|
|
+ <image class="w-[26rpx] h-[30rpx] mr-[10rpx]"
|
|
|
+ :src="img('https://v6.site.niucloud.com/addon/shop/payment/position_02.png')"
|
|
|
+ mode="aspectFit" />
|
|
|
<text class="text-[28rpx]">添加收货地址</text>
|
|
|
- <text class="nc-iconfont nc-icon-youV6xx text-[26rpx] text-[var(--text-color-light9)] ml-auto"></text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 自提点 -->
|
|
|
- <view class="flex items-center w-full" v-if="createData.delivery.delivery_type == 'store'" @click="openSelectStore()">
|
|
|
- <view v-if="!$u.test.isEmpty(orderData.delivery.take_store)" class="pt-[40rpx] pb-[30rpx] w-full flex items-center">
|
|
|
- <view class="flex flex-col">
|
|
|
- <view class="text-[30rpx] font-500 text-[#303133] mb-[20rpx]">{{ orderData.delivery.take_store.store_name }}</view>
|
|
|
- <view class="text-[24rpx] text-[var(--text-color-light6)] mb-[20rpx] leading-[1.4] flex">
|
|
|
- <text class="flex-shrink-0">门店地址：</text>
|
|
|
- <text class="max-w-[490rpx]">{{ orderData.delivery.take_store.full_address }}</text>
|
|
|
- </view>
|
|
|
- <view class="text-[24rpx] text-[var(--text-color-light6)] mb-[20rpx]">
|
|
|
- <text>联系电话：</text>
|
|
|
- <text>{{ orderData.delivery.take_store.store_mobile }}</text>
|
|
|
- </view>
|
|
|
- <view class="text-[24rpx] text-[var(--text-color-light6)]">
|
|
|
- <text>营业时间：</text>
|
|
|
- <text>{{ orderData.delivery.take_store.trade_time }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <text class="ml-auto nc-iconfont nc-icon-youV6xx text-[26rpx] text-[var(--text-color-light9)]"></text>
|
|
|
- </view>
|
|
|
- <view v-else class="flex items-center w-full">
|
|
|
- <image class="w-[26rpx] h-[30rpx] mr-[10rpx]" :src="img('addon/shop/payment/position_02.png')" mode="aspectFit"/>
|
|
|
- <text class="text-[28rpx]">请选择自提点</text>
|
|
|
- <text class="ml-auto nc-iconfont nc-icon-youV6xx text-[26rpx] text-[var(--text-color-light9)]"></text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-if="createData.delivery.delivery_type == 'store'">
|
|
|
- <!-- 姓名 -->
|
|
|
- <view class="px-[20rpx] py-[14rpx]">
|
|
|
- <view class="flex justify-between items-center">
|
|
|
- <view class="text-color text-[26rpx]" @click="handleTime">姓名</view>
|
|
|
- <input class="text-right" maxlength="20" placeholder-style="color:#B1B3B5;font-size:26rpx" placeholder="请输入" v-model="createData.delivery.taker_name" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 预留手机 -->
|
|
|
- <view class="px-[20rpx] py-[14rpx]">
|
|
|
- <view class="flex justify-between items-center">
|
|
|
- <view class="text-color text-[26rpx]">预留手机</view>
|
|
|
- <input class="text-right" maxlength="11" placeholder-style="color:#B1B3B5;font-size:26rpx" placeholder="请输入" v-model="createData.delivery.taker_mobile" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 提货时间 -->
|
|
|
- <view class="flex justify-between items-center px-[20rpx] pt-[14rpx] pb-[24rpx]">
|
|
|
- <view class="text-color text-[26rpx]">提货时间</view>
|
|
|
- <view class="flex" @click="handleTime">
|
|
|
- <view class="text-[26rpx] ml-2 text-right" :class="{'text-[#63676D]': !createData.delivery.buyer_ask_delivery_time }">{{ createData.delivery.buyer_ask_delivery_time ? showGetDate : '选择提货时间' }}</view>
|
|
|
- <text class="text-[26rpx] text-[var(--text-color-light6)] nc-iconfont nc-icon-youV6xx"></text>
|
|
|
+ <text
|
|
|
+ class="nc-iconfont nc-icon-youV6xx text-[26rpx] text-[var(--text-color-light9)] ml-auto"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if="createData.delivery.delivery_type == 'local_delivery' && localConfig.time_is_open" >
|
|
|
- <view class="flex justify-between items-center px-[20rpx] pt-[14rpx] pb-[24rpx]"
|
|
|
- @click="handleTime">
|
|
|
- <view class="text-color text-[26rpx]">{{createData.delivery.local_delivery_type =='subscribe' ?'预约配送':''}}</view>
|
|
|
- <view class="flex items-center">
|
|
|
- <view v-if="createData.delivery.local_delivery_type =='subscribe'" class="text-[26rpx] ml-2 text-right" :class="{'text-[#63676D]': !createData.delivery.buyer_ask_delivery_time }">{{ createData.delivery.buyer_ask_delivery_time ? showGetDate : '选择时间' }}</view>
|
|
|
- <view v-else class="text-[26rpx] ml-2 text-right" >{{isDelivery?'立即配送':'当前时间不支持配送'}}</view>
|
|
|
- <text class="text-[26rpx] text-[var(--text-color-light6)] nc-iconfont nc-icon-youV6xx"></text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-if="orderData.basic.has_goods_types.includes('real') && !delivery_type_list.length" class="mb-[var(--top-m)] card-template h-[100rpx] flex items-center">
|
|
|
- <p class="text-[28rpx] text-[var(--primary-color)]">商家尚未配置配送方式</p>
|
|
|
</view>
|
|
|
|
|
|
<view class="mb-[var(--top-m)] card-template p-[0] pb-[var(--pad-top-m)]">
|
|
|
<view class="pt-[var(--pad-top-m)] pb-[14rpx]">
|
|
|
- <template v-for="(item, index) in orderData.goods" :key="index">
|
|
|
- <view class="px-[var(--pad-sidebar-m)]" v-if="item.is_impulse_buy != 1" :class="{'mb-[20rpx]': (index+1) != orderData.goods.length}">
|
|
|
+ <template v-for="(item, index) in cartList" :key="index">
|
|
|
+ <view class="px-[var(--pad-sidebar-m)]"
|
|
|
+ :class="{ 'mb-[20rpx]': (Number(index) + 1) != cartList.length }">
|
|
|
<view class="flex">
|
|
|
- <u--image radius="var(--goods-rounded-big)" width="180rpx" height="180rpx" :src="img(item.sku_image)" model="aspectFill">
|
|
|
+ <u--image radius="var(--goods-rounded-big)" width="180rpx" height="180rpx"
|
|
|
+ :src="img(item.productImage)" model="aspectFill">
|
|
|
<template #error>
|
|
|
- <image class="w-[180rpx] h-[180rpx] rounded-[var(--goods-rounded-big)] overflow-hidden" :src="img('static/resource/images/diy/shop_default.jpg')" mode="aspectFill"/>
|
|
|
+ <image
|
|
|
+ class="w-[180rpx] h-[180rpx] rounded-[var(--goods-rounded-big)] overflow-hidden"
|
|
|
+ :src="img('static/resource/images/diy/shop_default.jpg')"
|
|
|
+ mode="aspectFill" />
|
|
|
</template>
|
|
|
</u--image>
|
|
|
<view class="flex flex-1 w-0 flex-col justify-between ml-[20rpx] py-[6rpx]">
|
|
|
<view class="line-normal">
|
|
|
- <view class="truncate text-[#303133] text-[28rpx] leading-[32rpx]">{{ item.goods.goods_name }}</view>
|
|
|
- <view class="mt-[14rpx] flex" v-if="item.sku_name">
|
|
|
- <text class="truncate text-[24rpx] text-[var(--text-color-light9)] leading-[28rpx]">{{ item.sku_name }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-if="item.manjian_info && Object.keys(item.manjian_info).length" class="flex items-center mt-[10rpx] mb-[auto]" @click.stop="manjianOpenFn(item.manjian_info)">
|
|
|
- <view class="bg-[var(--primary-color-light)] text-[var(--primary-color)] rounded-[6rpx] text-[20rpx] flex items-center justify-center w-[88rpx] h-[36rpx] mr-[6rpx]">满减送</view>
|
|
|
- <text class="text-[22rpx] text-[#999]">{{ item.manjian_info.manjian_name }}</text>
|
|
|
- </view>
|
|
|
- <view class="mb-auto" :class="{'mt-[6rpx]': !item.sku_name}" v-if="item.not_support_delivery">
|
|
|
- <u-alert type="error" description="该商品不支持当前所选配送方式" class="leading-[30rpx] !inline-block" fontSize="11"></u-alert>
|
|
|
+ <view class="truncate text-[#303133] text-[28rpx] leading-[32rpx]">{{
|
|
|
+ item.itemName }}</view>
|
|
|
+
|
|
|
</view>
|
|
|
+
|
|
|
+
|
|
|
<view class="flex justify-between items-baseline">
|
|
|
- <view class="text-[var(--price-text-color)] flex items-baseline price-font">
|
|
|
+ <view
|
|
|
+ class="text-[var(--price-text-color)] flex items-baseline price-font">
|
|
|
<text class="text-[24rpx] font-500 mr-[4rpx]">￥</text>
|
|
|
- <text class="text-[40rpx] font-500">{{ parseFloat(item.price).toFixed(2).split('.')[0] }}</text>
|
|
|
- <text class="text-[24rpx] font-500">.{{ parseFloat(item.price).toFixed(2).split('.')[1] }}</text>
|
|
|
+ <text class="text-[40rpx] font-500">{{
|
|
|
+ parseFloat(item.memberPrice).toFixed(2).split('.')[0] }}</text>
|
|
|
+ <text class="text-[24rpx] font-500">.{{
|
|
|
+ parseFloat(item.memberPrice).toFixed(2).split('.')[1] }}</text>
|
|
|
</view>
|
|
|
<view class="font-400 text-[28rpx] text-[#303133]">
|
|
|
<text>x</text>
|
|
|
- <text>{{ item.num }}</text>
|
|
|
+ <text>{{ item.productNum }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="flex items-center mt-[8rpx]" :class="{'pb-[40rpx]': (index + 1) != Object.keys(orderData.goods_data).length}" v-if="item.is_newcomer && item.newcomer_price != item.price && item.num>1">
|
|
|
- <image class="h-[24rpx] w-[56rpx]" :src="img('addon/shop/newcomer.png')" mode="heightFix"/>
|
|
|
- <view class="text-[24rpx] text-[#FFB000] leading-[34rpx] ml-[8rpx]">第1{{ item.goods.unit }}，￥{{ parseFloat(item.newcomer_price).toFixed(2) }}/{{ item.goods.unit }}；第{{ item.num > 2 ? '2~' + item.num : '2' }}{{ item.goods.unit }}，￥{{ parseFloat(item.price).toFixed(2) }}/{{ item.goods.unit }}</view>
|
|
|
- </view>
|
|
|
- <view class="card-template !p-[0]" v-if="item.goods.form_id">
|
|
|
- <diy-form ref="diyFormGoodsRef" :form_id="item.goods.form_id" :relate_id="item.sku_id" :storage_name="'diyFormStorageByGoodsDetail_' + item.sku_id" form_border="none"/>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
- <!-- 赠品 -->
|
|
|
- <view v-if="orderData.gift_goods && Object.keys(orderData.gift_goods).length" class="pt-[20rpx] mb-[10rpx] bg-[#f9f9f9] mt-[24rpx] mx-[var(--pad-sidebar-m)] rounded-[30rpx]">
|
|
|
- <view v-for="(item, key, index) in orderData.gift_goods" :key="index" class="flex px-[var(--pad-sidebar-m)] pb-[20rpx]">
|
|
|
- <u--image radius="var(--goods-rounded-big)" width="120rpx" height="120rpx" :src="img(item.sku_image)" model="aspectFill">
|
|
|
- <template #error>
|
|
|
- <image class="w-[120rpx] h-[120rpx] rounded-[var(--goods-rounded-big)] overflow-hidden" :src="img('static/resource/images/diy/shop_default.jpg')" mode="aspectFill"/>
|
|
|
- </template>
|
|
|
- </u--image>
|
|
|
- <view class="ml-[16rpx] py-[8rpx] flex flex-1 flex-col justify-between">
|
|
|
- <view class="flex items-center">
|
|
|
- <view class="bg-[var(--primary-color-light)] whitespace-nowrap text-[var(--primary-color)] rounded-[6rpx] text-[22rpx] flex items-center justify-center w-[64rpx] h-[34rpx] mr-[6rpx]">赠品</view>
|
|
|
- <view class="text-[26rpx] max-w-[400rpx] truncate leading-[40rpx] text-[#333]">{{ item.goods.goods_name }}</view>
|
|
|
- </view>
|
|
|
- <view class="flex items-center">
|
|
|
- <view v-if="item.sku_name" class="text-[22rpx] text-[var(--text-color-light9)] truncate max-w-[400rpx] leading-[28rpx]">{{ item.sku_name }}</view>
|
|
|
- <view class="ml-[auto] font-400 text-[26rpx] text-[#303133]">
|
|
|
- <text>x</text>
|
|
|
- <text>{{ item.num }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+
|
|
|
</view>
|
|
|
<!-- 买家留言 -->
|
|
|
- <view class="bg-white flex items-center leading-[30rpx] px-[var(--pad-sidebar-m)] mt-[30rpx]" @click="toLeaveMessage">
|
|
|
- <view class="text-[28rpx] w-[150rpx] text-[#303133]">买家留言</view>
|
|
|
+ <view class="bg-white flex items-center leading-[30rpx] px-[var(--pad-sidebar-m)] mt-[30rpx]"
|
|
|
+ @click="toLeaveMessage">
|
|
|
+ <view class="text-[28rpx] w-[150rpx] text-[#303133]">采购事由</view>
|
|
|
<view class="flex-1 text-[#303133] flex items-center justify-center">
|
|
|
<view class="flex-1 w-0 text-right truncate">
|
|
|
- <text class="text-[28rpx] text-[var(--text-color-light9)]">{{createData.member_remark?createData.member_remark:'请输入留言信息给卖家'}}</text>
|
|
|
+ <text class="text-[28rpx]"
|
|
|
+ :style="{ 'color': form.purchaseReason ? '#303133' : '#999999' }">{{
|
|
|
+ form.purchaseReason ?
|
|
|
+ form.purchaseReason : '请输入采购事由' }}</text>
|
|
|
</view>
|
|
|
- <text class="ml-auto text-[28rpx] nc-iconfont nc-icon-youV6xx text-[var(--text-color-light9)]"></text>
|
|
|
- </view>
|
|
|
+ <text
|
|
|
+ class="ml-auto text-[28rpx] nc-iconfont nc-icon-youV6xx text-[var(--text-color-light9)]"></text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<!-- 发票 -->
|
|
|
- <view v-if="invoiceRef && invoiceRef.invoiceOpen" class="flex items-center text-[#303133] leading-[30rpx] mt-[30rpx] px-[var(--pad-sidebar-m)]" @click="invoiceRef.open()">
|
|
|
- <view class="text-[28rpx] w-[150rpx] text-[#303133]">发票信息</view>
|
|
|
+ <view class="flex items-center text-[#303133] leading-[30rpx] mt-[30rpx] px-[var(--pad-sidebar-m)]">
|
|
|
+ <view class="text-[28rpx] w-[150rpx] text-[#303133]">
|
|
|
+ 费用类型</view>
|
|
|
<view class="flex-1 w-0 text-right truncate">
|
|
|
- <text class="text-[28rpx] text-[#333]">{{ createData.invoice.header_name || '不需要发票' }}</text>
|
|
|
+ <text class="text-[28rpx]">日常物资采购</text>
|
|
|
</view>
|
|
|
- <text class="nc-iconfont nc-icon-youV6xx text-[26rpx] text-[var(--text-color-light9)]"></text>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
- <view class="mb-[var(--top-m)] card-template" v-if="couponRef && couponList.length">
|
|
|
- <!-- 优惠券 -->
|
|
|
- <view class="flex items-center h-[40rpx] leading-[40rpx]"
|
|
|
- @click="couponRef.open(createData.discount.coupon_id)" v-if="couponList.length">
|
|
|
- <view class="text-[28rpx] w-[150rpx] text-[#303133] flex-shrink-0">优惠券</view>
|
|
|
- <view class="flex-1 flex justify-end truncate">
|
|
|
- <text v-if="orderData.discount && orderData.discount.coupon" class="text-[var(--primary-color)] text-[28rpx] truncate ">{{ orderData.discount.coupon.title }}</text>
|
|
|
- <text class="text-[28rpx] text-gray-subtitle" v-else>请选择优惠券</text>
|
|
|
+ <view class="mb-[var(--top-m)] card-template p-[0] pb-[var(--pad-top-m)]">
|
|
|
+ <view
|
|
|
+ class="flex items-center text-[#303133] leading-[30rpx] mt-[10rpx] px-[var(--pad-sidebar-m)] pt-[30rpx]">
|
|
|
+ <view class="text-[28rpx] w-[150rpx] text-[#303133]">
|
|
|
+ 订单备注</view>
|
|
|
+ <view class="flex-1 w-0 text-right truncate">
|
|
|
+ <input class="layout-two-content no-flex" placeholder="请输入订单备注"
|
|
|
+ placeholderClass="layout-two-input-placeholder" v-model="form.remark" />
|
|
|
</view>
|
|
|
- <text class="nc-iconfont nc-icon-youV6xx -mb-[2rpx] text-[26rpx] text-[var(--text-color-light9)]"></text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="card-template py-[10rpx] mb-[var(--top-m)]" v-if="orderData.form_id">
|
|
|
- <diy-form ref="diyFormRef" :form_id="orderData.form_id" :storage_name="'diyFormStorageByOrderPayment'"/>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 顺手买 -->
|
|
|
- <template v-if="systemStore.siteAddons.includes('shop_impulse_buy') && (!createData.extend_data || createData.extend_data && !createData.extend_data.activity_type || createData.extend_data.activity_type == 'discount')">
|
|
|
- <ns-impulse-buy :key="activeIndex" ref="impulseBuyRef" :data="orderData.goods" :order-key="orderData.order_key" :delivery-type="createData.delivery.delivery_type" :calculate-loading="calculateLoading" @confirm="impulseBuyConfirm"/>
|
|
|
- </template>
|
|
|
-
|
|
|
- <view class="card-template">
|
|
|
- <view class="title">价格明细</view>
|
|
|
- <view class="card-template-item">
|
|
|
- <view class="text-[26rpx] w-[150rpx] leading-[30rpx] text-[#303133]">商品金额</view>
|
|
|
- <view class="flex-1 w-0 text-right price-font text-[#333] text-[32rpx]">￥{{ parseFloat(orderData.basic.goods_money).toFixed(2) }}</view>
|
|
|
- </view>
|
|
|
- <view class="card-template-item" v-if="parseFloat(orderData.basic.delivery_money)">
|
|
|
- <view class="text-[26rpx] w-[150rpx] leading-[30rpx] text-[#303133]">配送费用</view>
|
|
|
- <view class="flex-1 w-0 text-right price-font text-[#333] text-[32rpx]">￥{{ parseFloat(orderData.basic.delivery_money).toFixed(2) }}</view>
|
|
|
- </view>
|
|
|
- <view class="card-template-item" v-if="parseFloat(orderData.basic.coupon_money)">
|
|
|
- <view class="text-[26rpx] w-[170rpx] leading-[30rpx] text-[#303133]">优惠券优惠</view>
|
|
|
- <view class="flex-1 w-0 text-right text-[var(--price-text-color)] text-[32rpx] price-font leading-[1]">-￥{{ parseFloat(orderData.basic.coupon_money).toFixed(2) }}</view>
|
|
|
</view>
|
|
|
- <view class="card-template-item" v-if="parseFloat(orderData.basic.manjian_discount_money)">
|
|
|
- <view class="text-[26rpx] w-[170rpx] leading-[30rpx] text-[#303133]">满减优惠</view>
|
|
|
- <view class="flex-1 w-0 text-right text-[var(--price-text-color)] text-[32rpx] price-font leading-[1]">-￥{{ parseFloat(orderData.basic.manjian_discount_money).toFixed(2) }}</view>
|
|
|
+ <view class="flex items-center text-[#303133] leading-[30rpx] mt-[30rpx] px-[var(--pad-sidebar-m)]"
|
|
|
+ @click="calendarShow = true">
|
|
|
+ <view class="text-[28rpx] w-[150rpx] text-[#303133]">
|
|
|
+ 配送日期</view>
|
|
|
+ <view class="flex-1 w-0 text-right truncate">
|
|
|
+ <text class="text-[28rpx]"
|
|
|
+ :style="{ 'color': form.deliveryDate ? '#303133' : '#999999' }">{{
|
|
|
+ form.deliveryDate ? form.deliveryDate : '请选择配送日期' }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -242,441 +140,173 @@
|
|
|
<view class="flex items-baseline">
|
|
|
<text class="text-[26rpx] text-[#333] leading-[32rpx]">合计：</text>
|
|
|
<view class="inline-block">
|
|
|
- <text class="text-[26rpx] font-500 text-[var(--price-text-color)] price-font leading-[30rpx]">￥</text>
|
|
|
- <text class="text-[44rpx] font-500 text-[var(--price-text-color)] price-font leading-[46rpx]">{{ parseFloat(orderData.basic.order_money).toFixed(2).split('.')[0] }}</text>
|
|
|
- <text class="text-[26rpx] font-500 text-[var(--price-text-color)] price-font leading-[46rpx]">.{{ parseFloat(orderData.basic.order_money).toFixed(2).split('.')[1] }}</text>
|
|
|
+ <text
|
|
|
+ class="text-[26rpx] font-500 text-[var(--price-text-color)] price-font leading-[30rpx]">￥</text>
|
|
|
+ <text
|
|
|
+ class="text-[44rpx] font-500 text-[var(--price-text-color)] price-font leading-[46rpx]">{{
|
|
|
+ parseFloat(allMoney).toFixed(2).split('.')[0] }}</text>
|
|
|
+ <text
|
|
|
+ class="text-[26rpx] font-500 text-[var(--price-text-color)] price-font leading-[46rpx]">.{{
|
|
|
+ parseFloat(allMoney).toFixed(2).split('.')[1] }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <button class="w-[196rpx] h-[70rpx] font-500 text-[26rpx] leading-[70rpx] !text-[#fff] m-0 rounded-full primary-btn-bg remove-border" hover-class="none" :disabled="calculateLoading" :class="{'opacity-80': calculateLoading}" @click="create">提交订单</button>
|
|
|
+ <button
|
|
|
+ class="w-[196rpx] h-[70rpx] font-500 text-[26rpx] leading-[70rpx] !text-[#fff] m-0 rounded-full primary-btn-bg remove-border"
|
|
|
+ hover-class="none" @click="create">提交订单</button>
|
|
|
</view>
|
|
|
</u-tabbar>
|
|
|
-
|
|
|
- <!-- 选择优惠券 -->
|
|
|
- <select-coupon :order-key="createData.order_key" ref="couponRef" @confirm="confirmSelectCoupon"/>
|
|
|
</view>
|
|
|
-
|
|
|
- <!-- 选择自提点 -->
|
|
|
- <select-store ref="storeRef" @confirm="confirmSelectStore" v-show="orderData && orderData.basic && orderData.basic.has_goods_types && orderData.basic.has_goods_types.includes('real')"/>
|
|
|
- <!-- 发票 -->
|
|
|
- <invoice ref="invoiceRef" @confirm="confirmInvoice"/>
|
|
|
<!-- 地址 -->
|
|
|
- <address-list ref="addressRef" @confirm="confirmAddress" back="/addon/shop/pages/order/payment" />
|
|
|
- <!-- 满减 -->
|
|
|
- <ns-goods-manjian ref="manjianShowRef" />
|
|
|
- <pay ref="payRef" @close="payClose"/>
|
|
|
-
|
|
|
- <ns-select-time ref="selectTime" :rules="service_time" v-if="Object.keys(service_time).length" :isQuantum="true" :isOpen="localConfig.time_is_open" @change="getTime" @getStamp="getStamp" @getDate="getDate"></ns-select-time>
|
|
|
- <message-open ref="messageOpenRef" @submit="confirmMessage" :default-message="createData.member_remark" />
|
|
|
-
|
|
|
+ <com-Address-list ref="addressRef" @confirm="confirmAddress" back="/addon/shop/pages/order/payment" />
|
|
|
+ <message-open ref="messageOpenRef" @submit="confirmMessage" :default-message="form.purchaseReason" />
|
|
|
+ <up-calendar :minDate="minDate" :show="calendarShow" mode="single" color="var(--primary-color)"
|
|
|
+ @confirm="calendarConfirm" @close="calendarShow = false"></up-calendar>
|
|
|
+ <pay ref="payRef" @close="payClose" />
|
|
|
</view>
|
|
|
</template>
|
|
|
-
|
|
|
<script setup lang="ts">
|
|
|
import { ref, computed, watch, nextTick } from 'vue'
|
|
|
-import { orderCreateCalculate, orderCreate ,getLocal} from '@/addon/shop/api/order'
|
|
|
+import { onLoad, onShow } from '@dcloudio/uni-app'
|
|
|
+import { topTabar } from '@/utils/topTabbar'
|
|
|
import { redirect, img, mobileHide } from '@/utils/common'
|
|
|
-import selectCoupon from './components/select-coupon/select-coupon'
|
|
|
-import selectStore from './components/select-store/select-store'
|
|
|
-import addressList from './components/address-list/address-list'
|
|
|
+import comAddressList from './components/address-list/address-list.vue'
|
|
|
+import { getAddressList } from '@/app/api/member'
|
|
|
+import { getCartGoodsList } from '@/addon/shop/api/cart'
|
|
|
import messageOpen from './components/message-open/message-open.vue'
|
|
|
-
|
|
|
-import invoice from './components/invoice/invoice'
|
|
|
-import nsGoodsManjian from '@/addon/shop/components/ns-goods-manjian/ns-goods-manjian.vue';
|
|
|
-import { useSubscribeMessage } from '@/hooks/useSubscribeMessage'
|
|
|
-import useSystemStore from '@/stores/system'
|
|
|
-import nsImpulseBuy from '@/addon/shop/components/ns-impulse-buy/ns-impulse-buy';
|
|
|
-import nsSelectTime from '@/addon/shop/components/ns-select-time'
|
|
|
-import { onShow } from '@dcloudio/uni-app'
|
|
|
-import { cloneDeep } from 'lodash-es'
|
|
|
-import { topTabar } from '@/utils/topTabbar'
|
|
|
-import diyForm from '@/addon/components/diy-form/index.vue'
|
|
|
-import useMemberStore from '@/stores/member'
|
|
|
-
|
|
|
-const memberStore = useMemberStore()
|
|
|
-const info = computed(() => memberStore.info)
|
|
|
+import diyForm from '@/addon/components/diy-form/index.vue';
|
|
|
+import { orderCreateCalculate, orderCreate, getLocal } from '@/addon/shop/api/order'
|
|
|
const topTabarObj = topTabar()
|
|
|
let topTabbarData = topTabarObj.setTopTabbarParam({ title: '待付款订单' })
|
|
|
-const systemStore = useSystemStore()
|
|
|
-const impulseBuyRef = ref()
|
|
|
-const createData: any = ref({
|
|
|
- order_key: '',
|
|
|
- member_remark: '',
|
|
|
- discount: {},
|
|
|
- invoice: {},
|
|
|
- delivery: {
|
|
|
- delivery_type: '',
|
|
|
- buyer_ask_delivery_time: '',
|
|
|
- taker_name: '',
|
|
|
- taker_mobile: '',
|
|
|
- local_delivery_type:'now',
|
|
|
- },
|
|
|
- extend_data: {}, // 扩展数据，目前礼品卡用到
|
|
|
- form_data: {} // 万能表单数据（商品+待付款订单）
|
|
|
-})
|
|
|
-const manjianShowRef: any = ref(null); //满减送
|
|
|
-const orderData: any = ref(null)
|
|
|
-const couponRef = ref()
|
|
|
-const storeRef = ref()
|
|
|
-const payRef = ref()
|
|
|
-const addressRef = ref()
|
|
|
-const invoiceRef = ref()
|
|
|
+const calendarShow: any = ref(false)
|
|
|
+const payRef: any = ref(null)
|
|
|
+const orderId: any = ref(null)
|
|
|
+const addressList: any = ref([])
|
|
|
+const addressData: any = ref({})
|
|
|
+const addressRef = ref<any>(null)
|
|
|
+const cartList = ref<any>([])
|
|
|
+const minDate = ref<any>('')
|
|
|
+const allMoney = ref<any>(0);
|
|
|
const createLoading = ref(false)
|
|
|
-const activeIndex = ref(0)//配送方式激活
|
|
|
-const delivery_type_list = ref([])
|
|
|
-const calculateLoading = ref(false)
|
|
|
-uni.getStorageSync('orderCreateData') && Object.assign(createData.value, uni.getStorageSync('orderCreateData'))
|
|
|
-
|
|
|
-const diyFormRef: any = ref(null)
|
|
|
-const diyFormGoodsRef: any = ref(null)
|
|
|
-const storeClickNum = ref(0) // 记录门店自提点击次数
|
|
|
-const service_time = ref({}) //获取配置时间
|
|
|
-const selectTime = ref(null)
|
|
|
-const handleTime = () => {
|
|
|
- if (selectTime.value) {
|
|
|
- selectTime.value.show = true;
|
|
|
- } else if(createData.value.delivery.delivery_type=='store'){
|
|
|
- uni.showToast({ title: '请选择自提点', icon: 'none' })
|
|
|
- }
|
|
|
-};
|
|
|
-const isDelivery = ref(false)
|
|
|
-// 时间(月日时间段)
|
|
|
-const getTime = (e) => {
|
|
|
- if (createData.value.delivery.delivery_type == 'local_delivery') {
|
|
|
- isDelivery.value = true
|
|
|
- if(e.includes('立即配送') ){
|
|
|
- createData.value.delivery.buyer_ask_delivery_time = '';
|
|
|
- createData.value.delivery.local_delivery_type = 'now';
|
|
|
- }else {
|
|
|
- createData.value.delivery.buyer_ask_delivery_time = e;
|
|
|
- createData.value.delivery.local_delivery_type = 'subscribe';
|
|
|
- }
|
|
|
- }else {
|
|
|
- createData.value.delivery.buyer_ask_delivery_time = e;
|
|
|
- }
|
|
|
-}
|
|
|
-// 时间(年-月-日)
|
|
|
-const getStamp = (e) => {
|
|
|
- // createData.value.reserve_service_time_stamp = new Date(e).getTime() / 1000
|
|
|
-}
|
|
|
-const showGetDate = ref(null)
|
|
|
-const getDate = (e) => {
|
|
|
- if (createData.value.delivery.delivery_type == 'local_delivery') {
|
|
|
- if (e.includes('立即配送')) {
|
|
|
- showGetDate.value = null
|
|
|
- } else {
|
|
|
- showGetDate.value = e
|
|
|
- }
|
|
|
- }else {
|
|
|
- showGetDate.value = e
|
|
|
- }
|
|
|
-}
|
|
|
-const localConfig = ref({})
|
|
|
-onShow(async () => {
|
|
|
- const res = await getLocal();
|
|
|
- localConfig.value = res.data;
|
|
|
- // 解决在创建订单时，使用优惠券并在切换页面后，提示优惠券已失效的问题
|
|
|
- if(!payRef.value?.payInfo){
|
|
|
- calculate(); // 确保在 localConfig 赋值后执行
|
|
|
- }
|
|
|
-})
|
|
|
|
|
|
-const openSelectStore = () => {
|
|
|
- if (storeRef.value) {
|
|
|
- if (!createData.value.delivery.take_store_id) {
|
|
|
- storeRef.value.getData((data: any) => {
|
|
|
- if (data.length) {
|
|
|
- createData.value.delivery.take_store_id = ((data[0] && data[0].store_id) ? data[0].store_id : 0)
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- storeRef.value.open()
|
|
|
-}
|
|
|
+const form = ref<any>({
|
|
|
+ shippingAddressId: '',
|
|
|
+ deliveryDate: '',
|
|
|
+ expenseType: '0',
|
|
|
+ purchaseReason: '',
|
|
|
+ remark: '',
|
|
|
+ shippingFee: 0,
|
|
|
+ // 下单方式 1为购物车下单 2为直接下单
|
|
|
+ placeOrderType: 1,
|
|
|
+ productShoppingCartId: []
|
|
|
+});
|
|
|
+
|
|
|
+onShow(() => {
|
|
|
+ getCartGoodsListFn()
|
|
|
+ getAddressListFn()
|
|
|
+ getMinDate();
|
|
|
+})
|
|
|
|
|
|
-// 选择地址之后跳转回来
|
|
|
-const selectAddress = uni.getStorageSync('selectAddressCallback')
|
|
|
-if (selectAddress) {
|
|
|
- createData.value.order_key = ''
|
|
|
- createData.value.delivery.delivery_type = selectAddress.delivery
|
|
|
- createData.value.delivery.take_address_id = selectAddress.address_id
|
|
|
- uni.removeStorage({ key: 'selectAddressCallback' })
|
|
|
+const getMinDate = () => {
|
|
|
+ const now = new Date();
|
|
|
+ // 1. 获取年份
|
|
|
+ const year = now.getFullYear();
|
|
|
+ // 2. 获取月份 (注意：需要 +1，且建议补零)
|
|
|
+ const month = String(now.getMonth() + 1).padStart(2, '0');
|
|
|
+ // 3. 获取日期 (建议补零)
|
|
|
+ const day = String(now.getDate()).padStart(2, '0');
|
|
|
+ // 4. 拼接结果
|
|
|
+ const todayStr = `${year}-${month}-${day}`;
|
|
|
+ minDate.value = todayStr;
|
|
|
}
|
|
|
|
|
|
-// 切换配送方式
|
|
|
-const switchDeliveryType = async (type: string, index: number) => {
|
|
|
- await nextTick() // 等待 DOM 更新
|
|
|
- if (!storeRef.value) {
|
|
|
- // console.warn("storeRef is still undefined!");
|
|
|
- return;
|
|
|
- }
|
|
|
- // 切换配送方式时，清空顺买商品,预约自提时间
|
|
|
- if (createData.value.delivery.delivery_type != type && createData.value) {
|
|
|
- delete createData.value.impulse_buy_goods
|
|
|
- createData.value.delivery.buyer_ask_delivery_time = ''
|
|
|
- service_time.value = {} //清空配置时间
|
|
|
- }
|
|
|
-
|
|
|
- // 第一次进入时，加载门店自提并选中
|
|
|
- if (type == 'store' && storeClickNum.value == 0) {
|
|
|
- storeClickNum.value++;
|
|
|
- storeRef.value.getData((data: any) => {
|
|
|
- if (data.length) {
|
|
|
- createData.value.delivery.take_store_id = data[0]?.store_id ?? 0
|
|
|
- calculate()
|
|
|
+const getCartGoodsListFn = () => {
|
|
|
+ allMoney.value = 0;
|
|
|
+ const cart_ids = uni.getStorageSync('orderCreateData').cart_ids
|
|
|
+ getCartGoodsList({}).then((res: any) => {
|
|
|
+ const data = res.rows
|
|
|
+ cartList.value = []
|
|
|
+ data.forEach((item: any) => {
|
|
|
+ if (cart_ids.includes(item.shoppingCartId)) {
|
|
|
+ form.value.productShoppingCartId.push(item.shoppingCartId)
|
|
|
+ cartList.value.push(item)
|
|
|
+ allMoney.value = allMoney.value + Number(item.memberPrice * item.productNum);
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- if (createData.value.delivery.delivery_type != type) {
|
|
|
- activeIndex.value = index
|
|
|
- createData.value.order_key = ''
|
|
|
- createData.value.delivery.delivery_type = type
|
|
|
- createData.value.delivery.take_address_id = 0
|
|
|
- calculate()
|
|
|
- }
|
|
|
+ })
|
|
|
+ }).catch((err) => { })
|
|
|
}
|
|
|
|
|
|
-// 满减
|
|
|
-const manjianOpenFn = (data: any) => {
|
|
|
- let obj = {};
|
|
|
- obj.condition_type = cloneDeep(data).condition_type;
|
|
|
- obj.rule_json = [cloneDeep(data).rule];
|
|
|
- obj.name = cloneDeep(data).manjian_name;
|
|
|
- manjianShowRef.value.open(obj);
|
|
|
+const getAddressListFn = () => {
|
|
|
+ getAddressList({}).then((res: any) => {
|
|
|
+ addressList.value = res.rows
|
|
|
+ if (res.rows.length > 0) {
|
|
|
+ form.value.shippingAddressId = res.rows[0].id;
|
|
|
+ addressData.value = res.rows[0]
|
|
|
+ addressList.value.forEach((item: any) => {
|
|
|
+ if (item.defaultAddress == 0) {
|
|
|
+ form.value.shippingAddressId = item.id;
|
|
|
+ addressData.value = item
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(() => {
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
-const formatTimeWeek = (timeType: number, weekStr: string): string[] => {
|
|
|
- if (timeType === 0) {
|
|
|
- // 每天都可以预约
|
|
|
- return ['1', '2', '3', '4', '5', '6', '0'];
|
|
|
- }
|
|
|
- // 自定义时间周
|
|
|
- return weekStr ? weekStr.split(',').map(item => item.trim()) : [];
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
/**
|
|
|
- * 订单计算
|
|
|
+ * 选择地址
|
|
|
*/
|
|
|
-const calculate = (params: any = {}) => {
|
|
|
- const calculateData = Object.assign({}, createData.value, params)
|
|
|
- calculateLoading.value = true
|
|
|
- orderCreateCalculate(calculateData).then(({ data }) => {
|
|
|
- orderData.value = cloneDeep(data);
|
|
|
- calculateLoading.value = false
|
|
|
-
|
|
|
- orderData.value.goods = []; //购买商品
|
|
|
- if (orderData.value.goods_data && Object.values(orderData.value.goods_data).length) {
|
|
|
- Object.values(orderData.value.goods_data).forEach((item: any, index) => {
|
|
|
- orderData.value.goods.push(item);
|
|
|
- })
|
|
|
- }
|
|
|
- if (createData.value.delivery.delivery_type == 'store') {
|
|
|
- createData.value.delivery.taker_name = info.value.nickname
|
|
|
- createData.value.delivery.taker_mobile = info.value.mobile
|
|
|
- } else if(orderData.value.delivery && orderData.value.delivery.take_address) {
|
|
|
- createData.value.delivery.taker_name = orderData.value.delivery.take_address.name
|
|
|
- createData.value.delivery.taker_mobile = orderData.value.delivery.take_address.mobile
|
|
|
- }
|
|
|
- if(orderData.value.delivery.delivery_type == 'local_delivery'){
|
|
|
- service_time.value = {
|
|
|
- time_interval: localConfig.value.time_interval,
|
|
|
- time_week: formatTimeWeek(localConfig.value.time_type, localConfig.value.time_week),
|
|
|
- trade_time_json: localConfig.value.delivery_time,
|
|
|
- most_day: localConfig.value.most_day,
|
|
|
- advance_day: localConfig.value.advance_day,
|
|
|
- type:"subscribe"
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- createData.value.order_key = data.order_key
|
|
|
- if (orderData.value.delivery.delivery_type_list) {
|
|
|
- delivery_type_list.value = cloneDeep(Object.values(orderData.value.delivery.delivery_type_list))
|
|
|
- }
|
|
|
- if (orderData.value.discount && orderData.value.discount.manjian) {
|
|
|
- orderData.value.manjian = orderData.value.discount.manjian
|
|
|
- }
|
|
|
- if (orderData.value.delivery.take_store) {
|
|
|
- service_time.value = {
|
|
|
- time_interval: orderData.value.delivery.take_store.time_interval,
|
|
|
- time_week: orderData.value.delivery.take_store.time_week,
|
|
|
- trade_time_json: orderData.value.delivery.take_store.trade_time_json
|
|
|
- };
|
|
|
- }
|
|
|
+const toSelectAddress = () => {
|
|
|
+ let data: any = {};
|
|
|
+ data.id = form.value.shippingAddressId;
|
|
|
+ addressRef.value.open(data);
|
|
|
+}
|
|
|
+const confirmAddress = (data: any) => {
|
|
|
+ addressData.value = data
|
|
|
+ form.value.shippingAddressId = data.id;
|
|
|
+}
|
|
|
|
|
|
- if (selectAddress) activeIndex.value = delivery_type_list.value.findIndex(el => el.key === orderData.value.delivery.delivery_type)
|
|
|
- !createData.value.delivery.delivery_type && data.delivery.delivery_type && (createData.value.delivery.delivery_type = data.delivery.delivery_type)
|
|
|
-
|
|
|
- // 用于自提点是第一种配送方式时，第一次进来加载门店自提并选中, 是对于onshow的补充
|
|
|
- nextTick(() => {
|
|
|
- setTimeout(() => {
|
|
|
- if (delivery_type_list.value && Object.keys(delivery_type_list.value).length && delivery_type_list.value[0].key == 'store' && storeRef.value) {
|
|
|
- storeRef.value.getData((data: any) => {
|
|
|
- if (data.length) {
|
|
|
- createData.value.delivery.take_store_id = ((data[0] && data[0].store_id) ? data[0].store_id : 0)
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- }, 500);
|
|
|
- })
|
|
|
- }).catch(() => {
|
|
|
- calculateLoading.value = false
|
|
|
- })
|
|
|
+// 留言
|
|
|
+const messageOpenRef = ref()
|
|
|
+const toLeaveMessage = () => {
|
|
|
+ messageOpenRef.value.open();
|
|
|
}
|
|
|
|
|
|
+const confirmMessage = (message: string) => {
|
|
|
+ form.value.purchaseReason = message
|
|
|
+}
|
|
|
|
|
|
-// 改变配送方式
|
|
|
-watch(
|
|
|
- () => delivery_type_list.value.length,
|
|
|
- (newValue, oldValue) => {
|
|
|
- if (delivery_type_list.value.length && uni.getStorageSync('distributionType')) {
|
|
|
- delivery_type_list.value.forEach((item: any, index) => {
|
|
|
- if (item.name == uni.getStorageSync('distributionType')) {
|
|
|
- activeIndex.value = index;
|
|
|
- switchDeliveryType(item.key, index)
|
|
|
- }
|
|
|
- })
|
|
|
- uni.removeStorage({ key: 'distributionType' })
|
|
|
- }
|
|
|
- }
|
|
|
-)
|
|
|
-
|
|
|
-let orderId = 0
|
|
|
-
|
|
|
-// 顺手买回调
|
|
|
-const impulseBuyConfirm = (params: any = {}) => {
|
|
|
- const calculateParams = { 'is_need_recalculate': 1 }
|
|
|
-
|
|
|
- if (params && Object.keys(params).length) {
|
|
|
- let data = cloneDeep(params)
|
|
|
- createData.value.impulse_buy_goods = createData.value.impulse_buy_goods && createData.value.impulse_buy_goods.length ? createData.value.impulse_buy_goods : []
|
|
|
- createData.value.impulse_buy_goods.forEach((item: any, index: any, array: any) => {
|
|
|
- if (data.impulse_buy_goods_id == item.impulse_buy_goods_id) {
|
|
|
- item.num = params.num
|
|
|
- if (!item.num) {
|
|
|
- array.splice(index, 1)
|
|
|
- }
|
|
|
- data = ''
|
|
|
- }
|
|
|
- })
|
|
|
- if (data) {
|
|
|
- createData.value.impulse_buy_goods.push(data)
|
|
|
- }
|
|
|
- } else if (createData.value.impulse_buy_goods) {
|
|
|
- delete createData.value.impulse_buy_goods
|
|
|
- }
|
|
|
- calculate(calculateParams)
|
|
|
+//日期
|
|
|
+const calendarConfirm = (data: any) => {
|
|
|
+ form.value.deliveryDate = data[0]
|
|
|
+ calendarShow.value = false
|
|
|
}
|
|
|
|
|
|
+
|
|
|
/**
|
|
|
* 订单创建
|
|
|
*/
|
|
|
const create = () => {
|
|
|
- if (!verify() || createLoading.value) return
|
|
|
- if (diyFormGoodsRef.value) {
|
|
|
- let pass = true;
|
|
|
- for (let i = 0; i < diyFormGoodsRef.value.length; i++) {
|
|
|
- if (!diyFormGoodsRef.value[i].verify()) {
|
|
|
- pass = false;
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- if (!pass) return;
|
|
|
+ if (!form.value.shippingAddressId) {
|
|
|
+ uni.showToast({ title: '请选择收货人', icon: 'none' })
|
|
|
+ return
|
|
|
}
|
|
|
-
|
|
|
- if (diyFormRef.value && !diyFormRef.value.verify()) return;
|
|
|
- createLoading.value = true
|
|
|
-
|
|
|
- useSubscribeMessage().request('shop_order_pay,shop_order_delivery')
|
|
|
-
|
|
|
- createData.value.form_data.order = {};
|
|
|
- createData.value.form_data.goods = {};
|
|
|
- if (diyFormRef.value) {
|
|
|
- createData.value.form_data.form_id = orderData.value.form_id;
|
|
|
- createData.value.form_data.order = diyFormRef.value.getData();
|
|
|
+ if (!form.value.purchaseReason) {
|
|
|
+ uni.showToast({ title: '请输入采购事由', icon: 'none' })
|
|
|
+ return
|
|
|
}
|
|
|
- if (diyFormGoodsRef.value) {
|
|
|
- orderData.value.goods.forEach((item: any) => {
|
|
|
- if (item.goods.form_id) {
|
|
|
- for (let i = 0; i < diyFormGoodsRef.value.length; i++) {
|
|
|
- let formItem = diyFormGoodsRef.value[i].getData();
|
|
|
- if (formItem.relate_id == item.sku_id && item.goods.form_id == formItem.form_id) {
|
|
|
- createData.value.form_data.goods[item.sku_id] = formItem;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
+ if (!form.value.deliveryDate) {
|
|
|
+ uni.showToast({ title: '请选择配送日期', icon: 'none' })
|
|
|
+ return
|
|
|
}
|
|
|
-
|
|
|
- orderCreate(createData.value).then(({ data }) => {
|
|
|
- orderId = data.order_id
|
|
|
- if (diyFormRef.value) diyFormRef.value.clearStorage();
|
|
|
- if (diyFormGoodsRef.value) {
|
|
|
- for (let i = 0; i < diyFormGoodsRef.value.length; i++) {
|
|
|
- diyFormGoodsRef.value[i].clearStorage()
|
|
|
- }
|
|
|
- }
|
|
|
- createData.value.form_data = {}
|
|
|
- if (orderData.value.basic.order_money == 0) {
|
|
|
- redirect({ url: '/addon/shop/pages/order/detail', param: { order_id: orderId }, mode: 'redirectTo' })
|
|
|
- } else {
|
|
|
- payRef.value?.open(data.trade_type, data.order_id, `/addon/shop/pages/order/detail?order_id=${ data.order_id }`)
|
|
|
- }
|
|
|
+ if (createLoading.value) return
|
|
|
+ createLoading.value = true
|
|
|
+ orderCreate(form.value).then((res: any) => {
|
|
|
+ orderId.value = res.data
|
|
|
+ payRef.value?.open(res.data, `/addon/shop/pages/order/detail?order_id=${res.data}`)
|
|
|
}).catch((err) => {
|
|
|
- if (err.code == 401) {
|
|
|
- uni.showToast({ icon: 'none', title:'登录过期，请重新登录' })
|
|
|
- redirect({
|
|
|
- url: '/addon/shop/pages/index',
|
|
|
- mode: 'reLaunch'
|
|
|
- });
|
|
|
- }
|
|
|
- createData.value.form_data = {}
|
|
|
createLoading.value = false
|
|
|
})
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * 下单校验
|
|
|
- */
|
|
|
-const verify = () => {
|
|
|
- const data = createData.value
|
|
|
- let verify = true
|
|
|
-
|
|
|
- if (orderData.value.basic.has_goods_types.includes('real')) {
|
|
|
- if (['express', 'local_delivery'].includes(data.delivery.delivery_type) && !orderData.value.delivery.take_address) {
|
|
|
- uni.showToast({ title: '请选择收货地址', icon: 'none' })
|
|
|
- return false
|
|
|
- }
|
|
|
-
|
|
|
- if (data.delivery.delivery_type == 'store' && !data.delivery.take_store_id) {
|
|
|
- uni.showToast({ title: '请选择自提点', icon: 'none' })
|
|
|
- return false
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- if (data.delivery.delivery_type == 'store') {
|
|
|
- if (!data.delivery.taker_name) {
|
|
|
- uni.showToast({ title: '请输入姓名', icon: 'none' })
|
|
|
- return false
|
|
|
- }
|
|
|
- if (!data.delivery.taker_mobile) {
|
|
|
- uni.showToast({ title: '请输入手机号', icon: 'none' })
|
|
|
- return false
|
|
|
- }
|
|
|
- if (!/^1[3-9]\d{9}$/.test(data.delivery.taker_mobile)) {
|
|
|
- uni.showToast({ title: '请输入正确的手机号', icon: 'none' })
|
|
|
- return false
|
|
|
- }
|
|
|
- if (!data.delivery.buyer_ask_delivery_time) {
|
|
|
- uni.showToast({ title: '请选择自提时间', icon: 'none' })
|
|
|
- return false
|
|
|
- }
|
|
|
- }
|
|
|
- if(data.delivery.delivery_type == 'local_delivery' && !isDelivery.value && localConfig.value.time_is_open){
|
|
|
- uni.showToast({ title: '当前时间不支持配送', icon: 'none' })
|
|
|
- return false
|
|
|
- }
|
|
|
|
|
|
- return verify
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
@@ -685,69 +315,9 @@ const verify = () => {
|
|
|
const payClose = () => {
|
|
|
redirect({ url: '/addon/shop/pages/order/detail', param: { order_id: orderId }, mode: 'redirectTo' })
|
|
|
}
|
|
|
-
|
|
|
-/**
|
|
|
- * 选择地址
|
|
|
- */
|
|
|
-const toSelectAddress = () => {
|
|
|
- let data: any = {};
|
|
|
- data.delivery = createData.value.delivery.delivery_type;
|
|
|
- data.type = createData.value.delivery.delivery_type == 'local_delivery' ? 'location_address' : 'address';
|
|
|
- data.id = orderData.value.delivery.take_address.id;
|
|
|
- addressRef.value.open(data);
|
|
|
-}
|
|
|
-
|
|
|
-const couponList = computed(() => {
|
|
|
- return couponRef.value?.couponList || []
|
|
|
-})
|
|
|
-
|
|
|
-/**
|
|
|
- * 选择优惠券
|
|
|
- */
|
|
|
-const confirmSelectCoupon = (coupon: any) => {
|
|
|
- createData.value.discount.coupon_id = coupon ? coupon.id : 0
|
|
|
- calculate()
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * 选择自提点
|
|
|
- */
|
|
|
-const confirmSelectStore = (store: any) => {
|
|
|
- createData.value.delivery.take_store_id = ((store && store.store_id) ? store.store_id : 0)
|
|
|
- if (store) {
|
|
|
- service_time.value = {
|
|
|
- time_interval: store.time_interval,
|
|
|
- time_week: store.time_week,
|
|
|
- trade_time_json: store.trade_time_json
|
|
|
- };
|
|
|
- }else{
|
|
|
- service_time.value = {}
|
|
|
- createData.value.delivery.buyer_ask_delivery_time = ''
|
|
|
-
|
|
|
- }
|
|
|
- calculate()
|
|
|
-}
|
|
|
-
|
|
|
-const confirmInvoice = (invoice: object) => {
|
|
|
- createData.value.invoice = invoice
|
|
|
-}
|
|
|
-
|
|
|
-const confirmAddress = (data: any) => {
|
|
|
- createData.value.order_key = ''
|
|
|
- createData.value.delivery.delivery_type = data.delivery
|
|
|
- createData.value.delivery.take_address_id = data.address_id
|
|
|
- calculate();
|
|
|
-}
|
|
|
-const messageOpenRef = ref()
|
|
|
-const toLeaveMessage = () => {
|
|
|
- messageOpenRef.value.open();
|
|
|
-}
|
|
|
-const confirmMessage = (message: string) => {
|
|
|
- console.log(message)
|
|
|
- createData.value.member_remark = message
|
|
|
-}
|
|
|
</script>
|
|
|
|
|
|
+
|
|
|
<style lang="scss" scoped>
|
|
|
.head-tab {
|
|
|
.head-tab-item {
|
|
|
@@ -834,6 +404,7 @@ const confirmMessage = (message: string) => {
|
|
|
/* #endif */
|
|
|
/* #ifdef H5 */
|
|
|
background: linear-gradient(180deg, transparent 0%, var(--page-bg-color) 25%);
|
|
|
+
|
|
|
/* #endif */
|
|
|
&::after {
|
|
|
content: '';
|
weixin_52219567