From 7298d5354963a88643a543b51b90192dc9fc934c Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期四, 11 九月 2025 18:43:14 +0800
Subject: [PATCH] 最新版本541200007
---
h5/pages/staff/memberSel.vue | 46 ++++++++++++++++++++++++++++++++++------------
1 files changed, 34 insertions(+), 12 deletions(-)
diff --git a/h5/pages/staff/memberSel.vue b/h5/pages/staff/memberSel.vue
index d4d2c99..47331fc 100644
--- a/h5/pages/staff/memberSel.vue
+++ b/h5/pages/staff/memberSel.vue
@@ -8,24 +8,18 @@
></image>
<input
v-model="param.name"
- @blur="initData()"
+ @input="changeInput"
type="text"
placeholder="璇疯緭鍏ュ鍚嶈繘琛屾悳绱�"
+ confirm-type="search"
placeholder-style="color: #999999;"
/>
</view>
<view class="member_list">
<checkbox-group @change="changeMem">
- <view v-for="item in memberList" :key="item.id" class="line">
- <image
- :src="
- item.faceImgFull
- ? item.faceImgFull
- : require('@/static/default_avatar.png')
- "
- class="avatar"
- mode=""
- ></image>
+ <view v-for="item in inputList" :key="item.id" class="line">
+ <image v-if="item.faceImgFull" :src="item.faceImgFull" class="avatar" ></image>
+ <span v-else class="img_name">{{item.name && item.name.slice(0,1)}}</span>
<view class="content">
<view class="info">
<text class="name">{{ item.name }}</text>
@@ -42,7 +36,10 @@
<text></text>
</view>
</checkbox-group>
- <view class="empty"></view>
+ <view v-if="inputList.length == 0" class="empty_wrap">
+ <image src="../../static/empty.png"></image>
+ <text>鏆傛棤鏁版嵁</text>
+ </view>
</view>
<!-- -->
<!-- <view class="sub_wrap">
@@ -99,6 +96,7 @@
data() {
return {
memberList: [],
+ inputList: [],
selList: [],
param: {},
@@ -120,6 +118,14 @@
this.$eventBus.$emit('snapshotSel', item)
uni.navigateBack()
},
+ changeInput(e) {
+ const str = e.target.value
+ this.inputList = this.memberList.filter(item => {
+ if(item.name.indexOf(str) > -1){
+ return item
+ }
+ })
+ },
initData() {
const { param } = this
findHiddenAreaMemberList({
@@ -127,6 +133,7 @@
id: param.id
}).then(res => {
this.memberList = res.data || []
+ this.inputList = [...this.memberList]
})
}
}
@@ -134,6 +141,9 @@
</script>
<style lang="scss">
+ .main_app{
+ padding-top: 30rpx;
+ }
.modal {
padding: 40rpx 30rpx;
.modal_header {
@@ -234,6 +244,18 @@
overflow: hidden;
margin-right: 20rpx;
}
+ .img_name{
+ width: 64rpx;
+ height: 64rpx;
+ line-height: 64rpx;
+ text-align: center;
+ border-radius: 50%;
+ overflow: hidden;
+ margin-right: 20rpx;
+ background: $uni-color-primary;
+ color: #fff;
+ border: 1rpx solid $uni-color-primary;
+ }
.content {
flex: 1;
.depart {
--
Gitblit v1.9.3