Skip to content

Commit

Permalink
淘宝模式产品，选中的自定义属性可以通过再次点击取消选中
Browse files Browse the repository at this point in the history
  • Loading branch information
@fancyecommerce
fancyecommerce committed Mar 19, 2018
1 parent cdb6f81 commit d5c33bf
Showing 1 changed file with 24 additions and 14 deletions.
38 changes: 24 additions & 14 deletions src/views/body/product/Index.vue
View file
Expand Up @@ -254,37 +254,37 @@
<li class="lbBox">
<span class="lineBlock fz_blue">{{ $t("message.stars_5") }}</span>
<div class="lineBlock proportionBox">
<div :style="'width: '+ product.reviw_rate_star_info.star_5 + '%'"> </div>
<div :style="'width: '+ reviw_rate_star_info.star_5 + '%'"> </div>
</div>
<span class="lineBlock">{{product.reviw_rate_star_info.star_5}}%</span>
<span class="lineBlock">{{reviw_rate_star_info.star_5}}%</span>
</li>
<li class="lbBox">
<span class="lineBlock fz_blue">{{ $t("message.stars_4") }}</span>
<div class="lineBlock proportionBox">
<div :style="'width: '+ product.reviw_rate_star_info.star_4 + '%'"> </div>
<div :style="'width: '+ reviw_rate_star_info.star_4 + '%'"> </div>
</div>
<span class="lineBlock">{{product.reviw_rate_star_info.star_4}}%</span>
<span class="lineBlock">{{reviw_rate_star_info.star_4}}%</span>
</li>
<li class="lbBox">
<span class="lineBlock fz_blue">{{ $t("message.stars_3") }}</span>
<div class="lineBlock proportionBox">
<div :style="'width: '+ product.reviw_rate_star_info.star_3 + '%'"> </div>
<div :style="'width: '+ reviw_rate_star_info.star_3 + '%'"> </div>
</div>
<span class="lineBlock">{{product.reviw_rate_star_info.star_3}}%</span>
<span class="lineBlock">{{reviw_rate_star_info.star_3}}%</span>
</li>
<li class="lbBox">
<span class="lineBlock fz_blue">{{ $t("message.stars_2") }}</span>
<div class="lineBlock proportionBox">
<div :style="'width: '+ product.reviw_rate_star_info.star_2 + '%'"> </div>
<div :style="'width: '+ reviw_rate_star_info.star_2 + '%'"> </div>
</div>
<span class="lineBlock">{{product.reviw_rate_star_info.star_2}}%</span>
<span class="lineBlock">{{reviw_rate_star_info.star_2}}%</span>
</li>
<li class="lbBox">
<span class="lineBlock fz_blue">{{ $t("message.stars_1") }}</span>
<div class="lineBlock proportionBox">
<div :style="'width: '+ product.reviw_rate_star_info.star_1 + '%'"> </div>
<div :style="'width: '+ reviw_rate_star_info.star_1 + '%'"> </div>
</div>
<span class="lineBlock">{{product.reviw_rate_star_info.star_1}}%</span>
<span class="lineBlock">{{reviw_rate_star_info.star_1}}%</span>
</li>
</ul>
<p class="buttons-row">
Expand Down Expand Up @@ -407,6 +407,7 @@ export default {
product_id: '',
thumbnail_img:[],
product: {},
reviw_rate_star_info:{},
errormsg:'',
productReview:[],
tier_price:[],
Expand Down Expand Up @@ -453,7 +454,9 @@ export default {
},
methods:{
isActiveSelectCustomOption(selectAttr,selectVal){
var selected_attr = this.custom_option_selected_attr;
// var selected_attr = this.custom_option_selected_attr;
// selected_attr[selectAttr] = selectVal;
var selected_attr = Object.assign({}, this.custom_option_selected_attr)
selected_attr[selectAttr] = selectVal;
if(this.custom_option){
for(var x in this.custom_option){
Expand All @@ -476,12 +479,18 @@ export default {
return false;
},
selectCustomOption: function(selectAttr,selectVal){
console.log('selectAttr:'+selectAttr);
console.log('selectVal:'+selectVal);
if(!this.isActiveSelectCustomOption(selectAttr,selectVal)){
return;
}
this.custom_option_selected_attr[selectAttr] = selectVal;
console.log(this.custom_option_selected_attr);
if (this.custom_option_selected_attr[selectAttr] == selectVal) {
delete this.custom_option_selected_attr[selectAttr];
} else {
this.custom_option_selected_attr[selectAttr] = selectVal;
}
console.log('selectAttr:'+selectAttr);
console.log('selectVal:'+selectVal);
// this.custom_option_selected_attr[selectAttr] = selectVal;
console.log(this.custom_option_selected_attr);
var active_attr = {};
var other_tj = {};
Expand Down Expand Up @@ -799,6 +808,7 @@ export default {
console.log('fetch product success');
var product = reponseData.data.product;
self.product = product;
self.reviw_rate_star_info = self.product.reviw_rate_star_info;
self.tier_price = product.tier_price;
self.buy_also_buy = product.buy_also_buy;
Expand Down

0 comments on commit d5c33bf

Please sign in to comment.