init

项目初始化

pages/checkin/checkin.wxml

@@ -0,0 +1,108 @@
+<!-- 加载失败 -->
+<block wx:if="{{loadError}}">
+  <view class="page">
+    <view class="error-card">
+      <view class="error-icon">!</view>
+      <view class="error-title">{{loadError}}</view>
+      <button class="btn-retry" hover-class="btn-hover" bindtap="onRetry">重新加载</button>
+    </view>
+  </view>
+</block>
+
+<!-- 首次加载骨架屏 -->
+<block wx:if="{{loading}}">
+  <view class="page">
+    <view class="skeleton-card">
+      <view class="sk sk-title"></view>
+      <view class="sk sk-line w60"></view>
+      <view class="sk sk-line w90"></view>
+    </view>
+    <view class="skeleton-list">
+      <view class="sk sk-row" wx:for="{{[1, 2, 3, 4, 5]}}" wx:key="*this"></view>
+    </view>
+  </view>
+</block>
+
+<block wx:else>
+  <view class="page fade-in">
+    <view class="card top-card {{checked ? 'done-card' : ''}}">
+      <view class="status-row">
+        <view class="date-chip">
+          <view class="date-week">{{weekday}}</view>
+          <view class="date-num">{{dayNum}}</view>
+        </view>
+        <view class="status-main">
+          <view class="status-title {{checked ? 'done' : 'undone'}}">{{checked ? '已打卡' : '未打卡'}}</view>
+          <view class="status-sub">{{checked ? '已完成今日打卡' : '请选择状态完成打卡'}}</view>
+          <view class="hero-status" wx:if="{{checked}}">
+            <view class="hero-status-dot" style="background-color:{{statusColor}}"></view>
+            <text class="hero-status-label" style="color:{{statusColor}}">{{record.status}}</text>
+          </view>
+        </view>
+      </view>
+
+      <view class="pills-grid {{submitting ? 'disabled' : ''}}">
+        <view
+          wx:for="{{statusItems}}"
+          wx:key="label"
+          class="pill {{statusIndex === index ? 'active' : ''}}"
+          style="background-color:{{statusIndex === index ? item.color : '#ffffff'}};border-color:{{statusIndex === index ? item.color : '#D8C7B4'}};color:{{statusIndex === index ? '#ffffff' : '#5A4A3A'}}"
+          data-index="{{index}}"
+          hover-class="pill-hover"
+          bindtap="onStatusTap"
+        >
+          <view class="dot" style="background-color:{{statusIndex === index ? '#ffffff' : item.color}}"></view>
+          <text>{{item.label}}</text>
+        </view>
+        <view class="submitting" wx:if="{{submitting}}">提交中…</view>
+      </view>
+
+    </view>
+
+    <view class="record-panel">
+      <view class="tabs">
+        <view class="tab {{tab === 'group' ? 'active' : ''}}" data-tab="group" hover-class="tab-hover" bindtap="switchTab">小组</view>
+        <view class="tab {{tab === 'personal' ? 'active' : ''}}" data-tab="personal" hover-class="tab-hover" bindtap="switchTab">个人</view>
+      </view>
+      <scroll-view class="record-scroll" scroll-y refresher-enabled refresher-triggered="{{refreshing}}" bindrefresherrefresh="onRefresh">
+        <view class="record-inner" wx:if="{{tab === 'group'}}">
+          <view class="group-head" wx:if="{{groupName}}">
+            <view class="group-title">{{groupName}} · {{classDate}}</view>
+            <view class="group-progress">{{checkedCount}}/{{total}} 已打卡</view>
+          </view>
+          <view class="empty" wx:if="{{!groupName}}">
+            <view class="empty-icon">👥</view>
+            <view class="empty-text">暂无小组，请联系老师分配</view>
+          </view>
+          <view class="empty" wx:elif="{{group.length === 0}}">
+            <view class="empty-icon">📭</view>
+            <view class="empty-text">本周暂无打卡记录</view>
+          </view>
+          <view wx:for="{{group}}" wx:key="student_id" class="member {{item.checked ? 'ok' : 'idle'}}">
+            <view class="member-avatar {{item.checked ? 'ok' : ''}}">{{item.shortName}}</view>
+            <view class="member-info">
+              <view class="member-name">{{item.name}}</view>
+              <view class="member-meta">{{item.checked ? ('打卡 ' + item.timeText) : ''}}</view>
+            </view>
+            <view class="member-badge {{item.checked ? 'ok' : 'idle'}}">{{item.checked ? item.record.status : '未打卡'}}</view>
+          </view>
+        </view>
+        <view wx:else class="record-inner">
+          <view class="empty" wx:if="{{history.length === 0}}">
+            <view class="empty-icon">📒</view>
+            <view class="empty-text">暂无个人打卡记录</view>
+          </view>
+          <view class="history-item" wx:for="{{history}}" wx:key="id">
+            <view class="history-head">
+              <view class="history-date">{{item.class_date}}</view>
+              <view class="history-badge" style="color:{{item.color}};background:{{item.bg}}">{{item.status}}</view>
+            </view>
+            <view class="history-time">{{item.timeText}}</view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
+</block>
+
+