fj-dc-ui/.svn/pristine/3c/3cf7ff4ca61c8a1a0e68fd2b3f32d981808f7cdf.svn-base

<template>
  <div id="shuikutianbaoId">
    <el-dialog
      :title="currentObjectName+'督查填报'"
      :before-close="closeDialog"
      :visible.sync="dialogFormVisible"
      width='70%'
    >
      <el-container>
        <el-main id="dxdcListMain" style="padding:5px 20px;">
          <problem-dialog
            v-if="dialogShow"
            :objType="0"
            :villType="0"
            :objId="currentObjectId"
            :objName="currentObjectName"
            :problemMiddleType="'小水库'"
            :problemSmallType="problemSmallType"
            @closeDialog="closePDialog"
            :currentObjectRgstrId="currentObjectRgstrId"
          ></problem-dialog>
          <el-tabs v-model="currentViewId" type="card" @tab-click="handleClickTabs">
            <el-tab-pane

              :label="option.label"
              :name="option.label"
              v-for="option in options"
              :key="option.value"
            >
              <component
                :is="option.value"
                :currentObjectRgstrId="currentObjectRgstrId"
                :currentAdcode="currentAdcode"
                :currentObjectName="currentObjectName"
                :currentResCode="currentResCode"
                :currentObjectId="currentObjectId"
                :gdX="gdX"
                :gdY="gdY"
                :szRuls="szRuls"
                :swhsId="swhsId"
                :showOrEdit="showOrEdit"
                :activedName="activedName"
                :baseForm="baseForm"
                @cancelHandler="cancelHandler"
                @addShuiKuSuccess="addShuiKuSuccess"
              ></component>

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

<script>
  import request from "../../utils/gw_ajax_request.js";
  import slfpTb_BaseInfo from "../duChaRenYuan/slfpTb_BaseInfo.vue";
  import problemDialog from "../duChaWenTi/problemDialog.vue";
  import FsjGkTb_Wtqd from "../duChaRenYuan/FsjGkTb_Wtqd.vue";
  import SljGkTb_SlFpjQys from '../duChaRenYuan/SljGkTb_SlFpjQys.vue'
  export default {
    components: {
      slfpTb_BaseInfo: slfpTb_BaseInfo,
      problemDialog: problemDialog,
      FsjGkTb_Wtqd: FsjGkTb_Wtqd,
      SljGkTb_SlFpjQys:SljGkTb_SlFpjQys
    },
    props: [
      "rowData",
      "currentObjectRgstrId",
      "currentAdcode",
      "currentResCode",
      "currentObjectId",
      "showOrEdit",
      "currentObjectName",
      "gdX","gdY","baseForm","swhsId"
    ],

    data() {
      return {
        options: [
          {
            value: "slfpTb_BaseInfo",
            label: "基础信息纠错"
          },
          {
            value: "SljGkTb_SlFpjQys",
            label: "水量分配及取用水管控情况"
          },
          {
            value: "FsjGkTb_Wtqd",
            label: "问题清单"
          }
        ],
        value: "",
        dialogShow: false,
        currentViewId: "基础信息纠错",
        dialogFormVisible: true,
        szRuls: [],
        activedName:"" ,
        tableName:''
      };
    },
    created(){

    },
    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;
        // this.problemSmallType = type
      },
      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;
        if(this.activedName ==='水量分配及取用水管控情况'){
          this.tableName = 'BIS_INSP_WINT_RGSTR_INT_INFO';
        }
      },
      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>