<template>
    <view class="bg-white mx-card fx-col">
        <view class="px-20 py-20 text-main flex-1">
            {{ item.paperName }}
        </view>
        <uv-line/>
        <view class="py-20 fx-row fx-bet-cen">
            <ie-paper-collect :paper="item"/>
            <mx-tag-button icon="edit-pen" text="做题" @click="handleExam"/>
        </view>
    </view>
</template>

<script setup>
import {createPropDefine} from "@/utils";
import IePaperCollect from "@/pages/topic-center/paper-entry/components/ie-paper-collect.vue";
import {useTransfer} from "@/hooks/useTransfer";

const props = defineProps({
    item: createPropDefine({}, Object)
})
const {transferTo} = useTransfer()

const handleExam = function () {
    const next = {
        type: 5,
        id: props.item.id,
        testType: 0,
        title: props.item.paperType,
        continueName: '重新做题'
    }
    transferTo('/pages/topic-center/paper-exam/paper-exam', next)
}
</script>

<style scoped>

</style>