fj-dc-ui/.svn/pristine/ca/cae154c7ad997900b86618598fbcbd3a20d02829.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"
            :currentObjectId="currentObjectId"
            :currentObjectName="currentObjectName"
          ></component>
        </el-tab-pane>
      </el-tabs>
    </el-dialog>
  </div>
</template>

<script>
export default {
  components: {
    jichuxinxi: resolve => {
      require(["./jichuxinxi.vue"], resolve);
    } //基础信息
    // problemList:resolve => {require(['./problemList.vue'], resolve)},//问题列表11
  },
  props: ["currentDuchaTpe", "currentObjectId", "currentObjectName"],
  data() {
    return {
      currentViewId: "基础信息",
      dialogFormVisible: true,
      options: [],
      options_ducha: [
        {
          value: "jichuxinxi",
          label: "基础信息"
        }
      ],
      options_base: [
        {
          value: "jichuxinxi",
          label: "基础信息"
        }
      ]
    };
  },
  computed: {},
  watch: {},
  //生命周期 - 创建完成（可以访问当前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>