bodyWeight/miniprogram/pages/equipmentMember/equipmentMember.wxml

<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>
					<!-- 本人 -->
					<view class="member-item my" wx:if="{{ selfMember }}">
						<view class="member-avatar">{{ selfMember.realname[0] }}</view>
						<view class="member-info">
							<view class="member-name-row">
								<view class="member-name">{{ selfMember.realname }}</view>
								<view class="badge badge-self">本人</view>
							</view>
							<view class="member-meta">
								<text class="meta-text">{{ selfMember.sex_dictText }}</text>
								<text class="meta-divider">·</text>
								<text class="meta-text">{{ selfMember.ageDisplay }}岁</text>
								<text class="meta-divider">|</text>
								<text class="meta-text">{{ selfMember.height }}cm</text>
							</view>
						</view>
						<view class="member-actions">
							<view class="action-text" data-id="{{ selfMember.id }}" bind:tap="onTapEdit">编辑</view>
						</view>
					</view>
				</view>

				<!-- 员工 -->
				<view class="member-card" wx:if="{{ employeeList.length }}">
					<view class="member-card-title" style="color: #10B981;">员工</view>
					<block wx:for="{{ employeeList }}" 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 == 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>
								<view class="action-text action-text-danger" data-id="{{ item.id }}" bind:tap="onTapDelete">删除</view>
							</view>
						</view>
					</block>
				</view>

				<!-- 家庭成员 -->
				<view class="member-card" wx:if="{{ familyList.length }}">
					<view class="member-card-title" style="color: #F59E0B;">家庭成员</view>
					<block wx:for="{{ familyList }}" 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 == 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>
								<view class="action-text action-text-danger" data-id="{{ item.id }}" bind:tap="onTapDelete">删除</view>
							</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>