<template>
  <div class="clue-recovery">
    <User :data="user_info" />
    <p class="title">{{ data.title || "恢复线索" }}</p>
  </div>
</template>

<script>
import useGetEmployeeUrl from "@RecordCard/hooks/useGetEmployeeUrl";
import User from "@RecordCard/components/Common/User/index.vue";
export default {
  name: "ClueRecovery",
  components: { User },
  props: {
    data: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  computed: {
    user_info() {
      const { user_info = {} } = this.data;
      const { id = "" } = user_info;
      return {
        ...user_info,
        href: useGetEmployeeUrl(id),
      };
    },
  },
};
</script>

<style lang="scss" scoped>
.clue-recovery {
  width: 100%;
  @extend %flex-middle;
  .title {
    font-weight: 400;
    font-size: j(15px);
    margin-left: j(6px);
    color: black;
    flex-shrink: 0;
  }
}
</style>
