czg_team
/
cashier_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新版营销首页

This commit is contained in:
gyq 2025-11-18 18:53:33 +08:00
parent 98b7ee56b1
commit 4567206abb
1 changed files with 58 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
pages/appliccation/marketing.vue
View File

@ -5,11 +5,11 @@
<text class="t">{{ item.label }}</text>
</view>
<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>
<view class="info">
<view class="title">
<text class="t">{{ val.label }}</text>
<text class="t">{{ val.title }}</text>
</view>
<view class="intro">
<text class="t">{{ val.intro }}</text>
@ -22,8 +22,10 @@
</template>
<script setup>
import { ref } from 'vue';
import { ref, computed } from 'vue';
import go from '@/commons/utils/go.js';
import { useMenusStore } from '@/store/menus.js';
const menusStore = useMenusStore();
const menuList = ref([
{
@ -31,19 +33,68 @@ const menuList = ref([
menus: [
{
icon: 'xszk',
pageId: 'PAGES_LIMIT_DISCOUNT',
label: '限时折扣',
pageUrl: 'PAGES_LIMIT_DISCOUNT',
title: '限时折扣',
intro: '批量设置商品折扣'
},
{
icon: 'czdhm',
pageId: 'LIMIT_DISCOUNT',
label: '充值兑换码',
pageUrl: 'LIMIT_DISCOUNT',
title: '充值兑换码',
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>
<style>