64 lines
2.8 KiB
Plaintext
64 lines
2.8 KiB
Plaintext
<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>
|