diff --git a/apps/frontend/src/components.d.ts b/apps/frontend/src/components.d.ts index 36149894..7942e067 100644 --- a/apps/frontend/src/components.d.ts +++ b/apps/frontend/src/components.d.ts @@ -21,7 +21,6 @@ declare module 'vue' { AdminStatusTag: typeof import('./components/admin/AdminStatusTag.vue')['default'] ElAlert: typeof import('element-plus/es')['ElAlert'] ElButton: typeof import('element-plus/es')['ElButton'] - ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup'] ElCard: typeof import('element-plus/es')['ElCard'] ElCheckbox: typeof import('element-plus/es')['ElCheckbox'] ElCol: typeof import('element-plus/es')['ElCol'] @@ -44,7 +43,6 @@ declare module 'vue' { ElMenu: typeof import('element-plus/es')['ElMenu'] ElMenuItem: typeof import('element-plus/es')['ElMenuItem'] ElOption: typeof import('element-plus/es')['ElOption'] - ElPageHeader: typeof import('element-plus/es')['ElPageHeader'] ElPagination: typeof import('element-plus/es')['ElPagination'] ElRadioButton: typeof import('element-plus/es')['ElRadioButton'] ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup'] @@ -52,7 +50,6 @@ declare module 'vue' { ElRow: typeof import('element-plus/es')['ElRow'] ElSelect: typeof import('element-plus/es')['ElSelect'] ElSkeleton: typeof import('element-plus/es')['ElSkeleton'] - ElStatistic: typeof import('element-plus/es')['ElStatistic'] ElSwitch: typeof import('element-plus/es')['ElSwitch'] ElTable: typeof import('element-plus/es')['ElTable'] ElTableColumn: typeof import('element-plus/es')['ElTableColumn'] diff --git a/apps/frontend/src/views/admin/AdminOrdersView.vue b/apps/frontend/src/views/admin/AdminOrdersView.vue index d122c00c..173f90ea 100644 --- a/apps/frontend/src/views/admin/AdminOrdersView.vue +++ b/apps/frontend/src/views/admin/AdminOrdersView.vue @@ -114,8 +114,7 @@ onMounted(loadOrders) - - +
@@ -136,7 +135,7 @@ onMounted(loadOrders) 查询
- +
@@ -149,8 +148,7 @@ onMounted(loadOrders) - - +
@@ -244,7 +242,7 @@ onMounted(loadOrders) @current-change="loadOrders" /> - +
@@ -264,7 +262,10 @@ onMounted(loadOrders) align-items: center; } -.filter-card { margin-top: var(--space-4); } +.filter-panel { + margin-top: var(--space-4); + padding: 0; +} .filter-grid { display: grid; @@ -280,13 +281,9 @@ onMounted(loadOrders) display: flex; align-items: center; gap: var(--space-2); - min-height: 46px; - padding: 8px 12px; + min-height: 38px; + padding: 0; margin-top: var(--space-4); - border: 1px solid var(--border-default); - border-radius: var(--radius-lg); - background: rgba(255, 255, 255, 0.74); - box-shadow: var(--shadow-sm); flex-wrap: wrap; } @@ -318,7 +315,10 @@ onMounted(loadOrders) .summary-metric[data-tone='warning'] { color: var(--color-warning-dark); background: var(--color-warning-light); border-color: #fed7aa; } .summary-metric[data-tone='muted'] { color: var(--text-secondary); background: #f8fafc; border-color: var(--border-default); } -.table-card { margin-top: var(--space-4); overflow: visible; } +.orders-section { + margin-top: var(--space-4); + overflow: visible; +} .orders-toolbar { margin-bottom: var(--space-3); } .orders-toolbar strong { display: block; color: var(--text-primary); font-size: var(--text-base); } @@ -331,14 +331,15 @@ onMounted(loadOrders) gap: 12px; padding: 12px 14px; border-radius: var(--radius-md); - background: rgba(255, 255, 255, 0.84); + background: rgba(247, 250, 255, 0.42); border: 1px solid var(--border-default); transition: border-color 0.16s ease, box-shadow 0.16s ease; } .order-card:hover { border-color: var(--border-hover); - box-shadow: var(--shadow-sm); + background: rgba(247, 250, 255, 0.68); + box-shadow: 0 1px 4px rgba(30, 49, 78, 0.04); } .order-card-top {