From 014685ed04b6bc9f0d9fef471a960a92a827b7a1 Mon Sep 17 00:00:00 2001
From: richarjiang <richarjiang@tencent.com>
Date: Thu, 10 Sep 2026 19:22:18 +0800
Subject: [PATCH] =?UTF-8?q?refactor(app):=20=E7=AE=A1=E7=90=86=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E5=88=97=E8=A1=A8=E6=94=B9=E4=B8=BA=E7=BA=AF=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E5=85=A5=E5=8F=A3=E5=B9=B6=E6=8C=89=E4=B8=9A=E5=8A=A1?=
 =?UTF-8?q?=E9=87=8D=E7=BB=84=E5=88=86=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/app/src/pages/admin/index.vue | 242 ++++++-------------------
 1 file changed, 53 insertions(+), 189 deletions(-)

diff --git a/packages/app/src/pages/admin/index.vue b/packages/app/src/pages/admin/index.vue
index 45443a5..0057241 100644
--- a/packages/app/src/pages/admin/index.vue
+++ b/packages/app/src/pages/admin/index.vue
@@ -27,164 +27,68 @@
       </view>
     </view>
 
+    <!-- Section: 课务运营 -->
     <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>
 
-    <!-- List: teaching reports -->
+    <!-- Section: 教学复盘 -->
+    <view class="section-header">
+      <text class="section-title">教学复盘</text>
+    </view>
     <view class="list">
       <view class="list-item" @tap="navigate('/pages/admin/analytics')">
-        <view class="item-left">
-          <view class="item-icon-wrap icon--subscribe"><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>
+        <text class="item-title">统计分析</text>
+        <text class="arrow-text">›</text>
       </view>
-
       <view class="list-item" @tap="navigate('/pages/admin/reviews')">
-        <view class="item-left">
-          <view class="item-icon-wrap icon--subscribe"><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>
-    <!-- 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>
+        <text class="item-title">课后评价</text>
+        <text class="arrow-text">›</text>
       </view>
     </view>
 
-    <!-- Section header: 会员与订单 -->
+    <!-- Section: 会员与订单 -->
     <view class="section-header">
       <text class="section-title">会员与订单</text>
     </view>
-
-    <!-- List: members & orders -->
     <view class="list">
       <view class="list-item" @tap="navigate('/pages/admin/members')">
-        <view class="item-left">
-          <view class="item-icon-wrap icon--members">
-            <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>
+        <text class="item-title">会员管理</text>
+        <text class="arrow-text">›</text>
       </view>
-
       <view class="list-item" @tap="navigate('/pages/admin/orders')">
-        <view class="item-left">
-          <view class="item-icon-wrap icon--orders">
-            <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>
+        <text class="item-title">订单管理</text>
+        <text class="arrow-text">›</text>
       </view>
     </view>
 
-    <!-- Section header: 系统 -->
+    <!-- Section: 系统设置 -->
     <view class="section-header">
-      <text class="section-title">系统</text>
+      <text class="section-title">系统设置</text>
     </view>
-
-    <!-- List: settings -->
     <view class="list">
-      <view class="list-item" @tap="navigate('/pages/admin/studio')">
-        <view class="item-left">
-          <view class="item-icon-wrap icon--studio">
-            <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 class="list-item" @tap="navigate('/pages/admin/card-types')">
+        <text class="item-title">卡种管理</text>
+        <text class="arrow-text">›</text>
+      </view>
+      <view class="list-item" @tap="navigate('/pages/admin/studio')">
+        <text class="item-title">工作室设置</text>
+        <text class="arrow-text">›</text>
       </view>
-
       <view class="list-item" @tap="handleIncreaseSubscriptionCount">
-        <view class="item-left">
-          <view class="item-icon-wrap icon--subscribe">
-            <text class="item-icon-text">✦</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>
+        <text class="item-title">增加订阅次数</text>
+        <text class="item-extra">剩余 {{ user?.adminBookingSubscriptionCount ?? 0 }} 次</text>
+        <text class="arrow-text">{{ adminSubscribeLoading ? '...' : '›' }}</text>
       </view>
     </view>
 
@@ -258,13 +162,8 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-/* ── Page ───────────────────────────────────── */
-.page {
-  min-height: 100vh;
-  padding-bottom: 40rpx;
-}
-
-/* ── Stats card ─────────────────────────────── */
+/* ── Page ───────────────────────── */
+/* ── Stats card ──────────────────── */
 .stats-card-wrap {
   padding: 24rpx 24rpx 8rpx;
 }
@@ -323,7 +222,12 @@ onMounted(() => {
   background: rgba(180, 160, 130, 0.2);
 }
 
-/* ── Section header ─────────────────────────── */
+.page {
+  min-height: 100vh;
+  padding-bottom: 40rpx;
+}
+
+/* ── Section header ───────────────── */
 .section-header {
   padding: 32rpx 24rpx 12rpx;
 }
@@ -336,7 +240,7 @@ onMounted(() => {
   text-transform: uppercase;
 }
 
-/* ── List ───────────────────────────────────── */
+/* ── List ───────────────────────── */
 .list {
   background: #FFFFFF;
   margin: 0 24rpx;
@@ -349,8 +253,8 @@ onMounted(() => {
 .list-item {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  padding: 28rpx 24rpx;
+  gap: 16rpx;
+  padding: 32rpx 28rpx;
   border-bottom: 1rpx solid rgba(180, 160, 130, 0.1);
   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 {
+  flex: 1;
   font-size: 30rpx;
-  font-weight: 600;
+  font-weight: 500;
   color: #4A4035;
   letter-spacing: 0.5rpx;
 }
 
-.item-desc {
+.item-extra {
   font-size: 24rpx;
   color: #A09080;
-}
-
-.item-arrow {
   flex-shrink: 0;
-  padding-left: 16rpx;
 }
 
 .arrow-text {
-  font-size: 40rpx;
+  flex-shrink: 0;
+  font-size: 36rpx;
   color: rgba(180, 160, 130, 0.5);
   font-weight: 300;
   line-height: 1;