feat(userManagement): 用户列表按本人/员工/家庭用户分组展示
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.7
parent
97dffd9893
commit
48ac39f0e0
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user