fj-dc-ui/.svn/pristine/bb/bbccc7657a3320a08f741621eb64d7de92fc4a18.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"
            :currentObjectRgstrId="currentObjectRgstrId"
            :currentObjectName="currentObjectName"
            :currentResCode="currentResCode"
            :currentObjectId="currentObjectId"
            :rowData="rowData"
            :ifReadyOnly="ifReadyOnly">
          </component>
        </el-tab-pane>
      </el-tabs>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    components: {
      guanlizerentixi: resolve => {
        require(['./guanlizerentixi.vue'], resolve)
      },
      gongchengshitijiancha: resolve => {
        require(['./gongchengshitijiancha.vue'], resolve)
      },
      richangguanliweihu: resolve => {
        require(['./richangguanliweihu.vue'], resolve)
      },
      jichuxinxi: resolve => {
        require(['./jichuxinxi.vue'], resolve)
      },
      dfBaseSituation: resolve => {
        require(['./dfBaseSituation.vue'], resolve)
      },
      anquanguanli: resolve => {
        require(['./anquanguanli.vue'], resolve)
      },
      problemList: resolve => {
        require(['./difangProblemList.vue'], resolve)
      },
    },
    props: ["currentObjectRgstrId", "currentObjectName", "currentResCode", "currentObjectId", "rowData"],
    data() {
      return {
        currentViewId: '基础信息',
        dialogFormVisible: true,
        options: [
          {
            value: "jichuxinxi",
            label: "基础信息"
          },
          {
            value: "dfBaseSituation",
            label: "基本情况表"
          },
          // {
          //   value: "guanlizerentixi",
          //   label: '管理责任体系'
          // }, {
          //   value: "anquanguanli",
          //   label: '安全管理'
          // }, {
          //   value: "richangguanliweihu",
          //   label: '日常管理与维护'
          // }, {
          //   value: "gongchengshitijiancha",
          //   label: '工程实体检查'
          // },
          {
            value: "problemList",
            label: '问题清单'
          }
        ],
        ifReadyOnly: true
      };
    },

    computed: {},
    watch: {},
//生命周期 - 创建完成（可以访问当前this实例）
    created() {

    },
//生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {

    },
    beforeCreate() {
    }, //生命周期 - 创建之前
    beforeMount() {
    }, //生命周期 - 挂载之前
    beforeUpdate() {
    }, //生命周期 - 更新之前
    updated() {
    }, //生命周期 - 更新之后
    beforeDestroy() {
    }, //生命周期 - 销毁之前
    destroyed() {
    }, //生命周期 - 销毁完成
    activated() {
    }, //如果页面有keep-alive缓存功能，这个函数会触发
    methods: {
      closeDialog() {
        this.$emit("cancelHandler", "ntslDcx");
      },
      showDialog() {
        this.dialogFormVisible = true;
      },
    },
  }
</script>
<style scoped>
  /*@import url(); 引入公共css类*/
  .ml5v {
    width: 16vw;
    display: inline-block;
  }
</style>