17792275749andClaude Opus 4.7
44659a6ae4
- ExistingMember 补充 dataType/relationType 字段 - API 映射层透传 dataType 与 relationType - member-type 区域按类型展示对应颜色标签 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
71 lines
3.3 KiB
Plaintext
71 lines
3.3 KiB
Plaintext
<!-- 选择已有用户抽屉 -->
|
|
<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>
|