| | |
| | | v-model="param.name" |
| | | @blur="initData()" |
| | | type="text" |
| | | placeholder="搜索" |
| | | placeholder="请输入姓名进行搜索" |
| | | 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> |
| | | <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> |
| | |
| | | <text></text> |
| | | </view> |
| | | </checkbox-group> |
| | | <view class="empty"></view> |
| | | <view v-if="memberList.length == 0" class="empty_wrap"> |
| | | <image src="../../static/empty.png"></image> |
| | | <text>暂无数据</text> |
| | | </view> |
| | | </view> |
| | | <!-- --> |
| | | <!-- <view class="sub_wrap"> |
| | |
| | | isShowSelMem: false |
| | | } |
| | | }, |
| | | onLoad() { |
| | | onLoad(option) { |
| | | this.$set(this.param, 'id', option.areaId || '') |
| | | this.initData() |
| | | }, |
| | | methods: { |
| | |
| | | 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() |
| | | }, |
| | | initData() { |
| | | const { param } = this |
| | | findHiddenAreaMemberList({ |
| | | name: param.name |
| | | name: param.name, |
| | | id: param.id |
| | | }).then(res => { |
| | | this.memberList = res.data || [] |
| | | }) |
| | |
| | | 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 { |