callApi ('brends', queryParams,'').then((res) => {
this.brends = res.data.data;
var countItem = res.data.count_item;
this.numberOfPage = Math.ceil(countItem / lim);
})
callApi ('brends', queryParams,'').then((data) => {
if (data.data.data.length) {
this.brends = data.data.data;
}
});
methods: {
addNew() {
var parID = this.$route.params.subid;
this.$store.dispatch('addNote', parID)
}
}
export const actions = {
fetchCat (state, parID) {
queryParams['brend_id'] = parID;
callApi('prod_cat', queryParams, '').then((res) => {
if (res.data.data.length) {
this.categories = res.data.data;
for (var i = 0, max = this.categories.length; i < max; i++ ) {
if (this.categories[i].id == this.$route.params.id) {
this.currentCategory = this.categories[i]
}
}
}
})
}
/code>
<div class="selected_pop">
<div class="selected_relative">
<div class="select_list_wrapper" :class="{open: sortListOpened}">
<div class="select_list_current" @click="select_list_currentClick($event)">
<span class="label">Сортировать:</span>
<span class="select_list_current_item">По популярности</span>
</div>
<div class="select_list">
<div class="select_list_radio" @click="select_list_radioClick($event)"><input type="radio" id="by_popular" name="sort_list" checked><label for="by_popular"><span>По популярности</span> </label></div>
<div class="select_list_radio" @click="select_list_radioClick($event)"><input type="radio" id="by_price" name="sort_list"><label for="by_price"><span>По цене</span> </label></div>
<div class="select_list_radio" @click="select_list_radioClick($event)"><input type="radio" id="by_date" name="sort_list"><label for="by_date"><span>По новизне</span> </label></div>
</div>
</div>
</div>
</div>
<a href="#" class="sort_icon"></a>
<div class="selected_list">
<div class="select_list_wrapper" :class="{open: sortListOpened}">
<div class="select_list_current" @click="select_list_currentClick($event)">
<span class="label">Показывать по:</span>
<span class="select_list_current_item">7</span>
</div>
<div class="select_list">
<div class="select_list_radio" @click="select_list_radioClick($event)"><input type="radio" id="by_six" name="see_list" v-on:click="forSelect(1)" checked><label for="by_six"><span>7</span> </label></div>
<div class="select_list_radio" @click="select_list_radioClick($event)"><input type="radio" id="by_twelve" name="see_list" v-on:click="forSelect(2)"><label for="by_twelve"><span>14</span> </label></div>
<div class="select_list_radio" @click="select_list_radioClick($event)"><input type="radio" id="by_two_four" name="see_list" v-on:click="forSelect(3)"><label for="by_two_four"><span>21</span> </label></div>
<div class="select_list_radio" @click="select_list_radioClick($event)"><input type="radio" id="by_four_eight" name="see_list"><label for="by_four_eight" v-on:click="forSelect(4)"><span>28</span> </label></div>
<div class="select_list_radio" @click="select_list_radioClick($event)"><input type="radio" id="by_alll" name="see_list"><label for="by_alll"><span>Все</span> </label></div>
</div>
</div>
</div>
select_list_currentClick(e) {
var $this = $(e.target);
this.sortListOpened = ! this.sortListOpened;
$this.parents('.select_list_wrapper').find('.select_list').css('display', 'block');
$this.parent().find('.select_list').slideDown("slow");
},
updated() {
this.$nextTick(function () {
setTimeout(() => {
click();
}, 1000)
})
},