<script setup>
import {reactive} from 'vue';

const form = reactive({});

const success = () => {
    return form;
}

defineExpose({
    success,
});
</script>

<template>
    <a-form layout="vertical">
        <a-form-item label="常见拒绝原因">
            <a-checkbox-group>
                <div class="grid grid-cols-3 gap-[10px]">
                    <a-checkbox>标题错误</a-checkbox>
                    <a-checkbox>评论区未见评论</a-checkbox>
                    <a-checkbox>素材发布错误</a-checkbox>
                    <a-checkbox>访问链接看不到作品</a-checkbox>
                    <a-checkbox>话题携带错误</a-checkbox>
                </div>
            </a-checkbox-group>
        </a-form-item>

        <a-form-item label="自定义拒绝原因">
            <div class="grid grid-cols-3 gap-[10px]">
                <a-checkbox>少结算或者不结算理由</a-checkbox>
                <a-checkbox>当天发布任意广告</a-checkbox>
                <a-checkbox>当天发布竞品广告</a-checkbox>
            </div>
        </a-form-item>

        <a-form-item label="其他原因">
            <a-textarea
                :auto-size="{minRows: 3}"
                placeholder="在此输入拒绝的原因，方便达人理解">
            </a-textarea>
        </a-form-item>

        <a-form-item label="其他原因">

        </a-form-item>
    </a-form>
</template>

<style scoped>

</style>
