feat(userManagement): 成员列表增加已删除状态展示
- delFlag=1 的成员显示「已删除」红色状态 - 已删除成员卡片半透明 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.7
parent
dbb2ab8423
commit
9a307783f9
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user