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 | 54 +++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 39 insertions(+), 15 deletions(-)
diff --git a/h5/pages/staff/memberSel.vue b/h5/pages/staff/memberSel.vue
index 2e2dc60..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="鎼滅储"
+ 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/logo@2x.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,13 +96,15 @@
data() {
return {
memberList: [],
+ inputList: [],
selList: [],
param: {},
isShowSelMem: false
}
},
- onLoad() {
+ onLoad(option) {
+ this.$set(this.param, 'id', option.areaId || '')
this.initData()
},
methods: {
@@ -119,12 +118,22 @@
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({
- name: param.name
+ name: param.name,
+ id: param.id
}).then(res => {
this.memberList = res.data || []
+ this.inputList = [...this.memberList]
})
}
}
@@ -132,6 +141,9 @@
</script>
<style lang="scss">
+ .main_app{
+ padding-top: 30rpx;
+ }
.modal {
padding: 40rpx 30rpx;
.modal_header {
@@ -232,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