17792275749andClaude Opus 4.7
97c135786c
- 删除确认弹窗替代原生 wx.showModal，仿原生风格 - 他人添加成员删除时显示红色加粗警示文案 - 成员列表操作区统一展示编辑/删除按钮 - 名字旁补充「本人」「他人添加」标签 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
109 lines
4.0 KiB
Plaintext
109 lines
4.0 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="page-container">
|
|
<view class="device-card">
|
|
<image class="device-illustration" src="/images/device/{{ deviceCard.name }}.png" mode="aspectFit"></image>
|
|
<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>
|
|
|
|
<scroll-view class="scrollView" scroll-y>
|
|
<view class="scrollViewContent page-container">
|
|
<!-- 用户卡(容量 + 列表) -->
|
|
<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>
|
|
|
|
<!-- 用户列表 -->
|
|
<block wx:for="{{ memberList }}" wx:key="id">
|
|
<view class="member-item">
|
|
<!-- 头像：取名字第一个字 -->
|
|
<view class="member-avatar">{{ item.realname[0] }}</view>
|
|
|
|
<!-- 信息列 -->
|
|
<view class="member-info">
|
|
<view class="member-name-row">
|
|
<view class="member-name">{{ item.realname }}</view>
|
|
<block wx:if="{{ item.relationType == 1 }}">
|
|
<view class="badge badge-self">本人</view>
|
|
</block>
|
|
<block wx:elif="{{ item.relationType == 2 }}">
|
|
<!-- <view class="badge badge-my">自己添加</view>-->
|
|
</block>
|
|
<block wx:elif="{{ item.relationType == 3 }}">
|
|
<view class="badge badge-other">他人添加</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>
|
|
|
|
<view class="member-actions">
|
|
<view class="action-text" data-id="{{ item.id }}" bind:tap="onTapEdit">编辑</view>
|
|
<block wx:if="{{ item.relationType != 1 }}">
|
|
<view class="action-text action-text-danger" data-id="{{ item.id }}" bind:tap="onTapDelete">删除</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
<!-- 底部添加用户按钮 -->
|
|
<view class="btn">
|
|
<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 class="delete-modal-mask" wx:if="{{ showDeleteModal }}" bind:tap="onHideDeleteModal">
|
|
<view class="delete-modal" catch:tap="noop">
|
|
<view class="delete-modal-title">确认删除</view>
|
|
<view class="delete-modal-content">
|
|
<block wx:if="{{ deleteTarget.relationType == 3 }}">
|
|
<text class="delete-modal-warning">'{{ deleteTarget.realname }}'用户为他人添加，请确认是否删除</text>
|
|
</block>
|
|
<block wx:else>
|
|
确定要删除用户「{{ deleteTarget.realname }}」吗？删除后将同步更新设备数据。
|
|
</block>
|
|
</view>
|
|
<view class="delete-modal-footer">
|
|
<view class="delete-modal-btn delete-modal-btn-cancel" bind:tap="onHideDeleteModal">取消</view>
|
|
<view class="delete-modal-btn delete-modal-btn-confirm" bind:tap="onConfirmDelete">确定删除</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|