sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

选项卡的修改

v1.0.0
于肖磊 2024-08-20 10:09:26 +08:00
parent 8f83d1f479
commit 3a44989332
2 changed files with 40 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/model-shop-tabs/model-shop-tabs-content.vue
View File

@ -59,12 +59,12 @@
<template v-else>
<el-form-item label="商品分类">
<el-select v-model="row.product_type" multiple collapse-tags placeholder="请选择文章分类">
<el-option v-for="item in base_list.product_type_list" :key="item.value" :label="item.name" :value="item.value" />
<el-option v-for="item in base_list.product_category_list" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="指定品牌">
<el-select v-model="row.product_type" multiple collapse-tags placeholder="请选择文章分类">
<el-option v-for="item in base_list.product_type_list" :key="item.value" :label="item.name" :value="item.value" />
<el-option v-for="item in base_list.product_brand_list" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="显示数量">
@ -95,6 +95,14 @@
</template>
<script setup lang="ts">
import { get_math } from '@/utils';
import ShopAPI from '@/api/shop';
import { ShopStore } from '@/store';
const shop_store = ShopStore();
interface shop_list {
id: number;
name: string;
};
const props = defineProps({
value: {
type: Object,
@ -128,11 +136,8 @@ const base_list = reactive({
{ name: '指定商品', value: '0' },
{ name: '选择商品', value: '1' },
],
product_type_list: [
{ name: '样式一', value: '0' },
{ name: '样式二', value: '1' },
{ name: '样式三', value: '2' },
],
product_category_list: [] as shop_list[],
product_brand_list: [] as shop_list[],
sort_list: [
{ name: '综合', value: '0' },
{ name: '销量', value: '1' },
@ -149,6 +154,27 @@ const base_list = reactive({
{ name: '浏览量', value: '1' },
],
});
// 获取商品分类和品牌分类
const init = () => {
ShopAPI.getShop().then((res) => {
const { goods_category, brand_list } = res.data;
base_list.product_category_list = goods_category;
base_list.product_brand_list = brand_list;
shop_store.set_category_brand(goods_category, brand_list);
});
};
onBeforeMount(() => {
// 判断是否有历史数据
if (!shop_store.is_shop_api) {
shop_store.set_is_shop_api(true);
init();
} else {
base_list.product_category_list = shop_store.category_list;
base_list.product_brand_list = shop_store.brand_list;
}
});
const active_index = ref(0);
const tabs_list_click = (item: any, index: number) => {
active_index.value = index;

12
src/layout/components/main/default/shop-tabs.ts
View File

@ -5,7 +5,9 @@ interface articleTabsList {
img: string;
desc: string;
product_check: string;
product_type: string[];
goods_category_ids: string[];
goods_brand_ids: string[];
is_price_solo: boolean;
number: number;
sort: string;
sort_rules: string;
@ -63,10 +65,10 @@ const defaultProductList: DefaultProductList = {
tabs_top_up: false,
product_style: '0',
tabs_list: [
{ id: '1', title: '热门推荐', img: '', desc: '简介', product_check: '0', product_type: [], number: 4, sort: '0', sort_rules: '0', product_list: [] },
{ id: '2', title: '测试一', img: '', desc: '简介', product_check: '0', product_type: [], number: 4, sort: '0', sort_rules: '0', product_list: [] },
{ id: '3', title: '测试二', img: '', desc: '简介', product_check: '0', product_type: [], number: 4, sort: '0', sort_rules: '0', product_list: [] },
{ id: '4', title: '测试三', img: '', desc: '简介', product_check: '0', product_type: [], number: 4, sort: '0', sort_rules: '0', product_list: [] },
{ id: '1', title: '热门推荐', img: '', desc: '简介', product_check: '0', goods_category_ids: [], goods_brand_ids: [], number: 4, is_price_solo: true, sort: '0', sort_rules: '0', product_list: [] },
{ id: '2', title: '测试一', img: '', desc: '简介', product_check: '0', goods_category_ids: [], goods_brand_ids: [], number: 4, is_price_solo: true, sort: '0', sort_rules: '0', product_list: [] },
{ id: '3', title: '测试二', img: '', desc: '简介', product_check: '0', goods_category_ids: [], goods_brand_ids: [], number: 4, is_price_solo: true, sort: '0', sort_rules: '0', product_list: [] },
{ id: '4', title: '测试三', img: '', desc: '简介', product_check: '0', goods_category_ids: [], goods_brand_ids: [], number: 4, is_price_solo: true, sort: '0', sort_rules: '0', product_list: [] },
],
is_show: ['0', '1', '2', '3', '4', '5'],
is_shop_show: true,