<template>
  <div class="clue-recycle">
    <CardTitle :data="filter_data" :need_user="true" />
    <CardFooter :data="filter_data" :showUser="false" />
  </div>
</template>

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

<style lang="scss" scoped>
.clue-recycle{
  width: 100%;
}
</style>
