<template>
    <!-- 创客创新-活动申请 -->
  <div class="core_dialogue">
        <makerActvityApply :data="makerActvityApply" :next="next"  v-show="status==0" />
        <makerActvityApply2 :data="makerActvityApply2" :next="next" :back="back" v-show="status==1" />
  </div>
</template>

<script>
import makerActvityApply from './makerActvityApply.vue';
import makerActvityApply2 from './makerActvityApply2.vue';
    export default {
        components:{makerActvityApply,makerActvityApply2},
        data() {
            return {
                status:0,
                makerActvityApply:{
                    select:{
                        projectName:'人工智能分链机器',
                        person:'',
                        tel:'',
                        date:'2023-11-12',
                        fund:'300000',
                        value:''
                    },
                    introduce:'福利大放送',

                    options:[
                        {
                            value: '选项1',
                            label: '黄金糕'
                        }
                    ]
                },
                makerActvityApply2:{

                }
            }
        },
        methods:{
            next(){
                if(this.status>=1) return
                this.status++
            },
            back(){
                if(this.status==0) return
                this.status--
            },
            submit(){

            }
        }
    }
</script>

<style lang="less">
        .back{  //返回按钮
            padding-top: 15px;
            color: #000;
            cursor: pointer;
        }


        .pAmid{
            position: absolute;
            top: 20px;
            width: 100%;
            display: flex;
            justify-content: center;
            background: #e6eaf0;
            box-sizing: border-box;
            padding-bottom: 30px;
            .left{
            width: 10%;
            min-width: 130px;
            height: 800px;
            background: #32455b;
            display: flex;
            border-radius: 5px;
            justify-content: center;
            margin-right: 2%;
            .leftTits{
                display: flex;
                flex-direction: column;
                margin: 47px 0 0 15px;
                span{
                    cursor: pointer;
                    color: #fff;
                    margin-bottom: 30px;
                }
                span:hover{
                    color: #ccc;
                }
            }
            .sx{
                margin-top: 50px;
                width: 1px;
                height: 400px;
                background: #84888d;
                .qiu{
                width: 10px;
                height: 10px;
                background: #fff;
                border-radius: 50px;
                margin-left: -4.5px;
                }
            }
            }
            .right{
                width: 83%;
                background: #fff;
                box-sizing: border-box;
                padding: 20px 20px;
                margin-bottom: 30px; 
                border-radius: 5px;
                .pAHeader{
                    width: 85%;
                    display: flex;
                    justify-content:space-between;
                    .pAHeader1{
                        width: 200px;
                        font-weight: 600;
                        font-size: 22px;
                        flex-shrink: 0;
                    }
                    .pAHeader2{
                    padding-top: 15px;
                    color: #000;
                    cursor: pointer;
                    }
                }
            }
        }

  


</style>