fj-dc-ui/.svn/pristine/fb/fb45e833769e5aedc1cc3e84fc80b1ac2c306756.svn-base

<template>
  <div id="shuikutianbaoId">
    <el-dialog
      :title="currentObjectName+'复核'"
      width="60%"
      :before-close="closeDialog"
      :visible.sync="dialogFormVisible"
    >
      <el-container>
        <el-main id="dxdcListMain" style="padding:5px 20px;">
          <el-tabs v-model="currentViewId" type="card" @tab-click="tabIndexChange">
            <el-tab-pane
              :label="option.label"
              :name="option.label"
              v-for="option in options"
              :key="option.value"
            >
              <component
                :is="option.value"
                :objType="objType"
                :currentObjectRgstrId="currentObjectRgstrId"
                :currentObjectName="currentObjectName"
                :currentBaseId="currentBaseId"
                :openType="openType"
                :currentObjectId="currentObjectId"
                :activeLabel="activeLabel"
                @cancelHandler="cancelHandler"
                @addQiTaSuccess="addQiTaSuccess"
              ></component>
            </el-tab-pane>
          </el-tabs>
        </el-main>
      </el-container>
    </el-dialog>
  </div>
</template>

<script>
import jichuxinxi from "./baseInfo.vue"
import problemList from "./problemList.vue"
export default {
  components: {
    jichuxinxi,
    problemList
  },
  props: ['rowData', 'currentObjectRgstrId', 'currentBaseId', 'currentObjectId', 'currentObjectName', 'objType','openType'],

  data () {
    return {
      options: [
        {
          value: "jichuxinxi",
          label: "问题复核"
        },
        {
          value: "problemList",
          label: "问题清单"
        }
      ],
      value: "",
      currentViewId: "问题复核",
      dialogFormVisible: true,
      activeLabel: ''
    }
  },
  computed: {
    persId () {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096"
    }
  },
  mounted () { },
  methods: {
    cancelHandler () {
      this.$emit('cancelHandler')
    },
    addQiTaSuccess () {
      this.$emit('addQiTaSuccess')
    },
    closeDialog () {
      this.$confirm('确认退出吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$emit('cancelHandler')
      }).catch(() => {

      })
    },
    tabIndexChange (item) {
      if (item.label == '问题清单') {
        this.activeLabel = item.label
      } else {
        this.activeLabel = ''
      }
    }
  }
};
</script>

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