a<template>
  <div>
    <div v-for="(item, index) in Mock" :key="index" class="item">
      <weilingRecordCard
        :env_data="env_data"
        :data="item"
        node_env="uat"
        scene="group"
        external_userid="wmK9-UBwAALkp9e9o-lCq5PwNDBoazJg"
        external_chatid="wrWAFzDwAADlT0KmrDOybBD8ewsD05Tg"
        user_id="123123"
        :active="item.high_light_signal"
        @onBrowseDetail="onBrowseDetail"
        @onClickSharePath="onClickSharePath"
        @onClickFollowRecord="onClickFollowRecord"
        @onClickSubmitForm="onClickSubmitForm"
      />
    </div>
  </div>
</template>

<script>
import Mock from "@/mock";
import weilingRecordCard from "../../packages";
export default {
  data() {
    return {
      Mock,
      env_data: {
        node_env: "dev_uat",
        domain: "https://demo.weiling.cn",
        user_id: "1424997261653467140",
        corp_id: "ww6a2c940f42712c74",
        sid: "ad63ca089e3c7cae6254c946f2812bbd",
      },
    };
  },
  components: { weilingRecordCard },
  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>
