fj-dc-ui/.svn/pristine/7d/7de21703cf3e27fa174bb56d99785547a072a49c.svn-base

<!--  -->
<template>
    <div id="popupContainer" class=''>
        <el-dialog @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"
                        :currentObjectEngScale = "currentObjectEngScale"
                        :currentObjectRgstrId="currentObjectRgstrId"
                        :currentGroupId="currentGroupId"
                        :currentAdcode="currentAdcode"
                        :currentObjectName="currentObjectName"
                        :currentResCode="currentSzySydCode"
                        :currentObjectId="currentObjectId"
                        :gdX="gdX"
                        :gdY="gdY"
                        :showOrEdit="showOrEdit"
                        :baseForm="baseForm"
                        :currentSzySydCode="currentSzySydCode">
                    </component>
                </el-tab-pane>
            </el-tabs>
        </el-dialog>
    </div>
</template>

<script>
  import SydTb_AqBzDb from "../../../../duChaRenYuan/SydTb_AqBzDb.vue";
  import SydTb_BaseInfo from "../../../../duChaRenYuan/SydTb_BaseInfo.vue";
  import problemDialog from "../../../../duChaWenTi/problemDialog.vue";
  import SydTb_Wtqd from "../../../../duChaRenYuan/SydTb_Wtqd.vue";
  import SydTb_BhCsJg from '../../../../duChaRenYuan/SydTb_BhCsJg.vue'
export default {
components: {
    jichuxinxi:resolve => {require(['./jichuxinxi.vue'], resolve)},//基础信息
    SydTb_AqBzDb: SydTb_AqBzDb,
    SydTb_BaseInfo: SydTb_BaseInfo,
    problemDialog: problemDialog,
    SydTb_Wtqd: SydTb_Wtqd,
    SydTb_BhCsJg:SydTb_BhCsJg
},
props: ["currentDuchaTpe","currentSzySydCode",
        "rowData",
        "currentObjectRgstrId",
        "currentGroupId",
        "currentAdcode",
        "currentResCode",
        "currentObjectId",
        "currentObjectName",
        "currentObjectEngScale",
        "showOrEdit",
        "gdX","gdY","baseForm","activeName"],
data() {
    return {
        currentViewId:'基础信息',
        dialogFormVisible:true,
        options: [],
        options_ducha:[
            {
                value: "jichuxinxi",
                label: "基础信息"
            },
            {
              value: "SydTb_BaseInfo",
              label: "登记信息"
            },
            // {
            //   value: "SydTb_AqBzDb",
            //   label: "安全保障达标落实情况"
            // },
            {
              value: "SydTb_BhCsJg",
              label: "全国重要饮用水水源地管理情况"
            },
            {
              value: "SydTb_Wtqd",
              label: "问题清单"
            }
        ],
        options_base:[
            {
                value: "jichuxinxi",
                label: "基础信息"
            }
        ]
    };
},
computed: {},
watch: {
  activeName(){
      this.currentViewId = this.activeName;
  }
},
//生命周期 - 创建完成（可以访问当前this实例）
created() {

},
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {
    if(this.currentDuchaTpe){
        this.options = this.options_ducha;
    }else{
        this.options = this.options_base;
    }
  this.$nextTick(()=>{
    this.currentViewId = this.activeName;
  })
},
beforeCreate() {}, //生命周期 - 创建之前
beforeMount() {}, //生命周期 - 挂载之前
beforeUpdate() {}, //生命周期 - 更新之前
updated() {}, //生命周期 - 更新之后
beforeDestroy() {}, //生命周期 - 销毁之前
destroyed() {}, //生命周期 - 销毁完成
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
methods: {
    closeDialog() {
        this.$emit("closeModal");
    },
    showDialog() {
        this.dialogFormVisible = true;
    },
},
}
</script>
<style scoped>
/*@import url(); 引入公共css类*/

</style>