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 | 66 ++++++++++++++++++++++-----------
1 files changed, 44 insertions(+), 22 deletions(-)
diff --git a/h5/pages/staff/memberSel.vue b/h5/pages/staff/memberSel.vue
index 8a51c0a..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: {
@@ -116,17 +115,25 @@
console.log( e.detail.value[0]);
const id = Number(e.detail.value[0])
const item = this.memberList.find(i => i.id === id)
- console.log('item', item);
- uni.navigateTo({
- url: `/pages/staff/snapshot?id=${item.id}&name=${item.name}`
- })
+ 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]
})
}
}
@@ -134,6 +141,9 @@
</script>
<style lang="scss">
+ .main_app{
+ padding-top: 30rpx;
+ }
.modal {
padding: 40rpx 30rpx;
.modal_header {
@@ -144,7 +154,7 @@
font-weight: 600;
}
.btn {
- color: #279baa;
+ color: $uni-color-primary;
}
}
.modal_mem_list {
@@ -199,7 +209,7 @@
align-items: center;
.members {
width: 500rpx;
- color: #4d98a7;
+ color: $uni-color-primary;
white-space: nowrap;
overflow: hidden; //鏂囨湰瓒呭嚭闅愯棌
text-overflow: ellipsis;
@@ -214,7 +224,7 @@
width: 690rpx;
height: 88rpx;
line-height: 88rpx;
- background: #279baa;
+ background: $uni-color-primary;
border-radius: 44rpx;
color: #fff;
text-align: center;
@@ -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