<script setup>
import Api from "../../../../../api/index.js";
import XSelect from "../../../../../components/XSelect/index.vue";
import XTimePicker from "../../../../../components/XTimePicker/XTimePicker.vue";

const {form} = defineProps({
    form: {
        type: Object,
        default: {}
    }
});
const po = defineModel('po');
</script>

<template>
    <div id="block">
        <a-form
            :auto-label-width="true">
            <a-form-item label="回填时间">
                <x-time-picker v-model:start="po.start_time" v-model:end="po.end_time"></x-time-picker>
                <div class="ml-[6px]">之间</div>
                <a-button type="primary" class="ml-[38px]">一键快速设置</a-button>
            </a-form-item>

            <a-form-item label="回填内容">
                <XSelect
                    class="w-auto"
                    :init="true"
                    :api-po="{id: form.platform_id}"
                    v-model:model-value="po.content_id"
                    :api="Api.merchant.getChooseContent">
                </XSelect>
            </a-form-item>
        </a-form>
    </div>
</template>

<style lang="scss" scoped>
#block {
    box-sizing: border-box;
    border: 1px solid rgb(232, 232, 232);
    border-radius: 4px;
    background: rgb(250, 250, 250);
    padding: 20px;
}
</style>
