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;
|
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">
|
||||||
|
|||||||
Reference in New Issue
Block a user