<script setup>
import {ref} from 'vue';
import RefuseModal from "../../task-center/components/RefuseModal.vue";
import OriginTag from "../../../../../components/OriginTag/index.vue";

const columns = [
    {
        title: '回传数据',
        dataIndex: 'backData',
        slotName: 'backData'
    },
    {
        title: '操作',
        dataIndex: 'action',
        slotName: 'action',
    },
    {
        title: '回传数据状态',
        dataIndex: 'backStatus',
        slotName: 'backStatus',
    },
];
const visible = ref(false);
</script>

<template>
    <a-link :hoverable="false" @click="visible=true">查看回填</a-link>

    <a-modal
        title-align="start"
        title="查看回填"
        v-model:visible="visible">
        <a-table
            :pagination="false"
            :data="[{},{}]"
            :columns="columns">
            <template v-slot:backData>
                <a-link :hoverable="false" href="https://baidu.com">https://baidu.com</a-link>
            </template>

            <template v-slot:action>
                <div class="flex gap-[16px] justify-center items-center">
                    <a-link :hoverable="false" status="success">通过</a-link>

                    <RefuseModal></RefuseModal>
                </div>
            </template>

            <template v-slot:backStatus>
                <div>
                    <OriginTag color="rgb(var(--success-6))">已通过</OriginTag>
                    <OriginTag color="rgb(var(--orange-6))">在此之前完成审核</OriginTag>
                    <OriginTag color="rgb(var(--arcoblue-6))">等待回填</OriginTag>
                    <OriginTag color="var(--color-neutral-4)">/</OriginTag>
                </div>
            </template>
        </a-table>
    </a-modal>
</template>

<style scoped>

</style>
