pushStoreInfo.vue

<template>
  <div class="container">
    <div>
      <!-- 搜索框 -->
      <van-search v-model="inputValue" placeholder="请输入搜索关键词" />      
    </div>
    <van-checkbox-group v-model="list" @change="onChange">
      <van-cell-group >
        <van-cell  class="content"  v-for="(item, index) in newMemberList" :key="index"  clickable  data-index="index"  bind:click="toggle">
          <template slot="title">
            <img src="../../../public/img/photo.png" alt="" />
            <span class="custom-title">{{ item.name }}</span>
          </template>
          <van-checkbox slot="right-icon" catch:tap="noop" :name="item.id" />
        </van-cell>
      </van-cell-group>
    </van-checkbox-group>
    <div>外部联系人{{ info }}</div>
  </div>
</template>

<script>
import axios from "axios";
export default {
    data() {
        return {
            inputValue: '',
            newMemberList: [
                {
                  id: 1,
                  src: "",
                  name: "Solomon"
                },
                {
                  id: 2,
                  src: "",
                  name: "Solomon"
                }
            ],
            list: [],
            info: '',
            userId: ''
        }
    },
    mounted() {
      this.getAgentAuth()
      this.getList()
    },
    methods: {
      getList() {
        alert('获取外部联系人')
        alert(sessionStorage.getItem('userId'))
        sessionStorage.getItem('userId')
        this.userId = sessionStorage.getItem('userId')
        axios({
          url: "/workWx/auth/contact/listExternalContacts?userId=" + this.userId,
          method: "get",
          headers: headerData
        })
          .then(res => {
            alert('获取外部联系人成功')
            alert('JSON.stringify(res)')
            this.userInfo = JSON.stringify(res)
          })
          .catch(err => {
            this.zcache.userInfoResNew = "RESERR.";
          });
      },
      onChange(val) { },      
      toggle(event) {
        const { index } = event.currentTarget.dataset;
        const checkbox = this.selectComponent(`.checkboxes-${index}`);
        checkbox.toggle();
      },
      noop() {}
    }
}
</script>

<style scoped>
.content {
  align-items: center;
}
.content >>> .van-icon-arrow:before {
  margin-top: 10px;
  color: #2d476a;
}

.custom-title {
  margin-left: 12px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(45, 71, 106, 1);
}
.content img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  vertical-align: middle;
}
</style>