fj-dc-ui/.svn/pristine/2d/2da924e0ec351008b1c71e607a7f86d6ae226220.svn-base

<template>
  <div id="xsdDjTbId">
    <el-dialog
      :title="currentObjectName"
      :before-close="closeDialog"
      :visible.sync="dialogFormVisible"
      width="50%"
      :modal-append-to-body="true"
      :append-to-body="true"
    >
      <el-container>
        <el-main id="dxdcListMain" style="padding:5px 20px;">
          <el-tabs v-model="currentViewId" type="card" @tab-click="handleClickTabs">
            <el-tab-pane
              :label="option.label"
              :name="option.label"
              v-for="(option,index) in options"
              :key="index"
            >
              <component
                v-if="currentViewId == option.label"
                :is="option.value"
                :pType="73"
                :currentObjectName="currentObjectName"
                :rowData="rowData"
                :currentObjectId="currentObjectId"
                :szRuls="szRuls"
                :activeLabel="activedName"
                @cancelHandler="cancelHandler"
                @addShuiKuSuccess="addShuiKuSuccess"
                :ifDisabled="ifDisabled"
              ></component>

            </el-tab-pane>
          </el-tabs>
        </el-main>
      </el-container>
    </el-dialog>
  </div>
</template>

<script>
  import baseInfoTcl from "./baseInfoTcl.vue";
  import baseInfoZg from "./baseInfoZg.vue";
  import baseInfoQt from "./baseInfoQt.vue";
  import baseInfoXqtc from "./baseInfoXqtc.vue";
  import tcgzqk from './tcgzqk.vue'
  import xqtcgzqk from './xqtcgzqk.vue'
  import xsdqlzg from './xsdqlzg.vue'
  import zgXsdaqgl from './zgXsdaqgl.vue'
  import signature from '../../../duChaRenYuan/signature.vue'
  import xsdstll from './xsdstll'

  export default {
    components: {
      baseInfoTcl,
      baseInfoZg,
      baseInfoQt,
      baseInfoXqtc,
      tcgzqk,
      xqtcgzqk,
      xsdqlzg,
      zgXsdaqgl,
      signature,
      xsdstll
    },
    props: [
      "rowData",
      'currentObjectId',
      "currentObjectName",
      'ifDisabled'
    ],

    data() {
      return {
        options: [],
        optionsTuichu: [
          {
            value: "baseInfoTcl",
            label: "基础信息纠错"
          },
          {
            value: "tcgzqk",
            label: "退出工作情况"
          }
        ],
        optionsZhenggai: [
          {
            value: "baseInfoZg",
            label: "基础信息纠错"
          },
          {
            value: "xsdqlzg",
            label: "小水电清理整改情况"
          },
          {
            value: "zgXsdaqgl",
            label: "小水电安全管理情况"
          }
        ],
        optionsXianQiTuichu: [
          {
            value: "baseInfoXqtc",
            label: "基础信息纠错"
          },
          {
            value: "xqtcgzqk",
            label: "退出工作情况"
          }
        ],
        optionsBaoliu: [
          {
            value: "baseInfoZg",
            label: "基础信息纠错"
          },
          {
            value: "xsdstll",
            label: "小水电生态流量情况"
          },
          {
            value: "zgXsdaqgl",
            label: "小水电安全管理情况"
          }
        ],
        optionsQita: [
          {
            value: "baseInfoQt",
            label: "基础信息纠错"
          },
          {
            value: "zgXsdaqgl",
            label: "小水电安全管理情况"
          }
        ],
        value: "",
        dialogShow: false,
        currentViewId: "基础信息纠错",
        dialogFormVisible: true,
        szRuls: [],
        activedName: ""
      };
    },
    created() {
      this.$nextTick(() => {
        if (this.rowData.exmnType == '1') {
          this.options = this.optionsZhenggai
        } else if (this.rowData.exmnType == '2') {
          this.options = this.optionsTuichu
        } else if (this.rowData.exmnType == '3') {
          this.options = this.optionsQita
        } else if (this.rowData.exmnType == '4') {
          this.options = this.optionsBaoliu
        } else if (this.rowData.exmnType == '5') {
          this.options = this.optionsXianQiTuichu
        }
      })
    },
    computed: {
      persId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "1098101939614724096";
      }
    },
    mounted() {
      // this.getPblmType();
    },

    watch: {
      // tableName() {
      //   this.getPblmType();
      // }
    },

    methods: {
      closeHandler() {
        this.dialogShow = false;
        this.$emit("addShuiKuSuccess");
      },
      appearDialog(type) {
        this.dialogShow = true;
      },
      closePDialog() {
        this.dialogShow = false;
      },
      showDialog() {
        this.dialogFormVisible = true;
      },
      cancelHandler() {
        this.$emit("cancelHandler");
      },
      addShuiKuSuccess() {
        this.$emit("addShuiKuSuccess");
      },
      closeDialog() {
        let _self = this;
        this.$confirm("确认退出吗？", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            _self.$emit("cancelHandler");
          })
          .catch(() => {
          });
      },
      handleClickTabs(tab, event) {
        console.log(tab.label);
        this.activedName = tab.label;
      },

    }
  };
</script>

<style>
  #xsdDjTbId .el-dialog {
    margin-top: 10vh;
  }
</style>