<template>
    <div class="edit-plan">
        <div class="title-box-common title-box">
            <a-breadcrumb>
                <a-breadcrumb-item>
                    <a href="javascript:;" @click="goBack">计划管理</a>
                </a-breadcrumb-item>
                <a-breadcrumb-item>编辑</a-breadcrumb-item>
            </a-breadcrumb>
            <h3>计划编辑</h3>
        </div>
        <div class="padding-box-common">
            <div class="main-box">
                <div class="step-box">
                    <router-view v-slot="{ Component }">
                        <keep-alive>
                            <component :is="Component" />
                        </keep-alive>
                    </router-view>
                </div>
            </div>
        </div>
    </div>
</template>
<script lang="ts">
import useApp from "@/hooks/useApp";
import { defineComponent, reactive, toRefs } from "vue";
export default defineComponent({
    setup() {
        const { route, router } = useApp();
        const goBack = () => {
            router.push('/put/plan-management')
        };
        return {
            goBack
        }
    }
})

</script>
<style lang="scss" scoped>
@import "@/assets/common-style/frame.scss";
.edit-plan {
    .title-box {
        display: block;
        padding-top: 4px;
        h3 {
            margin-top: 10px;
        }
    }
    .main-box {
        background: white;
        padding: 20px;
    }
    .step-box {
        margin-bottom: 30px;
    }
    .steps-action {
        margin-top: 30px;
        border-top: 1px solid rgb(231, 230, 230);
        .ant-btn {
            margin: 10px 10px 0 0;
        }
    }
}
</style>