richard/mp-pilates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(app): 管理中心列表改为纯文字入口并按业务重组分组

Browse Source
This commit is contained in:
richarjiang
2026-09-10 19:22:18 +08:00
parent 9f5608f13c
commit 014685ed04
1 changed files with 53 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

242
packages/app/src/pages/admin/index.vue
View File

@@ -27,164 +27,68 @@
</view> </view>
</view> </view>
<!-- Section: 课务运营 -->
<view class="section-header"> <view class="section-header">
<text class="section-title">教学报告</text> <text class="section-title">课务运营</text>
</view>
<view class="list">
<view class="list-item" @tap="navigate('/pages/admin/schedule')">
<text class="item-title">排课管理</text>
<text class="arrow-text">›</text>
</view>
<view class="list-item" @tap="navigate('/pages/admin/bookings')">
<text class="item-title">预约管理</text>
<text class="arrow-text">›</text>
</view>
</view> </view>
<!-- List: teaching reports --> <!-- Section: 教学复盘 -->
<view class="section-header">
<text class="section-title">教学复盘</text>
</view>
<view class="list"> <view class="list">
<view class="list-item" @tap="navigate('/pages/admin/analytics')"> <view class="list-item" @tap="navigate('/pages/admin/analytics')">
<view class="item-left"> <text class="item-title">统计分析</text>
<view class="item-icon-wrap icon--subscribe"><text class="item-icon-text">▥</text></view> <text class="arrow-text">›</text>
<view class="item-text-group">
<text class="item-title">统计分析</text>
<text class="item-desc">月度课次 · 学员出勤 · 上课明细</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">›</text>
</view>
</view> </view>
<view class="list-item" @tap="navigate('/pages/admin/reviews')"> <view class="list-item" @tap="navigate('/pages/admin/reviews')">
<view class="item-left"> <text class="item-title">课后评价</text>
<view class="item-icon-wrap icon--subscribe"><text class="item-icon-text">☆</text></view> <text class="arrow-text">›</text>
<view class="item-text-group">
<text class="item-title">课后评价</text>
<text class="item-desc">学员反馈 · 星级均分 · 推荐意愿趋势</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">›</text>
</view>
</view>
</view>
<!-- Section header: 课程管理 -->
<view class="section-header">
<text class="section-title">课程管理</text>
</view>
<!-- List: schedule -->
<view class="list">
<view class="list-item" @tap="navigate('/pages/admin/bookings')">
<view class="item-left">
<view class="item-icon-wrap icon--bookings">
<text class="item-icon-text">▣</text>
</view>
<view class="item-text-group">
<text class="item-title">预约管理</text>
<text class="item-desc">查看/确认/核销学员预约</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">›</text>
</view>
</view>
<view class="list-item" @tap="navigate('/pages/admin/schedule')">
<view class="item-left">
<view class="item-icon-wrap icon--schedule">
<text class="item-icon-text">◇</text>
</view>
<view class="item-text-group">
<text class="item-title">排课管理</text>
<text class="item-desc">管理每周课程时段</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">›</text>
</view>
</view> </view>
</view> </view>
<!-- Section header: 会员与订单 --> <!-- Section: 会员与订单 -->
<view class="section-header"> <view class="section-header">
<text class="section-title">会员与订单</text> <text class="section-title">会员与订单</text>
</view> </view>
<!-- List: members & orders -->
<view class="list"> <view class="list">
<view class="list-item" @tap="navigate('/pages/admin/members')"> <view class="list-item" @tap="navigate('/pages/admin/members')">
<view class="item-left"> <text class="item-title">会员管理</text>
<view class="item-icon-wrap icon--members"> <text class="arrow-text">›</text>
<text class="item-icon-text">◎</text>
</view>
<view class="item-text-group">
<text class="item-title">会员管理</text>
<text class="item-desc">查看所有会员信息</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">›</text>
</view>
</view> </view>
<view class="list-item" @tap="navigate('/pages/admin/orders')"> <view class="list-item" @tap="navigate('/pages/admin/orders')">
<view class="item-left"> <text class="item-title">订单管理</text>
<view class="item-icon-wrap icon--orders"> <text class="arrow-text">›</text>
<text class="item-icon-text">▣</text>
</view>
<view class="item-text-group">
<text class="item-title">订单管理</text>
<text class="item-desc">查看所有订单记录</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">›</text>
</view>
</view>
<view class="list-item" @tap="navigate('/pages/admin/card-types')">
<view class="item-left">
<view class="item-icon-wrap icon--card">
<text class="item-icon-text">▤</text>
</view>
<view class="item-text-group">
<text class="item-title">卡种管理</text>
<text class="item-desc">设置会员卡类型</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">›</text>
</view>
</view> </view>
</view> </view>
<!-- Section header: 系统 --> <!-- Section: 系统设置 -->
<view class="section-header"> <view class="section-header">
<text class="section-title">系统</text> <text class="section-title">系统设置</text>
</view> </view>
<!-- List: settings -->
<view class="list"> <view class="list">
<view class="list-item" @tap="navigate('/pages/admin/studio')"> <view class="list-item" @tap="navigate('/pages/admin/card-types')">
<view class="item-left"> <text class="item-title">卡种管理</text>
<view class="item-icon-wrap icon--studio"> <text class="arrow-text">›</text>
<text class="item-icon-text">◉</text> </view>
</view> <view class="list-item" @tap="navigate('/pages/admin/studio')">
<view class="item-text-group"> <text class="item-title">工作室设置</text>
<text class="item-title">工作室设置</text> <text class="arrow-text">›</text>
<text class="item-desc">工作室信息与配置</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">›</text>
</view>
</view> </view>
<view class="list-item" @tap="handleIncreaseSubscriptionCount"> <view class="list-item" @tap="handleIncreaseSubscriptionCount">
<view class="item-left"> <text class="item-title">增加订阅次数</text>
<view class="item-icon-wrap icon--subscribe"> <text class="item-extra">剩余 {{ user?.adminBookingSubscriptionCount ?? 0 }} 次</text>
<text class="item-icon-text">✦</text> <text class="arrow-text">{{ adminSubscribeLoading ? '...' : '›' }}</text>
</view>
<view class="item-text-group">
<text class="item-title">增加订阅次数</text>
<text class="item-desc">当前剩余 {{ user?.adminBookingSubscriptionCount ?? 0 }} 次</text>
</view>
</view>
<view class="item-arrow">
<text class="arrow-text">{{ adminSubscribeLoading ? '...' : '›' }}</text>
</view>
</view> </view>
</view> </view>
@@ -258,13 +162,8 @@ onMounted(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/* ── Page ───────────────────────────────────── */ /* ── Page ───────────────────────── */
.page { /* ── Stats card ──────────────────── */
min-height: 100vh;
padding-bottom: 40rpx;
}
/* ── Stats card ─────────────────────────────── */
.stats-card-wrap { .stats-card-wrap {
padding: 24rpx 24rpx 8rpx; padding: 24rpx 24rpx 8rpx;
} }
@@ -323,7 +222,12 @@ onMounted(() => {
background: rgba(180, 160, 130, 0.2); background: rgba(180, 160, 130, 0.2);
} }
/* ── Section header ─────────────────────────── */ .page {
min-height: 100vh;
padding-bottom: 40rpx;
}
/* ── Section header ───────────────── */
.section-header { .section-header {
padding: 32rpx 24rpx 12rpx; padding: 32rpx 24rpx 12rpx;
} }
@@ -336,7 +240,7 @@ onMounted(() => {
text-transform: uppercase; text-transform: uppercase;
} }
/* ── List ───────────────────────────────────── */ /* ── List ───────────────────────── */
.list { .list {
background: #FFFFFF; background: #FFFFFF;
margin: 0 24rpx; margin: 0 24rpx;
@@ -349,8 +253,8 @@ onMounted(() => {
.list-item { .list-item {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; gap: 16rpx;
padding: 28rpx 24rpx; padding: 32rpx 28rpx;
border-bottom: 1rpx solid rgba(180, 160, 130, 0.1); border-bottom: 1rpx solid rgba(180, 160, 130, 0.1);
transition: background 0.15s ease; transition: background 0.15s ease;
@@ -363,63 +267,23 @@ onMounted(() => {
} }
} }
.item-left {
display: flex;
align-items: center;
gap: 20rpx;
}
.item-icon-wrap {
width: 72rpx;
height: 72rpx;
border-radius: 18rpx;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.item-icon-text {
font-size: 32rpx;
color: #FFFFFF;
line-height: 1;
}
/* Icon variants — warm muted tones */
.icon--bookings { background: linear-gradient(135deg, #C4A87E, #B49868); }
.icon--schedule { background: linear-gradient(135deg, #8B9E7E, #7A8E6E); }
.icon--template { background: linear-gradient(135deg, #A090C0, #9080B0); }
.icon--members { background: linear-gradient(135deg, $primary-color, $primary-dark); }
.icon--orders { background: linear-gradient(135deg, #7E9EC4, #6E8EB4); }
.icon--card { background: linear-gradient(135deg, #C48E7E, #B47E6E); }
.icon--studio { background: linear-gradient(135deg, #9E9E7E, #8E8E6E); }
.icon--subscribe { background: linear-gradient(135deg, #5D8C8A, #476D72); }
.item-text-group {
display: flex;
flex-direction: column;
gap: 4rpx;
}
.item-title { .item-title {
flex: 1;
font-size: 30rpx; font-size: 30rpx;
font-weight: 600; font-weight: 500;
color: #4A4035; color: #4A4035;
letter-spacing: 0.5rpx; letter-spacing: 0.5rpx;
} }
.item-desc { .item-extra {
font-size: 24rpx; font-size: 24rpx;
color: #A09080; color: #A09080;
}
.item-arrow {
flex-shrink: 0; flex-shrink: 0;
padding-left: 16rpx;
} }
.arrow-text { .arrow-text {
font-size: 40rpx; flex-shrink: 0;
font-size: 36rpx;
color: rgba(180, 160, 130, 0.5); color: rgba(180, 160, 130, 0.5);
font-weight: 300; font-weight: 300;
line-height: 1; line-height: 1;