<template>
    <div class="main-contain">
        <div class="position">
            <bread-crumb :crumbs="crumbs"></bread-crumb>
        </div>
        <div class="app-container" style="padding: 0 20px; background-color: #f6f8f9;">
            <div class="edit-main">
                <div class="preview-panel">
                    <preview-form></preview-form>
                </div>
                <div class="edit-panel">
                    <edit-form></edit-form>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import BreadCrumb from "@/scrm_pages/components/bread-crumb";
import PreviewForm from "@/scrm_pages/marketing_tool/components/edit_activity_preview_form"
import EditForm from "@/scrm_pages/marketing_tool/components/edit_activity_edit_form"

export default {
    name: "ActivityPublish",
    components: {
        BreadCrumb,
        PreviewForm,
        EditForm,
    },
    data() {
        return {
            crumbs: [
                { path: false, name: "营销工具" },
                { path: false, name: "发布活动" }
            ],
        }
    },
}
</script>

<style scoped rel="stylesheet/scss" lang="scss">
.edit-main {
    width: 100%;
    display: flex;
    min-height: 600px;
    height: auto;
    box-sizing: border-box;

    .preview-panel {
        flex: 3;
        margin-right: 1rem;
        background-color: #fff;
    }
    .edit-panel {
        flex: 4;
        padding-bottom: 80px;
        background-color: #fff;
    }
}
</style>
