feat(userManagement): 成员列表增加已删除状态展示

- delFlag=1 的成员显示「已删除」红色状态
- 已删除成员卡片半透明

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-08-27 14:48:34 +08:00
co-authored by Claude Opus 4.7
parent dbb2ab8423
commit 9a307783f9
3 changed files with 16 additions and 4 deletions
@@ -187,6 +187,10 @@
box-sizing: border-box;
margin-bottom: 24rpx;
&.member-card--deleted {
opacity: 0.7;
}
.member-top {
width: 100%;
display: flex;
@@ -291,6 +295,14 @@
background-color: #F2994A;
}
}
&.member-sync--deleted {
color: #F24439;
> view:nth-of-type(1) {
background-color: #F24439;
}
}
}
}
@@ -151,8 +151,8 @@ Page({
gender: item.sex === 1 ? '男' : '女',
age: calcAge(item.birthday),
height: item.height,
sync: item.syncStatus === 1 ? '已同步' : '同步',
syncClass: item.syncStatus === 1 ? 'done' : 'pending',
sync: item.delFlag === 1 ? '已删除' : (item.syncStatus === 1 ? '已同步' : '同步'),
syncClass: item.delFlag === 1 ? 'deleted' : (item.syncStatus === 1 ? 'done' : 'pending'),
relationType: item.relationType,
delFlag: item.delFlag,
})
@@ -37,7 +37,7 @@
<view class="scrollViewContent">
<!-- 本人 -->
<block wx:if="{{ self }}">
<view class="member-card">
<view class="member-card {{ self.delFlag === 1 ? 'member-card--deleted' : '' }}">
<view class="member-top">
<view class="member-avatar">
<image src="{{ self.gender === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" />
@@ -65,7 +65,7 @@
<block wx:for="{{ groups }}" wx:key="title" wx:for-item="group">
<view class="group-title">{{ group.title }}</view>
<block wx:for="{{ group.members }}" wx:key="id" wx:for-item="member">
<view class="member-card">
<view class="member-card {{ member.delFlag === 1 ? 'member-card--deleted' : '' }}">
<view class="member-top">
<view class="member-avatar {{ member.gender === '女' ? 'member-avatar--female' : 'member-avatar--male' }}"><image src="{{ member.gender === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" /></view>
<view class="member-info">