85 lines
2.9 KiB
Plaintext
85 lines
2.9 KiB
Plaintext
<view class="equipmentMember">
|
|
|
|
<!-- 未连接提示条 -->
|
|
<block wx:if="{{ !connected }}">
|
|
<view class="tips">
|
|
<view class="tips-icon">!</view>
|
|
<text class="tips-text">设备未连接,请前往连接</text>
|
|
</view>
|
|
</block>
|
|
|
|
<view class="seaction">
|
|
<!-- 设备卡 -->
|
|
<view class="device-card">
|
|
<view class="device-illustration"></view>
|
|
<view class="device-info">
|
|
<view class="device-name">{{ deviceCard.name }}</view>
|
|
<view class="device-status">
|
|
<view class="status-dot {{ connected ? 'status-dot-on' : 'status-dot-off' }}"></view>
|
|
<view class="status-text">{{ connected ? '设备已连接' : '未连接' }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 成员卡(容量 + 列表) -->
|
|
<view class="member-card">
|
|
<!-- 设备容量(仅已连接态) -->
|
|
<block wx:if="{{ connected }}">
|
|
<view class="member-card-header">
|
|
<view class="capacity-label">设备容量</view>
|
|
<view class="capacity-value">
|
|
{{ deviceCard.capacityUsed }}/{{ deviceCard.capacityTotal }}
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<!-- 成员列表 -->
|
|
<scroll-view scroll-y class="member-card-list">
|
|
<block wx:for="{{ memberList }}" wx:key="id">
|
|
<view class="member-item">
|
|
<!-- 头像色块 -->
|
|
<view class="member-avatar" style="--avatar-bg: {{ item.avatar }};"></view>
|
|
|
|
<!-- 信息列 -->
|
|
<view class="member-info">
|
|
<view class="member-name-row">
|
|
<view class="member-name">{{ item.realname }}</view>
|
|
<!-- 本人 badge -->
|
|
<block wx:if="{{ item.relationType == 1 }}">
|
|
<view class="badge badge-self">本人</view>
|
|
</block>
|
|
</view>
|
|
<view class="member-meta">
|
|
<text class="meta-text">{{ item.sex_dictText }}</text>
|
|
<text class="meta-divider">·</text>
|
|
<text class="meta-text">{{ item.ageDisplay }}岁</text>
|
|
<text class="meta-divider">|</text>
|
|
<text class="meta-text">{{ item.height }}cm</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 右侧:他人添加 badge 或 编辑/删除按钮 -->
|
|
<view class="member-actions">
|
|
<!-- 他人添加：仅展示 badge -->
|
|
<block wx:if="{{ item.relationType == 3 }}">
|
|
<view class="badge badge-other">他人添加</view>
|
|
</block>
|
|
<!-- 自己添加（relationType == 2）：显示编辑/删除 -->
|
|
<block wx:elif="{{ item.relationType != 1 }}">
|
|
<view class="action-text" data-id="{{ item.id }}" bind:tap="onTapEdit">编辑</view>
|
|
<view class="action-text action-text-danger" data-id="{{ item.id }}" bind:tap="onTapDelete">删除</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
<!-- 底部添加成员按钮 -->
|
|
<view class="add-member {{ connected ? '' : 'add-member-disabled' }}" bind:tap="onTapAddMember">
|
|
<view class="add-member-icon">+</view>
|
|
<view class="add-member-text">添加成员<text>（最多10位）</text></view>
|
|
</view>
|
|
</view>
|
|
</view>
|