feat(userManagement): 用户列表按本人/员工/家庭用户分组展示

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-08-19 16:33:48 +08:00
co-authored by Claude Opus 4.7
parent 97dffd9893
commit 48ac39f0e0
3 changed files with 218 additions and 125 deletions
@@ -12,7 +12,7 @@
<view class="status-text">{{ device.connected ? '已连接' : '未连接' }}</view>
</view>
</view>
<view class="device-meta">型号:{{ device.model }}</view>
<view class="device-meta" style="margin-bottom: 20rpx">型号:{{ device.model }}</view>
<view class="device-meta">设备编号:{{ device.serial }}</view>
</view>
</view>
@@ -29,26 +29,55 @@
<!-- 用户列表滚动区 -->
<view class="body">
<scroll-view scroll-y class="scrollView" wx:if="{{ members.length }}">
<scroll-view scroll-y class="scrollView" wx:if="{{ hasData }}">
<view class="scrollViewContent">
<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-card">
<view class="member-top">
<view class="member-avatar 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 class="member-name">{{ self.name }}</view>
<view class="member-type-tag member-type-tag--self">本人</view>
</view>
<view class="member-sub">{{ item.gender }}·{{ item.age }}岁 丨 {{ item.height }}cm</view>
<view class="member-sub">{{ self.gender }}·{{ self.age }}岁 丨 {{ self.height }}cm</view>
</view>
<view class="member-right">
<view class="member-sync member-sync--{{ item.syncClass }}">{{ item.sync }}</view>
<view class="member-sync member-sync--{{ self.syncClass }}">
<view></view>
<view>{{ self.sync }}</view>
</view>
</view>
<view class="member-divider"></view>
<view class="member-ops">
<view class="op-delete">删除</view>
</view>
</view>
<!-- 分组 -->
<block wx:for="{{ groups }}" wx:key="title" wx:for-item="group">
<view class="group-title">{{ group.title }}</view>
<block wx:for="{{ group.members }}" wx:key="id" wx:for-item="member">
<view class="member-card">
<view class="member-top">
<view class="member-avatar {{ member.gender === '女' ? 'member-avatar--female' : 'member-avatar--male' }}"></view>
<view class="member-info">
<view class="member-name-row">
<view class="member-name">{{ member.name }} <text>(他人添加)</text></view>
</view>
<view class="member-sub">{{ member.gender }}·{{ member.age }}岁 丨 {{ member.height }}cm</view>
</view>
<view class="member-sync member-sync--{{ member.syncClass }}">
<view></view>
<view>{{ member.sync }}</view>
</view>
</view>
<view class="member-divider"></view>
<view class="member-ops">
<view class="op-edit">编辑</view>
<view class="op-delete">删除</view>
</view>
</view>
</view>
</block>
</block>
</view>
</scroll-view>