ll

liukangdong

2024-09-20 c5b5706cd645440a877c546978751b63bf40d008

 h5/pages/staff/memberSel.vue

@@ -10,22 +10,15 @@
        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>
@@ -105,7 +98,8 @@
      isShowSelMem: false
    }
  },
  onLoad() {
  onLoad(option) {
    this.$set(this.param, 'id', option.areaId || '')
    this.initData()
  },
  methods: {
@@ -116,15 +110,14 @@
         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 || []
      })
@@ -234,6 +227,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 {