feat(userManagement): 新增用户管理页面并接入导航

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-08-19 15:29:53 +08:00
parent b66caf515e
commit 9040fc4fba
5 changed files with 419 additions and 2 deletions
@@ -0,0 +1,63 @@
+ <view class="userManagement">
+    <!-- 设备卡片 -->
+    <view class="device-card">
+        <view class="device-icon"></view>
+        <view class="device-info">
+            <view class="device-name-row">
+                <view class="device-name">{{ device.name }}</view>
+                <view class="device-status">
+                    <view class="status-dot"></view>
+                    <view class="status-text">{{ device.connected ? '已连接' : '未连接' }}</view>
+                </view>
+            </view>
+            <view class="device-meta" style="margin-bottom: 20rpx;">型号：{{ device.model }}</view>
+            <view class="device-meta">设备编号：{{ device.serial }}</view>
+        </view>
+    </view>
+
+    <!-- 已录入用户 + 同步按钮 -->
+    <view class="section-header">
+        <view class="section-title">已录入用户（{{ memberCount }}/10）</view>
+        <view class="sync-btn" bind:tap="onTapSync">同步用户至设备</view>
+    </view>
+
+    <!-- 同步提示 -->
+    <view class="sync-tip">当前用户信息未同步至设备，请在连接设备的状态下，点击同步按钮完成信息同步</view>
+
+    <!-- 用户列表 -->
+    <block wx:for="{{ members }}" wx:key="id">
+        <view class="member-card">
+            <view class="member-avatar {{ item.gender === '女' ? 'member-avatar--female' : 'member-avatar--male' }}"></view>
+            <view class="member-info">
+                <view class="member-name-row">
+                    <view class="member-name">{{ item.name }}</view>
+                    <view class="member-type-tag member-type-tag--{{ item.typeClass }}">{{ item.type }}</view>
+                </view>
+                <view class="member-sub">{{ item.gender }}·{{ item.age }}岁 丨 {{ item.height }}cm</view>
+            </view>
+            <view class="member-right">
+                <view class="member-sync member-sync--{{ item.syncClass }}">{{ item.sync }}</view>
+                <view class="member-ops">
+                    <view class="op-edit">编辑</view>
+                    <view class="op-delete">删除</view>
+                </view>
+            </view>
+        </view>
+    </block>
+
+    <!-- 底部添加用户按钮 -->
+    <view class="add-btn" bind:tap="onTapAddUser">添加用户（最多10位）</view>
+
+    <!-- 同步进度弹框 -->
+    <block wx:if="{{ syncShow }}">
+        <view class="sync-mask"></view>
+        <view class="sync-panel">
+            <view class="sync-title">同步成员至设备</view>
+            <view class="sync-status">{{ syncStatus }}</view>
+            <view class="sync-percent">{{ syncPercent }}%</view>
+            <view class="sync-progress">
+                <view class="sync-progress-inner" style="width: {{ syncPercent }}%;"></view>
+            </view>
+        </view>
+    </block>
+</view>