fj-dc-ui/.svn/pristine/5c/5cf785e9239ca27e94e499e33698a9239e82e3bb.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_ducha"
                        :key="option.value">
                    <component
                            :is="option.value"
                            :currentObjectRgstrId="currentObjectRgstrId"
                            :currentAdcode="currentAdcode"
                            :currentObjectName="currentObjectName"
                            :currentResCode="currentResCode"
                            :currentObjectId="currentObjectId"
                            :swhsId="swhsId"
                            :showOrEdit="showOrEdit"
                            :activedName="activedName"
                            :baseForm="baseForm">
                    </component>
                </el-tab-pane>
            </el-tabs>
        </el-dialog>
    </div>
</template>

<script>

    export default {
        components: {
            jichuxinxi:resolve => {require(['../../duChaRenYuan/slfpTb_BaseInfo.vue'], resolve)},//基础信息
            guankongqingkuang:resolve => {require(['../../duChaRenYuan/SljGkTb_SlFpjQys.vue'], resolve)},//水量分配及取用水管控情况
            problemList:resolve => {require(['../../duChaRenYuan/FsjGkTb_Wtqd.vue'], resolve)},//问题清单
        },
        props: [
            "rowData",
            "currentObjectRgstrId",
            "currentAdcode",
            "currentResCode",
            "currentObjectId",
            "showOrEdit",
            "currentObjectName",
            "gdX","gdY","baseForm","swhsId"],
        data() {
            return {
                currentViewId:'基础信息',
                dialogFormVisible:true,
                options:[],
                options_ducha: [
                    {
                        value: "jichuxinxi",
                        label: "基础信息"
                    },{
                        value: "guankongqingkuang",
                        label: "水量分配及取用水管控情况"
                    },{
                        value: "problemList",
                        label: "问题清单"
                    }
                ],
                options_base: [
                    {
                        value: "jichuxinxi",
                        label: "基础信息"
                    }
                ],
                activedName:""
            };
        },
        computed: {},
        watch: {
            // currentDuchaTpe(n,o){
            //     if(n){
            //         this.options = this.options_ducha;
            //     }else{
            //         this.options = this.options_base;
            //     }
            // }
        },
//生命周期 - 创建完成（可以访问当前this实例）
        created() {

        },
//生命周期 - 挂载完成（可以访问DOM元素）
        mounted() {
            if(this.currentDuchaTpe){
                this.options = this.options_ducha;
            }else{
                this.options = this.options_base;
            }
        },
        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>