<template>
  <div>
    <el-timeline v-if="folowInfos != undefined && folowInfos.length > 0" style="max-height: 200px; overflow-y: auto">
      <el-timeline-item v-for="item in folowInfos" :key="item.record" :timestamp="item.operateTime" placement="top" style="padding: 5px !important">
        <el-card>
          <div style="font-weight: bold">用户 {{ item.operateUserName }}</div>
          <div style="padding-left: 10px" v-html="item.centent" />
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>
<script>
import { getFollowRecord } from '@/api/zs/clue';

export default {
  props: {
    clueId: {
      type: Number,
      default: undefined
    }
  },
  data() {
    return {
      folowInfos: []
    }
  },
  created() {
    // 加载跟进记录
    getFollowRecord({ clueId: this.clueId }).then((resp) => {
      this.folowInfos = resp.data;
    });
  }

}
</script>