<template>
  <div>
    <div v-for="(item, index) in Mock" :key="index" class="item">
      <Weiling-record-card
        :data="item"
        node_env="uat"
        scene="group"
        external_userid="woK9-UBwAAuXwH3Ii5HH0ynpRkwf6qhw"
        external_chatid="wrWAFzDwAADlT0KmrDOybBD8ewsD05Tg"
        :user_info="{id: '1467751592217554944'}"
        :active="item.high_light_signal"
        @onBrowseDetail="onBrowseDetail"
        @onClickSharePath="onClickSharePath"
        @onClickFollowRecord="onClickFollowRecord"
        @onClickSubmitForm="onClickSubmitForm"
      />
    </div>
  </div>
</template>

<script>
import Mock from "@/mock";
export default {
  data() {
    return {
      Mock,
    };
  },
  methods: {
    onBrowseDetail(val) {
      console.log("----onBrowseDetail---");
      console.log(val);
    },
    onClickSharePath(val) {
      console.log("----onClickSharePath---");
      console.log(val);
    },
    onClickFollowRecord(val) {
      console.log("----onClickFollowRecord---");
      console.log(val);
    },
    onClickSubmitForm(val) {
      console.log("----onClickSubmitForm---");
      console.log(val);
    },
    onReplyClick(data) {
      console.log(data);
    },
  },
};
</script>

<style lang="scss" scoped>
#app {
  height: 100%;
  background-color: $background-color;
  .item {
    margin-bottom: 15px;
  }
}
</style>
