fix(shop): 修正路由路径和修复弹窗关闭按钮错位

- 将所有 '/shopOrder' 路径修正为 '/shop/shopOrder' 以保持路由一致性
- 将优惠券使用路径从 '/shopGoodsCoupon' 改为 '/market/coupon'
- 修改今日统计数据 salesAmount 类型从字符串改为数字
- 在用户状态管理中添加额外菜单项 '/shop/shopExpressTemplateDetail',仅注册路由不显示侧边栏
- 修复 ant-modal 关闭按钮内部 span 尺寸,解决图标偏移和缩小问题
- 在样式文件末尾添加 .ant-modal-close-x 的宽高和行高样式并加 !important 覆盖默认样式
This commit is contained in:
2026-07-09 12:20:19 +08:00
parent ae8cb170dd
commit 4154260331
4 changed files with 52 additions and 12 deletions

View File

@@ -176,7 +176,7 @@
<UngroupOutlined />
参数配置
</a-button>
<a-button block @click="navigateTo('/shopOrder')">
<a-button block @click="navigateTo('/shop/shopOrder')">
<CalendarOutlined />
订单管理
</a-button>
@@ -205,7 +205,7 @@
</template>
<script lang="ts" setup>
import { ref, reactive, computed, onMounted, onUnmounted } from 'vue';
import { reactive, computed, onMounted, onUnmounted } from 'vue';
import { useRouter } from 'vue-router';
import {
ReloadOutlined,
@@ -253,21 +253,21 @@ const loading = computed(() => siteLoading.value || statisticsLoading.value);
// 核心统计数据
const coreStats = reactive([
{ icon: '🏸', label: '用户总数', value: 0, desc: '注册用户', color: 'blue', to: '/system/user' },
{ icon: '📦', label: '订单总数', value: 0, desc: '全部订单', color: 'orange', to: '/shopOrder' },
{ icon: '💰', label: '总营业额', value: '0.00', desc: '元', color: 'purple', to: '/shopOrder' },
{ icon: '📦', label: '订单总数', value: 0, desc: '全部订单', color: 'orange', to: '/shop/shopOrder' },
{ icon: '💰', label: '总营业额', value: '0.00', desc: '元', color: 'purple', to: '/shop/shopOrder' },
{ icon: '⏱️', label: '运行天数', value: 0, desc: '系统运行', color: 'green', to: '' },
]);
// 待处理事项
const todoItems = reactive([
{ label: '待发货订单', value: 0, to: '/shopOrder', tagColor: 'blue', dotColor: 'dot-blue', urgent: false },
{ label: '退款申请', value: 0, to: '/shopOrder', tagColor: 'orange', dotColor: 'dot-orange', urgent: false },
{ label: '优惠券使用', value: 0, to: '/shopGoodsCoupon', tagColor: 'cyan', dotColor: 'dot-cyan', urgent: false },
{ label: '待发货订单', value: 0, to: '/shop/shopOrder', tagColor: 'blue', dotColor: 'dot-blue', urgent: false },
{ label: '退款申请', value: 0, to: '/shop/shopOrder', tagColor: 'orange', dotColor: 'dot-orange', urgent: false },
{ label: '优惠券使用', value: 0, to: '/market/coupon', tagColor: 'cyan', dotColor: 'dot-cyan', urgent: false },
]);
// 今日统计
const todayStats = reactive({
salesAmount: '0.00',
salesAmount: 0.00,
orderCount: 0,
newUsers: 0,
couponUsed: 0,
@@ -276,7 +276,7 @@ const todayStats = reactive({
// 快速入口
const quickLinks = [
{ to: '/website/field', icon: '⚙️', label: '参数配置', bg: '#eff6ff' },
{ to: '/shopOrder', icon: '📦', label: '订单管理', bg: '#f0fdf4' },
{ to: '/shop/shopOrder', icon: '📦', label: '订单管理', bg: '#f0fdf4' },
{ to: '/system/user', icon: '👥', label: '用户管理', bg: '#fff7ed' },
{ to: '/website/index', icon: '🏪', label: '站点管理', bg: '#faf5ff' },
{ to: '/shopGoods', icon: '🏸', label: '商品管理', bg: '#ecfdf5' },
@@ -323,11 +323,11 @@ const loadData = async () => {
// 更新核心统计数据
coreStats[0].value = userCount.value || 0;
coreStats[1].value = orderCount.value || 0;
coreStats[2].value = totalSales.value || '0.00';
coreStats[2].value = totalSales.value || 0;
coreStats[3].value = runDays.value || 0;
// 模拟今日数据(实际应从后端统计接口获取)
todayStats.salesAmount = totalSales.value || '0.00';
todayStats.salesAmount = totalSales.value;
todayStats.orderCount = orderCount.value || 0;
todayStats.newUsers = Math.floor((userCount.value || 0) * 0.1);
todayStats.couponUsed = 0;