<template>
  <HoverMe
    class="ml-2 cursor-pointer"
    :margin-top="20"
    :margin-left="-154"
    @over="over"
  >
    <template #default>
      <Icon icon-name="iconshenpiweitongguo-chakanyuanyin"></Icon>
    </template>
    <template #message>
      <div style="font-size: 14px">
        {{ rowData?.record_audit_opinions }}
      </div>
      <!-- <span v-if="!msg" class="text-xs">原因加载中...</span>
      <span v-else class="">
        {{ msg }}
      </span> -->
    </template>
  </HoverMe>
</template>

<script setup lang="ts">
import HoverMe from "@/components/HoverMe/index.vue";
import Icon from "@/components/Icon/index.vue";
import { iCopyRight } from "@/types/copyright";
import { ref } from "vue";
const props = defineProps<{
  rowData: iCopyRight;
}>();
const msg = ref("");
const over = () => {
  setTimeout(() => {
    msg.value = "msgmsgmsg";
  }, 2000);
};
</script>

<style></style>
