[AI Generated]: feat(Views): 新增设备成员页结构与样式及添加成员入口

miniprogram/pages/equipmentMember/equipmentMember.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "设备成员",
+  "usingComponents": {}
+}

miniprogram/pages/equipmentMember/equipmentMember.ts

@@ -0,0 +1,135 @@
+/** 成员项 */
+interface MemberItem {
+	/** 唯一 ID */
+	id: string
+	/** 姓名 */
+	name: string
+	/** 性别 */
+	gender: '男' | '女'
+	/** 年龄 */
+	age: number
+	/** 身高(cm) */
+	height: number
+	/** 头像色块(无图片时使用) */
+	avatar: string
+	/** 是否本人 */
+	isSelf: boolean
+	/** 是否他人添加(只读,不显示编辑/删除) */
+	isFromOther: boolean
+}
+
+/** 设备卡片 */
+interface DeviceCard {
+	/** 设备 ID */
+	id: string
+	/** 设备名称 */
+	name: string
+	/** 已使用容量(成员数) */
+	capacityUsed: number
+	/** 总容量 */
+	capacityTotal: number
+}
+
+/**
+ * 设备成员页
+ * 两态:已连接(connected=true) / 未连接(connected=false)
+ * connected 为页面内部全局状态,后续接入真实设备状态时替换
+ */
+Page({
+	data: {
+		// 设备连接状态(全局,内部控制)
+		connected: true,
+
+		// 设备卡片
+		deviceCard: {
+			id: 'device-001',
+			name: 'MX-W30A1',
+			capacityUsed: 4,
+			capacityTotal: 10
+		} as DeviceCard,
+
+		// 成员列表(色块占位头像)
+		memberList: [
+			{
+				id: 'm-001',
+				name: '陈小飞',
+				gender: '男',
+				age: 28,
+				height: 175,
+				avatar: '#1385FA',
+				isSelf: true,
+				isFromOther: false
+			},
+			{
+				id: 'm-002',
+				name: '李镇南',
+				gender: '男',
+				age: 32,
+				height: 178,
+				avatar: '#2AC79F',
+				isSelf: false,
+				isFromOther: false
+			},
+			{
+				id: 'm-003',
+				name: '张颖',
+				gender: '女',
+				age: 26,
+				height: 165,
+				avatar: '#FF8FAB',
+				isSelf: false,
+				isFromOther: false
+			},
+			{
+				id: 'm-004',
+				name: '李镇南',
+				gender: '男',
+				age: 60,
+				height: 170,
+				avatar: '#FFB347',
+				isSelf: false,
+				isFromOther: true
+			}
+		] as MemberItem[]
+	},
+
+	/**
+	 * 编辑成员
+	 */
+	onTapEdit(e: WechatMiniprogram.TouchEvent) {
+		const id = e.currentTarget.dataset.id as string
+		// TODO: 后续接入编辑成员浮层/页面
+		wx.showToast({ title: `编辑 ${id}`, icon: 'none' })
+	},
+
+	/**
+	 * 删除成员
+	 */
+	onTapDelete(e: WechatMiniprogram.TouchEvent) {
+		const id = e.currentTarget.dataset.id as string
+		wx.showModal({
+			title: '提示',
+			content: '确定删除该成员?',
+			success: (res) => {
+				if (!res.confirm) return
+				// TODO: 后续接入删除成员接口
+				const list = this.data.memberList.filter(m => m.id !== id)
+				this.setData({
+					memberList: list,
+					'deviceCard.capacityUsed': list.length
+				})
+			}
+		})
+	},
+
+	/**
+	 * 添加成员:跳转到 addMember 页
+	 * 未连接态禁用
+	 */
+	onTapAddMember() {
+		if (!this.data.connected) return
+		wx.navigateTo({
+			url: '/pages/addMember/addMember'
+		})
+	}
+})

miniprogram/pages/equipmentMember/equipmentMember.wxml

@@ -0,0 +1,15 @@
+<view class="equipmentMember">
+	<block>
+		<view class="tips"></view>
+	</block>
+
+	<view class="member-card">
+		<view class="member-card-header"></view>
+		<view class="member-card-List"></view>
+	</view>
+
+	<view class="add-member">
+		<view></view>
+		<view>添加成员（最多10位）</view>
+	</view>
+</view>