fj-dc-ui/.svn/pristine/b3/b3b032795b5ffcd448a068ef3f7d431d308a8d40.svn-base

<!--  -->
<template>
    <div id="popupContainer" class=''>
        <el-dialog :title="currentObjectName" @close="closeDialog" width="50%" :visible.sync="dialogFormVisible">
            <el-tabs v-model="currentViewId" type="card">
                <el-tab-pane
                        :label="option.label"
                        :name="option.label"
                        v-for="option in options"
                        :key="option.value">
                    <component
                            :is="option.value"
                            :currentObjectRgstrId="currentObjectRgstrId"
                            :currentObjectName="currentObjectName"
                            :currentObjectId="currentObjectId">
                    </component>
                </el-tab-pane>
            </el-tabs>
        </el-dialog>
    </div>
</template>

<script>

    export default {
        components: {
            jichuxinxi: resolve => {
                require(['./jichuxinxi.vue'], resolve)
            },//基础信息
            dengjixinxi: resolve => {
                require(['./dengjixinxi.vue'], resolve)
            }//登记信息
        },
        props: ["currentObjectRgstrId", "currentObjectId", "currentObjectName", "activeName"],
        data() {
            return {
                currentViewId: '基础信息',
                dialogFormVisible: true,
                options: [
                    {
                        value: "jichuxinxi",
                        label: "基础信息"
                    }, {
                        value: "dengjixinxi",
                        label: "登记信息"
                    }
                ]
            };
        },
        computed: {},
        watch: {},
//生命周期 - 创建完成（可以访问当前this实例）
        created() {

        },
//生命周期 - 挂载完成（可以访问DOM元素）
        mounted() {
            this.$nextTick(() => {
                this.currentViewId = this.activeName;
            })

        },
        beforeCreate() {
        }, //生命周期 - 创建之前
        beforeMount() {
        }, //生命周期 - 挂载之前
        beforeUpdate() {
        }, //生命周期 - 更新之前
        updated() {
        }, //生命周期 - 更新之后
        beforeDestroy() {
        }, //生命周期 - 销毁之前
        destroyed() {
        }, //生命周期 - 销毁完成
        activated() {
        }, //如果页面有keep-alive缓存功能，这个函数会触发
        methods: {
            closeDialog() {
                this.$emit("cancelHandler");
            },
            showDialog() {
                this.dialogFormVisible = true;
            },
        },
    }
</script>
<style scoped>
    /*@import url(); 引入公共css类*/
    .el-dialog__header {
        text-align: center !important;
        border-bottom: 1px dashed #C5C6C8 !important;
    }

    .el-dialog {
        border-radius: 4px !important;
    }
</style>