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; box-sizing: border-box;
margin-bottom: 24rpx; margin-bottom: 24rpx;
&.member-card--deleted {
opacity: 0.7;
}
.member-top { .member-top {
width: 100%; width: 100%;
display: flex; display: flex;
@@ -291,6 +295,14 @@
background-color: #F2994A; 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 ? '男' : '女', gender: item.sex === 1 ? '男' : '女',
age: calcAge(item.birthday), age: calcAge(item.birthday),
height: item.height, height: item.height,
sync: item.syncStatus === 1 ? '已同步' : '同步', sync: item.delFlag === 1 ? '已删除' : (item.syncStatus === 1 ? '已同步' : '同步'),
syncClass: item.syncStatus === 1 ? 'done' : 'pending', syncClass: item.delFlag === 1 ? 'deleted' : (item.syncStatus === 1 ? 'done' : 'pending'),
relationType: item.relationType, relationType: item.relationType,
delFlag: item.delFlag, delFlag: item.delFlag,
}) })
@@ -37,7 +37,7 @@
<view class="scrollViewContent"> <view class="scrollViewContent">
<!-- 本人 --> <!-- 本人 -->
<block wx:if="{{ self }}"> <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-top">
<view class="member-avatar"> <view class="member-avatar">
<image src="{{ self.gender === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" /> <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"> <block wx:for="{{ groups }}" wx:key="title" wx:for-item="group">
<view class="group-title">{{ group.title }}</view> <view class="group-title">{{ group.title }}</view>
<block wx:for="{{ group.members }}" wx:key="id" wx:for-item="member"> <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-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-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"> <view class="member-info">