This commit is contained in:
YeMingfei666 2025-11-18 18:53:54 +08:00
commit 82fb096092
1 changed files with 58 additions and 7 deletions

View File

@ -5,11 +5,11 @@
<text class="t">{{ item.label }}</text> <text class="t">{{ item.label }}</text>
</view> </view>
<view class="menu-wrap"> <view class="menu-wrap">
<view class="item" v-for="(val, i) in item.menus" :key="i" @click="go.to(val.pageId)"> <view class="item" v-for="(val, i) in item.menus" :key="i" @click="go.to(val.pageUrl)">
<image :src="`/static/applocation/${val.icon}.png`" mode="aspectFit" class="icon"></image> <image :src="`/static/applocation/${val.icon}.png`" mode="aspectFit" class="icon"></image>
<view class="info"> <view class="info">
<view class="title"> <view class="title">
<text class="t">{{ val.label }}</text> <text class="t">{{ val.title }}</text>
</view> </view>
<view class="intro"> <view class="intro">
<text class="t">{{ val.intro }}</text> <text class="t">{{ val.intro }}</text>
@ -22,8 +22,10 @@
</template> </template>
<script setup> <script setup>
import { ref } from 'vue'; import { ref, computed } from 'vue';
import go from '@/commons/utils/go.js'; import go from '@/commons/utils/go.js';
import { useMenusStore } from '@/store/menus.js';
const menusStore = useMenusStore();
const menuList = ref([ const menuList = ref([
{ {
@ -31,19 +33,68 @@ const menuList = ref([
menus: [ menus: [
{ {
icon: 'xszk', icon: 'xszk',
pageId: 'PAGES_LIMIT_DISCOUNT', pageUrl: 'PAGES_LIMIT_DISCOUNT',
label: '限时折扣', title: '限时折扣',
intro: '批量设置商品折扣' intro: '批量设置商品折扣'
}, },
{ {
icon: 'czdhm', icon: 'czdhm',
pageId: 'LIMIT_DISCOUNT', pageUrl: 'LIMIT_DISCOUNT',
label: '充值兑换码', title: '充值兑换码',
intro: '兑换码直充余额,可当作礼品赠送' intro: '兑换码直充余额,可当作礼品赠送'
},
{
title: '优惠券',
icon: '/static/indexImg/icon-order.svg',
pageUrl: 'PAGES_ORDER_INDEX'
},
{
title: '霸王餐',
icon: '/static/indexImg/icon-order.svg',
pageUrl: 'PAGES_ORDER_INDEX'
},
{
title: '邀请裂变',
icon: '/static/indexImg/icon-order.svg',
pageUrl: 'PAGES_ORDER_INDEX'
},
{
title: '积分锁客',
icon: '/static/indexImg/icon-order.svg',
pageUrl: 'PAGES_ORDER_INDEX'
},
{
title: '满减活动',
icon: '/static/indexImg/icon-order.svg',
pageUrl: 'PAGES_MARKET_DISCOUNT_ACTIVITY'
},
{
title: '私域引流',
icon: '/static/indexImg/icon-order.svg',
pageUrl: 'PAGES_MARKET_DRAINAGE_CONFIG'
},
{
title: '消费返现',
icon: '/static/indexImg/icon-order.svg',
pageUrl: 'PAGES_MARKET_CONSUME_CASHBACK'
},
{
title: '分销',
icon: '/static/indexImg/icon-order.svg',
pageUrl: 'PAGES_PAY'
} }
] ]
} }
]); ]);
console.log(menusStore.adminPages);
const computedMenus = computed(() => {
const arr = menusStore.adminPages.filter((v) => {
return navList.find((navItem) => navItem.title == v.title);
});
console.log(arr);
return arr;
});
</script> </script>
<style> <style>