fj-dc-ui/.svn/pristine/3b/3b97a02b7f4cb1459122cf882fc7808c754c744b.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"
                :currentObjectRgstrId="currentObjectRgstrId"
                :currentObjectName="currentObjectName"
                :currentObjectCode="currentObjectCode"
                :currentObjectWintCode="currentObjectWintCode"
                :currentObjectId="currentObjectId"
                :activeLabel="activeLabel"
                :szRuls="szRuls"
                @cancelHandler="cancelHandler"
                @addQuShuiKouSuccess="addQuShuiKouSuccess"
                ></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 "./quShuiKouBaseinfo.vue"
import useWaterInfo from "./useWaterInfo.vue"
import approvalInfo from "./approvalInfo.vue"
import problemList from './quShuiKouProblemList.vue'
import taiZhang from './taiZhang.vue'
import certificate from './certificateList.vue'
import {getrgstrIdObject} from "@api/duChaTianBao.js";
export default {
  components: {
    jichuxinxi:jichuxinxi,
    useWaterInfo:useWaterInfo,
    approvalInfo:approvalInfo,
    problemList:problemList,
    taiZhang,
    certificate
  },
  props: ['rowData','currentObjectRgstrId','currentObjectCode','currentObjectWintCode','currentObjectId','currentObjectName'],

  data() {
    return {
      options: [
        {
          value: "jichuxinxi",
          label: "基础信息纠错"
        },
        {
          value: "useWaterInfo",
          label: '取水口取水及监管情况'
        },
        // {
        //   value: "approvalInfo",
        //   label: '取水许可审批监管情况'
        // },
        {
          value: "problemList",
          label: '问题清单'
        },
        {
          value: "taiZhang",
          label: '初始台账表查看'
        },
        {
          value: "certificate",
          label: '取水许可证查看'
        }
      ],
      value: "",
      dialogShow:false,
      currentViewId: "基础信息纠错",
      dialogFormVisible:true,
      activeLabel: '',
      tableName: '',
      szRuls: []
    };
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  mounted() {
    this.getPblmType()
  },

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

  methods: {
    submitHandler(){
      var _self = this;
      getrgstrIdObject(this.rowData.code,this.rowData.objId).then(
        (res) =>{
            this.$confirm('请确认所有信息填报完毕？', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
              }).then(() => {
                let formObj = {
                  "rgstrId":this.currentObjectRgstrId,
                  "state":"2"
                }
                request.post('/dc/insp/rsvrRgstr/update', formObj).then((res) => {
                    if (res.success) {
                        _self.$emit("addQuShuiKouSuccess");
                        _self.$message.success("提交成功");
                    } else {
                        _self.$emit('cancelHandler');
                    }
                });
              }).catch(() => {

              });
        },(err) =>{

        });

    },
    closeHandler(){
      this.dialogShow = false
      this.$emit("addQuShuiKouSuccess");
    },
    appearDialog(type){
                this.dialogShow = true
                // this.problemSmallType = type
            },
            closePDialog(){
                this.dialogShow = false
            },
    showDialog(){
      this.dialogFormVisible = true;
    },
    cancelHandler(){
        this.$emit('cancelHandler');
    },
    addQuShuiKouSuccess(){
      this.$emit('addQuShuiKouSuccess');
    },
    closeDialog(){
      this.$confirm('确认退出吗？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$emit('cancelHandler');
        }).catch(() => {

        });
    },
    tabIndexChange(item){
      if(item.label == '问题清单'){
        this.activeLabel = item.label
      }else{
        this.activeLabel = ''
      }
      this.tableName = 'BIS_INSP_WIU_RGSTR_INT_INFO';
    },
    handleClickTabs(tab,event){
      this.activedName = tab.label;
    },
    getPblmType(){
      const obj ={
        tname: this.tableName
      }
      request.post("/bis/insp/item/ques/info/findItemByType",obj).then(res =>{
        console.log(res);
        this.szRuls = res.data;
      })
    }
  }
};
</script>

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