feat(data,my): 实现数据页与我的页界面，新增选择成员抽屉组件

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-08-17 15:48:07 +08:00
parent 6ad51b00b1
commit 0c8285f390
13 changed files with 1098 additions and 7 deletions
@@ -0,0 +1,70 @@
+<!-- 选择已有用户抽屉 -->
+<block wx:if="{{ innerShow }}">
+    <!-- 遮罩 -->
+    <view class="drawer-mask {{ animVisible ? 'drawer-mask--visible' : '' }}" bind:tap="onTapMask"></view>
+
+    <!-- 抽屉面板 -->
+    <view class="drawer-panel {{ animVisible ? 'drawer-panel--visible' : '' }}">
+
+        <!-- 顶部拖拽把手 -->
+        <view class="drawer-handle"></view>
+
+        <!-- 标题栏 -->
+        <view class="drawer-header">
+            <text class="drawer-title">选择已有用户</text>
+            <view class="drawer-close" bind:tap="onTapClose">
+                <view class="drawer-close-icon"></view>
+            </view>
+        </view>
+
+        <!-- 分隔线 -->
+        <view class="drawer-divider"></view>
+
+        <!-- 用户列表 -->
+        <block wx:if="{{ members.length }}">
+            <scroll-view class="drawer-list" scroll-y>
+                <block wx:for="{{ members }}" wx:key="id">
+                    <view class="member-item" bind:tap="onTapMember" data-member="{{ item }}">
+                        <!-- 头像 -->
+                        <block wx:if="{{ item.avatar }}">
+                            <image class="member-avatar {{ item.selected ? 'member-avatar--selected' : '' }}"
+                                   src="{{ item.avatar }}" mode="aspectFill"></image>
+                        </block>
+                        <block wx:else>
+                            <view class="member-avatar-placeholder {{ item.gender === '女' ? 'member-avatar-placeholder--female' : 'member-avatar-placeholder--male' }} {{ item.selected ? 'member-avatar-placeholder--selected-male' : '' }} {{ item.selected && item.gender === '女' ? 'member-avatar-placeholder--selected-female' : '' }}"></view>
+                        </block>
+
+                        <!-- 姓名 + 性别·年龄 -->
+                        <view class="member-info">
+                            <text class="member-name">{{ item.name }}</text>
+                            <text class="member-sub">{{ item.gender }}·{{ item.age }}岁 丨 {{ item.height }}cm</text>
+                        </view>
+
+                        <view class="member-type">
+                            <block wx:if="{{ item.relationType == 1 }}">
+                                <view class="member-type-tag member-type-tag--self">本人</view>
+                            </block>
+                            <block wx:elif="{{ item.dataType === 0 }}">
+                                <view class="member-type-tag member-type-tag--employee">员工</view>
+                            </block>
+                            <block wx:elif="{{ item.dataType === 1 }}">
+                                <view class="member-type-tag member-type-tag--family">家庭用户</view>
+                            </block>
+                        </view>
+                    </view>
+
+                    <!-- 水平分隔线 -->
+                    <view class="member-separator"></view>
+                </block>
+            </scroll-view>
+        </block>
+
+        <!-- 无用户：占位 -->
+        <block wx:else>
+            <view class="drawer-empty">
+                <image class="drawer-empty-icon" src="/images/selectMemberDrawer/noData.png" mode="aspectFit"/>
+                <text class="drawer-empty-text">暂无可选用户</text>
+            </view>
+        </block>
+    </view>
+</block>