huangzhenbao/medical-mall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化细节

Browse Source
This commit is contained in:
huangzhenbao
2026-02-06 12:06:33 +08:00
parent b7545173c6
commit d00f0b7412
83 changed files with 3901 additions and 2354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
layouts/admin/AdminLayout.uvue
View File

@@ -57,12 +57,11 @@
@tab-close="onTabClose"
@close-other="onCloseOther"
@close-all="onCloseAll"
@refresh="onRefresh"
/>
<!-- 内容展示区 (内部路由渲染) -->
<view class="content-scroll">
<view class="content-inner" :style="{ padding: isMobile ? '12px' : '16px' }">
<view class="content-inner" :class="{ 'is-mobile': isMobile }">
<component :is="currentComponent" />
</view>
<AdminFooter />
@@ -400,7 +399,7 @@ onMounted(() => {
flex-direction: row;
width: 100%;
min-height: 100vh;
background: #f0f2f5;
background: #f5f7f9;
position: relative;
}
@@ -444,7 +443,7 @@ onMounted(() => {
flex-direction: column;
min-height: 100vh;
transition: margin-left 300ms ease;
background: #f0f2f5;
background: #f5f7f9;
width: 100%;
}
@@ -474,11 +473,14 @@ onMounted(() => {
flex: 1;
overflow-y: scroll;
overflow-x: auto; /* 允许横向滚动，兼容极端窄屏 */
background: #f0f2f5;
background: #f5f7f9;
}
.content-inner {
min-height: calc(100vh - 120px);
padding: 16px;
padding: 12px 14px;
}
.content-inner.is-mobile {
padding: 8px;
}
</style>

3
layouts/admin/components/AdminAside.uvue
View File

@@ -52,8 +52,7 @@ function getIconText(icon: string): string {
'user': '👥',
'product': '📦',
'order': '📜',
'marketing': '📉',
'content': '📝',
'marketing': '📉', 'share': '📢', 'content': '📝',
'finance': '💰',
'statistic': '📊',
'setting': '⚙️',

15
layouts/admin/pages/HomeIndex.uvue
View File

@@ -225,9 +225,8 @@ const statsData = ref({
<style scoped>
.home-page {
padding: 16px;
background-color: #f0f2f5;
min-height: 100vh;
display: flex;
flex-direction: column;
}
/* 兼容旧布局标识，样式逻辑已由 .kpi-grid 接管 */
@@ -237,10 +236,10 @@ const statsData = ref({
/* 图表区样式 */
.chart-section {
margin-top: 16px;
margin-top: 12px;
background-color: #ffffff;
border-radius: 4px;
padding: 20px;
padding: 16px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
@@ -249,7 +248,7 @@ const statsData = ref({
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
margin-bottom: 16px;
}
.header-left {
@@ -320,10 +319,10 @@ const statsData = ref({
}
.bottom-charts {
margin-top: 16px;
margin-top: 12px;
display: flex;
flex-direction: row;
gap: 16px;
gap: 12px;
}
.half-width {

9
layouts/admin/router/adminComponentMap.uts
View File

@@ -144,9 +144,12 @@ export const componentMap: Map<string, any> = new Map([
['SettingInterfacePayment', defineAsyncComponent(() => import('@/pages/mall/admin/setting/interface/payment.uvue'))],
// 分销模块
['DistributionStatistic', PlaceholderPage],
['DistributionList', PlaceholderPage],
['DistributionConfig', PlaceholderPage],
['DistributionPromoter', defineAsyncComponent(() => import('@/pages/mall/admin/distribution/promoter/index.uvue'))],
['DistributionLevel', defineAsyncComponent(() => import('@/pages/mall/admin/distribution/level/index.uvue'))],
['DistributionConfig', defineAsyncComponent(() => import('@/pages/mall/admin/distribution/setting/index.uvue'))],
['DivisionList', defineAsyncComponent(() => import('@/pages/mall/admin/distribution/division/list.uvue'))],
['DivisionAgent', defineAsyncComponent(() => import('@/pages/mall/admin/distribution/division/agent.uvue'))],
['DivisionApply', defineAsyncComponent(() => import('@/pages/mall/admin/distribution/division/apply.uvue'))],
// 客服模块
['KefuList', defineAsyncComponent(() => import('@/pages/mall/admin/kefu/list.uvue'))],

50
layouts/admin/router/adminRoutes.uts
View File

@@ -119,10 +119,11 @@ export const topMenus: TopMenu[] = [
id: 'distribution',
title: '分销',
icon: 'share',
path: '/pages/mall/admin/distribution/statistic',
path: '/pages/mall/admin/distribution/promoter',
order: 6,
groups: [
{ id: 'distribution-manage', title: '', order: 1 }
{ id: 'distribution-manage', title: '', order: 1 },
{ id: 'distribution-division', title: '事业部', order: 2 }
]
},
{
@@ -1070,19 +1071,19 @@ export const routes: RouteRecord[] = [
// ========== 分销模块 ==========
{
id: 'distribution_statistic',
title: '分销统计',
path: '/pages/mall/admin/distribution/statistic',
componentKey: 'DistributionStatistic',
id: 'distribution_promoter',
title: '分销员管理',
path: '/pages/mall/admin/distribution/promoter/index',
componentKey: 'DistributionPromoter',
parentId: 'distribution',
groupId: 'distribution-manage',
order: 1
},
{
id: 'distribution_list',
title: '分销员列表',
path: '/pages/mall/admin/distribution/list',
componentKey: 'DistributionList',
id: 'distribution_level',
title: '分销等级',
path: '/pages/mall/admin/distribution/level/index',
componentKey: 'DistributionLevel',
parentId: 'distribution',
groupId: 'distribution-manage',
order: 2
@@ -1090,12 +1091,39 @@ export const routes: RouteRecord[] = [
{
id: 'distribution_config',
title: '分销设置',
path: '/pages/mall/admin/distribution/config',
path: '/pages/mall/admin/distribution/setting/index',
componentKey: 'DistributionConfig',
parentId: 'distribution',
groupId: 'distribution-manage',
order: 3
},
{
id: 'division_list',
title: '事业部列表',
path: '/pages/mall/admin/distribution/division/list',
componentKey: 'DivisionList',
parentId: 'distribution',
groupId: 'distribution-division',
order: 1
},
{
id: 'division_agent',
title: '代理商列表',
path: '/pages/mall/admin/distribution/division/agent',
componentKey: 'DivisionAgent',
parentId: 'distribution',
groupId: 'distribution-division',
order: 2
},
{
id: 'division_apply',
title: '代理商申请',
path: '/pages/mall/admin/distribution/division/apply',
componentKey: 'DivisionApply',
parentId: 'distribution',
groupId: 'distribution-division',
order: 3
},
// ========== 客服模块 ==========
{

4
layouts/admin/styles/admin-responsive.css
View File

@@ -2,7 +2,7 @@
.kpi-grid {
display: grid !important;
gap: 16px;
gap: 12px;
width: 100%;
box-sizing: border-box;
}
@@ -39,7 +39,7 @@
/* 6-2-1 网格规范 (对标 CRMEB 统计概况) */
.kpi-grid-6 {
display: grid !important;
gap: 16px;
gap: 12px;
width: 100%;
box-sizing: border-box;
}