fj-dc-ui/.svn/pristine/97/971c2bf718a12a16f1adc013be82778bbd2bab0d.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"
                                :currentResCode="currentResCode"
                                :currentObjectId="currentObjectId"
                                :activeLabel="activeLabel"
                                :rowData="rowData"
                                :labelList="labelList"
                                @cancelHandler="cancelHandler"
                                @addxinRenYinSuccess="addxinRenYinSuccess"
                            ></component>
                        </el-tab-pane>
                    </el-tabs>
                </el-main>
            </el-container>
        </el-dialog>
    </div>
</template>

<script>
import request from "@util/gw_ajax_request.js";
import baseInfo from './baseInfo.vue'
import generalCondition from './generalCondition.vue'
import controlAndExecute from './controlAndExecute.vue'
import reasonAndSuggestion from './reasonAndSuggestion.vue'
import problemList from './ProblemList.vue'
import signature from '../../duChaRenYuan/signature.vue'
import {getrgstrIdObject} from "@api/duChaTianBao.js";
export default {
  components: {
    baseInfo,
    generalCondition,
    controlAndExecute,
    reasonAndSuggestion,
    problemList,
    signature
  },
  props: ['rowData','currentObjectRgstrId','currentResCode','currentObjectId','currentObjectName'],

  data() {
    return {
      options: [
        {
          value: "baseInfo",
          label: "基础信息"
        },
        {
          value: "generalCondition",
          label: "水库总体情况"
        },
        {
          value: "controlAndExecute",
          label: '水库防洪调度和汛限水位执行'
        },
        {
          value: "reasonAndSuggestion",
          label: '存在问题原因分析及整改意见'
        },
        {
          value: "problemList",
          label: '问题清单'
        },
        {
            value: "signature",
            label: '责任人签字'
        }
      ],
      labelList: ['签字'],
      value: "",
      dialogShow:false,
      currentViewId: "基础信息",
      dialogFormVisible:true,
      activeLabel: ''
    };
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  mounted() {},

  watch: {},

  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("addxinRenYinSuccess");
                        _self.$message.success("提交成功");
                    } else {
                        _self.$emit('cancelHandler');
                    }
                });
              }).catch(() => {

              });
        },(err) =>{

        });

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

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

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