From 03644613f353067bafece824ef2eea3fc8045574 Mon Sep 17 00:00:00 2001 From: xingyu4j Date: Mon, 20 Oct 2025 15:42:23 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BD=BF=E7=94=A8=20path=20=E8=BF=9B?= =?UTF-8?q?=E8=A1=8C=E8=B7=B3=E8=BD=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../home/modules/member-statistics-card.vue | 4 ++-- .../views/mall/home/modules/shortcut-card.vue | 23 +++++++++---------- .../mall/home/modules/trade-trend-card.vue | 4 ++-- .../views/mall/home/modules/shortcut-card.vue | 23 +++++++++---------- .../mall/home/modules/trade-trend-card.vue | 6 ++--- 5 files changed, 29 insertions(+), 31 deletions(-) diff --git a/apps/web-antd/src/views/mall/home/modules/member-statistics-card.vue b/apps/web-antd/src/views/mall/home/modules/member-statistics-card.vue index cc11ded12..3b7e0db48 100644 --- a/apps/web-antd/src/views/mall/home/modules/member-statistics-card.vue +++ b/apps/web-antd/src/views/mall/home/modules/member-statistics-card.vue @@ -41,7 +41,7 @@ const timeRangeConfig = { const timeRangeType = ref(TimeRangeTypeEnum.DAY30); // 日期快捷选择按钮, 默认 30 天 /** 时间范围类型单选按钮选中 */ -const handleTimeRangeTypeChange = async () => { +async function handleTimeRangeTypeChange() { // 设置时间范围 let beginTime: Dayjs; let endTime: Dayjs; @@ -72,7 +72,7 @@ const handleTimeRangeTypeChange = async () => { } // 发送时间范围选中事件 await getMemberRegisterCountList(beginTime, endTime); -}; +} async function getMemberRegisterCountList(beginTime: Dayjs, endTime: Dayjs) { loading.value = true; diff --git a/apps/web-antd/src/views/mall/home/modules/shortcut-card.vue b/apps/web-antd/src/views/mall/home/modules/shortcut-card.vue index 730d8adbf..170a122a6 100644 --- a/apps/web-antd/src/views/mall/home/modules/shortcut-card.vue +++ b/apps/web-antd/src/views/mall/home/modules/shortcut-card.vue @@ -16,56 +16,55 @@ const menuList = [ name: '用户管理', icon: 'ep:user-filled', bgColor: 'bg-red-400', - routerName: 'MemberUser', + routerPath: '/member/user', }, { name: '商品管理', icon: 'fluent-mdl2:product', bgColor: 'bg-orange-400', - routerName: 'ProductSpu', + routerPath: '/mall/product/spu', }, { name: '订单管理', icon: 'ep:list', bgColor: 'bg-yellow-500', - routerName: 'TradeOrder', + routerPath: '/mall/trade/order', }, { name: '售后管理', icon: 'ri:refund-2-line', bgColor: 'bg-green-600', - routerName: 'TradeAfterSale', + routerPath: '/mall/trade/after-sale', }, { name: '分销管理', icon: 'fa-solid:project-diagram', bgColor: 'bg-cyan-500', - routerName: 'TradeBrokerageUser', + routerPath: '/mall/trade/brokerage/brokerage-user', }, { name: '优惠券', icon: 'ep:ticket', bgColor: 'bg-blue-500', - routerName: 'PromotionCoupon', + routerPath: '/mall/promotion/coupon/template', }, { name: '拼团活动', icon: 'fa:group', bgColor: 'bg-purple-500', - routerName: 'PromotionBargainActivity', + routerPath: '/mall/promotion/combination/acitivity', }, { name: '佣金提现', icon: 'vaadin:money-withdraw', bgColor: 'bg-rose-500', - routerName: 'TradeBrokerageWithdraw', + routerPath: '/mall/trade/brokerage/brokerage-withdraw', }, ]; /** 跳转到菜单对应页面 */ -// TODO @xingyu：貌似通过 name 的方式，都无法跳转，找不到路由？ -function handleMenuClick(routerName: string) { - router.push({ name: routerName }); +function handleMenuClick(routerPath: string) { + router.push({ path: routerPath }); } @@ -76,7 +75,7 @@ function handleMenuClick(routerName: string) { v-for="menu in menuList" :key="menu.name" class="flex h-20 w-[20%] cursor-pointer flex-col items-center justify-center gap-2" - @click="handleMenuClick(menu.routerName)" + @click="handleMenuClick(menu.routerPath)" >
{ +async function handleTimeRangeTypeChange() { // 设置时间范围 let beginTime: Dayjs; let endTime: Dayjs; @@ -77,7 +77,7 @@ const handleTimeRangeTypeChange = async () => { } // 发送时间范围选中事件 await getOrderCountTrendComparison(beginTime, endTime); -}; +} /** 查询订单数量趋势对照数据 */ async function getOrderCountTrendComparison(beginTime: Dayjs, endTime: Dayjs) { diff --git a/apps/web-ele/src/views/mall/home/modules/shortcut-card.vue b/apps/web-ele/src/views/mall/home/modules/shortcut-card.vue index 8a44c3ea6..c5cc57fcb 100644 --- a/apps/web-ele/src/views/mall/home/modules/shortcut-card.vue +++ b/apps/web-ele/src/views/mall/home/modules/shortcut-card.vue @@ -16,56 +16,55 @@ const menuList = [ name: '用户管理', icon: 'ep:user-filled', bgColor: 'bg-red-400', - routerName: 'MemberUser', + routerPath: '/member/user', }, { name: '商品管理', icon: 'fluent-mdl2:product', bgColor: 'bg-orange-400', - routerName: 'ProductSpu', + routerPath: '/mall/product/spu', }, { name: '订单管理', icon: 'ep:list', bgColor: 'bg-yellow-500', - routerName: 'TradeOrder', + routerPath: '/mall/trade/order', }, { name: '售后管理', icon: 'ri:refund-2-line', bgColor: 'bg-green-600', - routerName: 'TradeAfterSale', + routerPath: '/mall/trade/after-sale', }, { name: '分销管理', icon: 'fa-solid:project-diagram', bgColor: 'bg-cyan-500', - routerName: 'TradeBrokerageUser', + routerPath: '/mall/trade/brokerage/brokerage-user', }, { name: '优惠券', icon: 'ep:ticket', bgColor: 'bg-blue-500', - routerName: 'PromotionCoupon', + routerPath: '/mall/promotion/coupon/template', }, { name: '拼团活动', icon: 'fa:group', bgColor: 'bg-purple-500', - routerName: 'PromotionBargainActivity', + routerPath: '/mall/promotion/combination/acitivity', }, { name: '佣金提现', icon: 'vaadin:money-withdraw', bgColor: 'bg-rose-500', - routerName: 'TradeBrokerageWithdraw', + routerPath: '/mall/trade/brokerage/brokerage-withdraw', }, ]; /** 跳转到菜单对应页面 */ -// TODO @xingyu：貌似通过 name 的方式，都无法跳转，找不到路由？ -function handleMenuClick(routerName: string) { - router.push({ name: routerName }); +function handleMenuClick(routerPath: string) { + router.push({ path: routerPath }); } @@ -79,7 +78,7 @@ function handleMenuClick(routerName: string) { v-for="menu in menuList" :key="menu.name" class="flex h-20 w-[20%] cursor-pointer flex-col items-center justify-center gap-2" - @click="handleMenuClick(menu.routerName)" + @click="handleMenuClick(menu.routerPath)" >
{ +async function handleTimeRangeTypeChange() { // 设置时间范围 let beginTime: Dayjs; let endTime: Dayjs; @@ -77,7 +77,7 @@ const handleTimeRangeTypeChange = async () => { } // 发送时间范围选中事件 await getOrderCountTrendComparison(beginTime, endTime); -}; +} /** 查询订单数量趋势对照数据 */ async function getOrderCountTrendComparison(beginTime: Dayjs, endTime: Dayjs) {