<template>
    <div class="prj-photography-drawer" v-if="isOpen">
        <el-drawer v-if="isOpen" :visible.sync="isOpen" direction="rtl" size="70%" style="padding-left: 20px">
            <template slot="title">
                <div>{{ title + " 【延时摄影】" }}</div>
            </template>
            <div>               
                <mainIndex ref="index"></mainIndex>
            </div>
        </el-drawer>
    </div>
</template>

<script>
import mainIndex from './index.vue'
export default {    
    components:{
        mainIndex
    },
    data() {
        return {
            prj:{},
            isOpen:false
        };
    },

    mounted() {
        
    },

    methods: {
        show(prj){  
            this.prj=prj;
            this.isOpen=true;
            this.title = prj.projectName||""
            setTimeout(()=>{
                this.$refs.index.init(this.prj);
            },400);
        }
    },
};
</script>

<style lang="scss" scoped>
.prj-photography-drawer {
    ::v-deep .el-drawer__header {        
        margin-bottom: 0px;
    }

    ::v-deep .el-drawer__body {
        padding: 12px 24px;
        margin-top: 20px;
    }
    ::v-deep .el-drawer{
        min-width: 1200px;
    }
}
</style>