feat:开发分类页内容管理

2026-04-29 18:17:48 +08:00
parent 2cb9ec55d6
commit fa39938e5a
12 changed files with 853 additions and 0 deletions
@@ -0,0 +1,98 @@
+<view class="ccm-page">
+    <!-- Category Selector -->
+    <scroll-view class="ccm-page__categories" scroll-x enable-flex>
+        <view
+            wx:for="{{categories}}"
+            wx:key="id"
+            class="ccm-pill {{activeCategoryId === item.id ? 'ccm-pill--active' : ''}}"
+            data-id="{{item.id}}"
+            bindtap="onCategoryTap">
+            <text class="ccm-pill__icon">{{item.icon}}</text>
+            <text class="ccm-pill__text">{{item.name}}</text>
+        </view>
+    </scroll-view>
+
+    <!-- Stats -->
+    <view class="ccm-page__stats">
+        <view class="ccm-stat">
+            <text class="ccm-stat__num">{{stats.total}}</text>
+            <text class="ccm-stat__label">总数</text>
+        </view>
+        <view class="ccm-stat">
+            <text class="ccm-stat__num">{{stats.draft}}</text>
+            <text class="ccm-stat__label">草稿</text>
+        </view>
+        <view class="ccm-stat">
+            <text class="ccm-stat__num">{{stats.active}}</text>
+            <text class="ccm-stat__label">线上</text>
+        </view>
+        <view class="ccm-stat">
+            <text class="ccm-stat__num">{{stats.hidden}}</text>
+            <text class="ccm-stat__label">已隐藏</text>
+        </view>
+    </view>
+
+    <!-- Loading -->
+    <view wx:if="{{loading}}" class="ccm-page__loading">
+        正在加载 worksheet 数据...
+    </view>
+
+    <!-- Empty -->
+    <view wx:elif="{{!worksheets.length}}" class="ccm-page__empty">
+        当前分类下暂无 worksheet
+    </view>
+
+    <!-- Worksheet List -->
+    <view wx:else class="ccm-page__list">
+        <view
+            wx:for="{{worksheets}}"
+            wx:key="_id"
+            class="ws-card ws-card--{{item.status}}">
+            <view class="ws-card__header">
+                <image
+                    wx:if="{{item.previewImg}}"
+                    class="ws-card__img"
+                    src="{{item.previewImg}}"
+                    mode="aspectFill" />
+                <view wx:else class="ws-card__img ws-card__img--placeholder">
+                    <text>无图</text>
+                </view>
+                <view class="ws-card__info">
+                    <text class="ws-card__title">{{item.title}}</text>
+                    <text class="ws-card__subtitle">{{item.subtitle}}</text>
+                    <view class="ws-card__meta">
+                        <text class="ws-card__tag">{{item.ageBand}}</text>
+                        <text class="ws-card__tag">{{item.difficultyLabel}}</text>
+                    </view>
+                    <text class="ws-card__id">{{item._id}}</text>
+                </view>
+            </view>
+            <view class="ws-card__footer">
+                <text class="ws-card__badge ws-card__badge--{{item.status}}">
+                    {{item.statusText}}
+                </text>
+                <text class="ws-card__sort">排序 {{item.sortOrder}}</text>
+                <toy-button
+                    type="primary"
+                    size="small"
+                    data-id="{{item._id}}"
+                    data-target="{{item.actionTarget}}"
+                    disabled="{{updatingId === item._id}}"
+                    bindtap="onStatusTap">
+                    {{updatingId === item._id ? '处理中...' : item.actionText}}
+                </toy-button>
+            </view>
+        </view>
+    </view>
+
+    <!-- Build Button -->
+    <view class="ccm-page__build">
+        <toy-button
+            type="primary"
+            loading="{{building}}"
+            disabled="{{building}}"
+            bindtap="onBuildTap">
+            {{building ? '生成中...' : '更新分类页数据'}}
+        </toy-button>
+    </view>
+</view>