wuhui_zzw
/
wyyl
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化：商品详情页面下单优化，支持多规格下单

This commit is contained in:
wuhui_zzw 2023-08-17 15:47:05 +08:00
parent d1c5514682
commit 8d7c37509f
5 changed files with 307 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
beike/Shop/Http/Controllers/CartController.php
View File

@ -56,21 +56,30 @@ class CartController extends Controller
{ {
try { try {
$skuId = $request->sku_id; $skuId = $request->sku_id;
$quantity = $request->quantity ?? 1; $quantity = $request->quantity ?? 1;
$buyNow = (bool) $request->buy_now ?? false; $buyNow = (bool) $request->buy_now ?? false;
$customer = current_customer(); $customer = current_customer();
// 多规格批量加入购物车处理
$sku = ProductSku::query() if(is_int($skuId)){
// ->whereRelation('product', 'active', '=', true) // 非多规格下单
->findOrFail($skuId); $sku = ProductSku::query()->findOrFail($skuId);
$cart = CartService::add($sku, $quantity, $customer);
$cart = CartService::add($sku, $quantity, $customer); $cartIds = [$cart->id];
if ($buyNow) { }else{
CartService::select($customer, [$cart->id]); // 多规格下单
$skuList = array_values(json_decode($skuId,TRUE));
foreach($skuList as $item){
if((int)$item['quantity'] > 0){
$sku = ProductSku::query()->findOrFail($item['id']);
$cart = CartService::add($sku, $item['quantity'], $customer);
$cartIds[] = $cart->id;
}
}
} }
$cart = hook_filter('cart.store.data', $cart);
if ($buyNow) CartService::select($customer, $cartIds);
$cart = hook_filter('cart.store.data', $cart);
return json_success(trans('shop/carts.added_to_cart'), $cart); return json_success(trans('shop/carts.added_to_cart'), $cart);
} catch (\Exception $e) { } catch (\Exception $e) {
return json_fail($e->getMessage()); return json_fail($e->getMessage());

6
beike/Shop/Http/Requests/CartRequest.php
View File

@ -36,8 +36,8 @@ class CartRequest extends FormRequest
$skuId = (int) $this->get('sku_id'); $skuId = (int) $this->get('sku_id');
return [ return [
'sku_id' => 'required|int', 'sku_id' => 'required',
'quantity' => ['required', 'int', function ($attribute, $value, $fail) use ($skuId) { 'quantity' => ['required', 'int', /*function ($attribute, $value, $fail) use ($skuId) {
$sku = ProductSku::query()->where('id', $skuId)->first(); $sku = ProductSku::query()->where('id', $skuId)->first();
$skuQuantity = $sku->quantity; $skuQuantity = $sku->quantity;
if ($value > $skuQuantity) { if ($value > $skuQuantity) {
@ -46,7 +46,7 @@ class CartRequest extends FormRequest
if($sku->product->price_setting == 'num' && $value < $sku->product->numprices[0]->num){ if($sku->product->price_setting == 'num' && $value < $sku->product->numprices[0]->num){
$fail(trans('shop/products.quantity_error')); $fail(trans('shop/products.quantity_error'));
} }
}], }*/],
'buy_now' => 'bool', 'buy_now' => 'bool',
]; ];
} }

34
resources/lang/en/shop/products.php
View File

@ -1,26 +1,30 @@
<?php <?php
/** /**
* products.php * products.php
*
* @copyright 2022 beikeshop.com - All Rights Reserved * @copyright 2022 beikeshop.com - All Rights Reserved
* @link https://beikeshop.com * @link https://beikeshop.com
* @author Edward Yang <yangjin@guangda.work> * @author Edward Yang <yangjin@guangda.work>
* @created 2022-08-18 08:31:03 * @created 2022-08-18 08:31:03
* @modified 2022-08-18 08:31:03 * @modified 2022-08-18 08:31:03
*/ */
return [ return [
'search' => 'Search', 'search' => 'Search',
'add_to_favorites' => 'Add To Favorites', 'add_to_favorites' => 'Add To Favorites',
'add_to_cart' => 'Add To Cart', 'cancel_to_favorites' => 'Cancel To Favorites',
'buy_now' => 'Buy Now', 'add_to_cart' => 'Add To Cart',
'product_details' => 'Product Details', 'buy_now' => 'Buy Now',
'in_stock' => 'In Stock', 'product_details' => 'Product Details',
'out_stock' => 'Out Stock', 'in_stock' => 'In Stock',
'model' => 'Model', 'out_stock' => 'Out Stock',
'quantity_error' => 'Quantity Error', 'model' => 'Model',
'inquiry' => 'Inquiry', 'quantity_error' => 'Quantity Error',
'enter_contacts' => 'Please enter contacts', 'buy_sku_error' => 'Specification information error',
'enter_email' => 'Please enter email', 'inquiry' => 'Inquiry',
'enter_content' => 'Please enter content', 'enter_contacts' => 'Please enter contacts',
'enter_email' => 'Please enter email',
'enter_content' => 'Please enter content',
'add_buy_sku' => 'Add Buy Sku',
'product_total' => 'Product Total',
'shipping_fee' => 'Shipping Fee',
'order_total' => 'Order Total',
]; ];

34
resources/lang/zh_cn/shop/products.php
View File

@ -1,26 +1,30 @@
<?php <?php
/** /**
* products.php * products.php
*
* @copyright 2022 beikeshop.com - All Rights Reserved * @copyright 2022 beikeshop.com - All Rights Reserved
* @link https://beikeshop.com * @link https://beikeshop.com
* @author Edward Yang <yangjin@guangda.work> * @author Edward Yang <yangjin@guangda.work>
* @created 2022-08-18 08:31:03 * @created 2022-08-18 08:31:03
* @modified 2022-08-18 08:31:03 * @modified 2022-08-18 08:31:03
*/ */
return [ return [
'search' => '搜索', 'search' => '搜索',
'add_to_favorites' => '加入收藏夹', 'add_to_favorites' => '加入收藏夹',
'add_to_cart' => '加入购物车', 'cancel_to_favorites' => '取消收藏',
'buy_now' => '立即购买', 'add_to_cart' => '加入购物车',
'product_details' => '商品详情', 'buy_now' => '立即购买',
'in_stock' => '有货', 'product_details' => '商品详情',
'out_stock' => '缺货', 'in_stock' => '有货',
'model' => '型号', 'out_stock' => '缺货',
'quantity_error' => '数量错误', 'model' => '型号',
'inquiry' => '咨询', 'quantity_error' => '数量错误',
'enter_contacts' => '请输入联系人', 'buy_sku_error' => '规格信息错误',
'enter_email' => '请输入邮件', 'inquiry' => '咨询',
'enter_content' => '请输入内容', 'enter_contacts' => '请输入联系人',
'enter_email' => '请输入邮件',
'enter_content' => '请输入内容',
'add_buy_sku' => '添加购买规格',
'product_total' => '产品总计',
'shipping_fee' => '运费',
'order_total' => '订单总额',
]; ];

359
themes/default/product/product.blade.php
View File

@ -26,7 +26,58 @@
@if (!request('iframe')) @if (!request('iframe'))
<x-shop-breadcrumb type="product" :value="$product['id']"/> <x-shop-breadcrumb type="product" :value="$product['id']"/>
@endif @endif
<style>
.quantity-btns{
display: flex;
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
justify-content: center;
}
.quantity-btns .add-wishlist{
margin-left: 10px;
}
.quantity-btns .add-wishlist .text-secondary{
height: 100% !important;
}
.quantity-btns .buy-num-list{
width: 100%;
padding: 5px 10px;
}
.quantity-btns .list-box{
width: 100%;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.quantity-btns .list-box .sku-info{
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
height: 42px;
width: 50%;
align-content: center;
align-items: center;
margin-right: 30px;
}
.quantity-btns .list-box .sku-info span{
margin-right: 20px!important;
}
.quantity-btns .operating-content {
width: 100%;
display: inline-flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}
.quantity-btns .operating-content button:first-child{
margin-left: 0!important;
}
</style>
<div class="container {{ request('iframe') ? 'pt-4' : '' }}" id="product-app" v-cloak> <div class="container {{ request('iframe') ? 'pt-4' : '' }}" id="product-app" v-cloak>
<div class="row mb-5 mt-3 mt-md-0" id="product-top"> <div class="row mb-5 mt-3 mt-md-0" id="product-top">
<div class="col-12 col-lg-6 mb-3"> <div class="col-12 col-lg-6 mb-3">
@ -108,8 +159,8 @@
<div class="d-flex"> <div class="d-flex">
<span class="title text-muted">{{ __('product.quantity') }}:</span> <span class="title text-muted">{{ __('product.quantity') }}:</span>
<div :class="product.quantity > 0 ? 'text-success' : 'text-secondary'"> <div :class="product.quantity > 0 ? 'text-success' : 'text-secondary'">
<template v-if="product.quantity > 0">{{ __('shop/products.in_stock') }}</template> <template v-if="product.quantity > 0">@{{ product.quantity }}</template>
<template v-else>{{ __('shop/products.out_stock') }}</template> <template v-else>@{{ product.quantity }}</template>
</div> </div>
</div> </div>
@endhookwrapper @endhookwrapper
@ -142,7 +193,7 @@
</div> </div>
@endif @endif
{{--商品规格--}}
<div class="variables-wrap mb-4" v-if="source.variables.length"> <div class="variables-wrap mb-4" v-if="source.variables.length">
<div class="variable-group mb-2" v-for="variable, variable_index in source.variables" :key="variable_index"> <div class="variable-group mb-2" v-for="variable, variable_index in source.variables" :key="variable_index">
<p class="mb-2">@{{ variable.name }}</p> <p class="mb-2">@{{ variable.name }}</p>
@ -186,80 +237,89 @@
</div> </div>
</div> </div>
</div> </div>
{{-- 购买数量 - 单规格 --}}
@if ($product['active']) <div class="quantity-wrap mb-4" v-if="Object.keys(source.skus).length <= 1">
<div class="quantity-btns"> <input type="text" class="form-control" :disabled="!product.quantity" onkeyup="this.value=this.value.replace(/\D/g,'')" v-model="quantity" name="quantity">
@hook('product.detail.buy.before') <div class="right" v-if="!isNumSelect">
<i class="bi bi-chevron-up"></i>
<i class="bi bi-chevron-down"></i>
</div>
</div>
{{--购买&进入购物车按钮--}}
<div class="quantity-btns">
@hook('product.detail.buy.before')
{{--添加购买规格--}}
<button v-if="product.quantity > 0 && !add_buy_sku[product.id] && Object.keys(source.skus).length > 1" class="btn btn-outline-info btn-sm mb-4" @click="clickAddBuySku">
<i class="bi bi-plus me-1"></i>{{ __('shop/products.add_buy_sku') }}
</button>
{{-- 购买数量 - 多规格 --}}
<div class="buy-num-list mb-4" v-if="Object.keys(add_buy_sku).length > 0">
@hookwrapper('product.detail.quantity.input') @hookwrapper('product.detail.quantity.input')
<div class="quantity-wrap"> <div class="list-box" v-for="skuValue, skuIndex in add_buy_sku">
<input type="text" readonly class="form-control" :disabled="!product.quantity" onkeyup="this.value=this.value.replace(/\D/g,'')" v-model="quantity" name="quantity"> <div class="sku-info">
<div class="right" v-if="!isNumSelect"> <span v-for="skuInfoValue, skuInfoIndex in skuValue.sku_info">@{{ skuInfoValue.name }}：@{{ skuInfoValue.value }}</span>
<i class="bi bi-chevron-up"></i> </div>
<i class="bi bi-chevron-down"></i> <div class="quantity-wrap">
<input type="text"
class="form-control"
:disabled="skuValue.stock <= skuValue.quantity"
onkeyup="this.value=this.value.replace(/\D/g,'')"
v-model="add_buy_sku[skuIndex].quantity"
@input="skuQuantityChange($event,skuIndex)"
name="quantity">
<div class="right" v-if="!isNumSelect">
<i class="bi bi-chevron-up"></i>
<i class="bi bi-chevron-down"></i>
</div>
</div> </div>
</div> </div>
@endhookwrapper @endhookwrapper
@hookwrapper('product.detail.add_to_cart')
<button
class="btn btn-outline-dark ms-md-3 add-cart fw-bold"
:product-id="product.id"
:product-price="product.price"
:disabled="!product.quantity"
@click="addCart(false, this)"
><i class="bi bi-cart-fill me-1"></i>{{ __('shop/products.add_to_cart') }}
</button>
@endhookwrapper
@hookwrapper('product.detail.buy_now')
<button
class="btn btn-dark ms-3 fw-bold"
:disabled="!product.quantity"
:product-id="product.id"
:product-price="product.price"
@click="addCart(true, this)"
><i class="bi bi-bag-fill me-1"></i>{{ __('shop/products.buy_now') }}
</button>
@endhookwrapper
@hook('product.detail.buy.after')
</div> </div>
{{--操作内容--}}
@if (current_customer() || !request('iframe')) <div class="operating-content mb-4">
@hookwrapper('product.detail.wishlist') {{--点击加入购物车--}}
<div class="add-wishlist"> @hookwrapper('product.detail.add_to_cart')
<button class="btn btn-link ps-0 text-secondary" data-in-wishlist="{{ $product['in_wishlist'] }}" onclick="bk.addWishlist('{{ $product['id'] }}', this)"> <button class="btn btn-outline-dark ms-md-3 add-cart fw-bold" :product-id="product.id" :product-price="product.price" :disabled="!product.quantity" @click="addCart(false, this)">
<i class="bi bi-heart{{ $product['in_wishlist'] ? '-fill' : '' }} me-1"></i> {{ __('shop/products.add_to_favorites') }} <i class="bi bi-cart-fill me-1"></i>{{ __('shop/products.add_to_cart') }}
</button>
@endhookwrapper
{{-- 直接下单产品 - 显示立即购买按钮 --}}
@if ($product['active'])
@hookwrapper('product.detail.buy_now')
<button class="btn btn-dark ms-3 fw-bold" :disabled="!product.quantity" :product-id="product.id" :product-price="product.price" @click="addCart(true, this)">
<i class="bi bi-bag-fill me-1"></i>{{ __('shop/products.buy_now') }}
</button> </button>
</div> @endhookwrapper
@endhookwrapper @endif
@endif @hook('product.detail.buy.after')
@else {{-- 加入收藏 --}}
{{-- <div class="text-danger"><i class="bi bi-exclamation-circle-fill"></i> {{ __('product.has_been_inactive') }}</div>--}} @if ((current_customer() || !request('iframe')))
<div class="quantity-btns"> @hookwrapper('product.detail.wishlist')
@hook('product.detail.buy.before') <button class="btn btn-link ms-3 text-secondary" data-in-wishlist="{{ $product['in_wishlist'] }}" onclick="bk.addWishlist('{{ $product['id'] }}', this)">
@hookwrapper('product.detail.quantity.input') @if ($product['in_wishlist'])
<div class="quantity-wrap"> <i class="bi bi-heart-fill me-1"></i> {{ __('shop/products.cancel_to_favorites') }}
<input type="text" class="form-control" :disabled="!product.quantity" onkeyup="this.value=this.value.replace(/\D/g,'')" v-model="quantity" name="quantity"> @else
<div class="right" v-if="!isNumSelect"> <i class="bi bi-heart me-1"></i> {{ __('shop/products.add_to_favorites') }}
<i class="bi bi-chevron-up"></i> @endif
<i class="bi bi-chevron-down"></i> </button>
</div> @endhookwrapper
</div> @endif
@endhookwrapper
@hookwrapper('product.detail.add_to_cart')
<button
class="btn btn-outline-dark ms-md-3 add-cart fw-bold"
:product-id="product.id"
:product-price="product.price"
:disabled="!product.quantity"
@click="addCart(false, this)"
><i class="bi bi-cart-fill me-1"></i>{{ __('shop/products.add_to_cart') }}
</button>
@endhookwrapper
</div> </div>
@endif </div>
{{--价格实时计算--}}
<ul class="totals"> <ul class="totals">
<li><span>Product Total</span><span>@{{ product_total }}</span></li> <li>
<li><span>Shipping Fee</span><span>@{{ shipping_fee }}</span></li> <span>{{ __('shop/products.product_total') }}</span>
<li><span>Order Total</span><span>@{{ order_tota }}</span></li> <span>@{{ product_total }}</span>
</li>
<li>
<span>{{ __('shop/products.shipping_fee') }}</span>
<span>@{{ shipping_fee }}</span>
</li>
<li>
<span>{{ __('shop/products.order_total') }}</span>
<span>@{{ order_tota }}</span>
</li>
</ul> </ul>
<button <button
style="width: 16em;" style="width: 16em;"
@ -457,13 +517,12 @@
trigger: 'blur' trigger: 'blur'
},], },],
}, },
}, // 多规格批量购买
add_buy_sku:{},
},
watch: { watch: {
quantity: function (newval, oldval) { quantity: function (newval, oldval) {
console.log("数量改变");
let price = 0; let price = 0;
if (this.numPrices.light == 0) { if (this.numPrices.light == 0) {
price = this.product.price price = this.product.price
@ -479,9 +538,8 @@
this.product_total = (price * this.quantity).toFixed(2) this.product_total = (price * this.quantity).toFixed(2)
this.shipping_fee = (this.product_total * 0.1).toFixed(2) this.shipping_fee = (this.product_total * 0.1).toFixed(2)
this.order_tota = (this.product_total * 1 + this.shipping_fee * 1).toFixed(2) this.order_tota = (this.product_total * 1 + this.shipping_fee * 1).toFixed(2)
} },
}, },
created() { created() {
if (this.price_setting === 'num') { if (this.price_setting === 'num') {
// this.quantity = this.numPrices[0].num; // this.quantity = this.numPrices[0].num;
@ -495,7 +553,6 @@
}) })
}) })
}, },
beforeMount() { beforeMount() {
const skus = JSON.parse(JSON.stringify(this.source.skus)); const skus = JSON.parse(JSON.stringify(this.source.skus));
const skuDefault = skus.find(e => e.is_default) const skuDefault = skus.find(e => e.is_default)
@ -519,7 +576,6 @@
this.images = @json($product['images'] ?? []); this.images = @json($product['images'] ?? []);
} }
}, },
methods: { methods: {
quantityChange() { quantityChange() {
setTimeout(() => { setTimeout(() => {
@ -565,14 +621,12 @@
this.getSelectedSku(); this.getSelectedSku();
this.updateSelectedVariantsStatus() this.updateSelectedVariantsStatus()
}, },
// 把对应 selectedVariantsIndex 下标选中 variables -> values 的 selected 字段为 true // 把对应 selectedVariantsIndex 下标选中 variables -> values 的 selected 字段为 true
checkedVariants() { checkedVariants() {
this.source.variables.forEach((variable, index) => { this.source.variables.forEach((variable, index) => {
variable.values[this.selectedVariantsIndex[index]].selected = true variable.values[this.selectedVariantsIndex[index]].selected = true
}) })
}, },
getSelectedSku(reload = true) { getSelectedSku(reload = true) {
// 通过 selectedVariantsIndex 的值比对 skus 的 variables // 通过 selectedVariantsIndex 的值比对 skus 的 variables
const sku = this.source.skus.find(sku => sku.variants.toString() == this.selectedVariantsIndex.toString()) const sku = this.source.skus.find(sku => sku.variants.toString() == this.selectedVariantsIndex.toString())
@ -597,14 +651,75 @@
closeVideo() closeVideo()
}, },
updateSelectedVariantsIndex() {
// 获取选中的 variables 内 value的 下标 index 填充到 selectedVariantsIndex 中
this.source.variables.forEach((variable, index) => {
variable.values.forEach((value, value_index) => {
if (value.selected) {
this.selectedVariantsIndex[index] = value_index
}
})
})
},
updateSelectedVariantsStatus() {
// skus 里面 quantity 不为 0 的 sku.variants
const skus = this.source.skus.filter(sku => sku.quantity > 0).map(sku => sku.variants);
this.source.variables.forEach((variable, index) => {
variable.values.forEach((value, value_index) => {
const selectedVariantsIndex = this.selectedVariantsIndex.slice(0);
selectedVariantsIndex[index] = value_index;
const selectedSku = skus.find(sku => sku.toString() == selectedVariantsIndex.toString());
if (selectedSku) {
value.disabled = false;
} else {
value.disabled = true;
}
})
});
},
// 提交购物车
addCart(isBuyNow = false) { addCart(isBuyNow = false) {
if (this.price_setting === 'num' && this.quantity < this.numPrices[0].num) { let _this = this;
layer.msg('{{ __('shop/products.quantity_error') }}'); let params = {};
return; // 判断：当前商品如果是单规格则使用旧版本下单流程 为多规格则使用新版本下单流程
if(Object.keys(_this.source.skus).length > 1){
// 多规格
if (Object.keys(_this.add_buy_sku).length <= 0) {
layer.msg('{{ __('shop/products.buy_sku_error') }}');
return;
}
// 购买数量判断
let total = 0;
Object.values(_this.add_buy_sku).forEach((item,index) =>{
total += parseInt(item.quantity);
})
if(total <= 0){
layer.msg('{{ __('shop/products.quantity_error') }}');
return;
}
// 请求参数
params = {
isBuyNow,
sku_id: JSON.stringify(_this.add_buy_sku) || {},
quantity: 1,
};
}else{
// 单规格
if (_this.quantity <= 0 || _this.quantity > _this.product.quantity) {
layer.msg('{{ __('shop/products.quantity_error') }}');
return;
}
// 请求参数
params = {
sku_id: _this.product.id,
quantity: _this.quantity,
isBuyNow
};
} }
// 提交内容
bk.addCart({sku_id: this.product.id, quantity: this.quantity, isBuyNow}, null, () => { bk.addCart(params, null, () => {
if (isIframe) { if (isIframe) {
let index = parent.layer.getFrameIndex(window.name); //当前iframe层的索引 let index = parent.layer.getFrameIndex(window.name); //当前iframe层的索引
parent.bk.getCarts(); parent.bk.getCarts();
@ -625,35 +740,55 @@
} }
}); });
}, },
// 点击添加公共
updateSelectedVariantsIndex() { clickAddBuySku(){
// 获取选中的 variables 内 value的 下标 index 填充到 selectedVariantsIndex 中 let _this = this;
this.source.variables.forEach((variable, index) => { let product = {
variable.values.forEach((value, value_index) => { id: _this.product.id,
if (value.selected) { model: _this.product.model,
this.selectedVariantsIndex[index] = value_index sku: _this.product.sku,
} origin_price: _this.product.origin_price,
}) price: _this.product.price,
}) total_price: 0,
}, quantity: 0,// 当前购买数量
stock: _this.product.quantity,// 当前商品库存
updateSelectedVariantsStatus() { sku_info: {},
// skus 里面 quantity 不为 0 的 sku.variants };
const skus = this.source.skus.filter(sku => sku.quantity > 0).map(sku => sku.variants); // 获取规格信息
this.source.variables.forEach((variable, index) => { let variables = _this.source.variables;
variable.values.forEach((value, value_index) => { let variants = _this.product.variants;
const selectedVariantsIndex = this.selectedVariantsIndex.slice(0); variants.forEach((index,key) => {
let variablesInfo = variables[key];
selectedVariantsIndex[index] = value_index; product.sku_info[key] = {
const selectedSku = skus.find(sku => sku.toString() == selectedVariantsIndex.toString()); name: variablesInfo.name,
if (selectedSku) { value: variablesInfo.values[index].name,
value.disabled = false; };
} else {
value.disabled = true;
}
})
}); });
_this.add_buy_sku[product.id] = product;
_this.$forceUpdate();
}, },
// 多规格 - 某个规格的购买数量改变
skuQuantityChange(event,skuIndex){
let _this = this;
_this.add_buy_sku[skuIndex].quantity = event.target.value || 0;
// // 计算金额
// let addBuySku = Object.values(_this.add_buy_sku);
// let product_total = parseInt(0),
// shipping_fee = parseInt(0),
// order_tota = parseInt(0);
// addBuySku.forEach((item,index) =>{
// product_total += parseFloat((parseFloat(item.price) * parseInt(item.quantity)).toFixed(2))
// shipping_fee += parseFloat((parseFloat(product_total) * 0.1).toFixed(2))
// order_tota += parseFloat((parseFloat(product_total) + parseFloat(shipping_fee)).toFixed(2))
// })
// _this.product_total = product_total;
// _this.shipping_fee = shipping_fee;
// _this.order_tota = order_tota;
_this.$forceUpdate();
}
} }
}); });