fj-dc-ui/.svn/pristine/f3/f3c731df4f9d80353a9a83e0dcb27d460f753ff1.svn-base

<template>
  <div id="shuihuitianbaoId">
    <el-dialog :title="rowData.wtdstNm+'督查填报'" width="60%" :before-close="closeDialog"
      :visible.sync="dialogFormVisible">
      <el-container>
        <el-main id="dxdcListMain" style="padding: 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"
                :pType="pType"
                :rowData="rowData"
                :currentObjectRgstrId="rowData.trackId"
                :curOperate="curOperate"
                :objId="rowData.objId"
                :openType="openType"
                :currentObjectId="rowData.objId"
                :currentObjectName="rowData.wtdstNm"
                :labelList="labelList"
                :bizType="option.bizType"
                @cancelHandler="cancelHandler"
                @addShuiKuSuccess="addShuiKuSuccess"></component>
            </el-tab-pane>
          </el-tabs>
        </el-main>
      </el-container>
    </el-dialog>
  </div>
</template>

<script>
  import request from "@util/gw_ajax_request.js";
  import jichuxinxi from "./jichuxinxi.vue"
  import duchaxinxi from "./duchaxinxi.vue"
  import problemList from './shuihuiProblemList.vue'
  import pblmConfirmShett from "../../duChaDuiXiang/pblmConfirmShett"
  import { getrgstrIdObject } from "@api/duChaTianBao.js";
  export default {
    components: {
      jichuxinxi: jichuxinxi,
      duchaxinxi: duchaxinxi,
      problemList: problemList,
      pblmConfirmShett
    },
    props: ['rowData', 'curOperate', 'objId', 'problData','openType'],

    data() {
      return {
        options: [
          {
            value: "jichuxinxi",
            label: "基础信息"
          },
          {
            value: "duchaxinxi",
            label: '督查信息'
          },
          {
            value: "problemList",
            label: '问题清单'
          },
          {
              value: "pblmConfirmShett",
              label: '问题确认单'
          }
        ],
        labelList: ['签字'],
        value: "",
        dialogShow: false,
        currentViewId: "基础信息",
        dialogFormVisible: true,
        activeLabel: '',
        pType: "3"
      };
    },
    computed: {
      persId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "1098101939614724096";
      }
    },
    mounted() { },

    watch: {},

    methods: {
      closeHandler() {
        this.dialogShow = false
        this.$emit("addShuiKuSuccess");
      },
      appearDialog(type) {
        this.dialogShow = true
        // this.problemSmallType = type
      },
      closePDialog() {
        this.dialogShow = false
      },
      showDialog() {
        this.dialogFormVisible = true;
      },
      cancelHandler() {
        this.$emit('cancelHandler');
      },
      addShuiKuSuccess() {
        this.$emit('addShuiKuSuccess');
      },
      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>
  #shuihuitianbaoId .el-dialog {
    margin-top: 10vh;
  }
</style>