fj-dc-ui/.svn/pristine/8b/8bf81c6dedc3bc24df3b44a216fe1d3f14f8fb35.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;">
          <el-tabs v-model="currentViewId" type="card"  @tab-click="tabIndexChange">
            <el-tab-pane

              :label="option.label"
              :name="option.label"
              v-for="option in optionsNew"
              :key="option.value"
            >

              <component
                :is="option.value"
                :currentObjectEngScale = "currentObjectEngScale"
                :currentObjectRgstrId="currentObjectRgstrId"
                :currentGroupId="currentGroupId"
                :currentAdcode="currentAdcode"
                :currentObjectName="currentObjectName"
                :currentResCode="currentResCode"
                :currentObjectId="currentObjectId"
                :gdX="gdX"
                :gdY="gdY"
                :pType="'81'"
                :szRuls="szRuls"
                :activeLabel="activeLabel"
                :labelList="signatureLabelList"
                :openType="openType"
                :showOrEdit="showOrEdit"
                :activedName="activedName"
                @cancelHandler="cancelHandler"
                @addShuiKuSuccess="addShuiKuSuccess"
              ></component>

            </el-tab-pane>
          </el-tabs>
        </el-main>
        <!-- </el-container> -->
      </el-container>
      <!-- <span slot="footer" class="dialog-footer" style="justify-content: flex-end;display: flex;margin-right: 20px;">
        <el-button @click="closeHandler">关 闭</el-button>
            <el-button type="primary" @click="submitHandler">提 交</el-button>
      </span>-->
      <!-- 添加/编辑人员弹窗 -->
    </el-dialog>
  </div>
</template>

<script>
import request from "../../utils/gw_ajax_request.js";
import jichuxinxi from "./bxzzqlaq/jichuxinxi.vue";
import signature from "./bxzzqlaq/signature.vue";
import rcaqgl from "./bxzzqlaq/rcaqgl.vue";
import problemList from "./BxzzqlaqProblemList.vue";
export default {
  components: {
      jichuxinxi:jichuxinxi,
      signature:signature,
      rcaqgl:rcaqgl,
      problemList:problemList
  },
  props: [
    "rowData",
    "currentObjectRgstrId",
    "currentGroupId",
    "currentAdcode",
    "currentResCode",
    "currentObjectId",
    "currentObjectName",
    "currentObjectEngScale",
    "showOrEdit",
    "gdX","gdY",
    "openType"
  ],

  data() {
    return {
      optionsNew: [
        {
          value: "jichuxinxi",
          label: "基础信息纠错"
        },
        {
          value: "signature",
          label: "签字"
        },
        {
          value: "rcaqgl",
          label: "日常管理和维修养护情况"
        },
        {
          value: "problemList",
          label: "问题清单"
        }
      ],
      value: "",
      activeLabel:"",
      signatureLabelList: ['签字确认'],
      dialogShow: false,
      currentViewId: "基础信息纠错",
      dialogFormVisible: true,
      szRuls: [],
      activedName:"" ,
    };
  },
  created(){
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  mounted() {
  },

  watch: {
    currentObjectEngScale(n,o){
      this.currentObjectEngScale = n;
    }
  },

  methods: {
    submitHandler() {
      var _self = this;
      getrgstrIdObject(this.rowData.code, this.rowData.objId).then(
        res => {
          if (res.data.baseStat == "0") {
            this.$message({
              message: "请填写重点环节落实情况！",
              type: "warning"
            });
            return;
          } else if (res.data.presStat == "0") {
            this.$message({
              message: "请填写责任人状态！",
              type: "warning"
            });
            return;
          } else if (res.data.resRunStat == "0") {
            this.$message({
              message: "请填写水库工程实体和运行管理情况！",
              type: "warning"
            });
            return;
          } else if (res.data.viewStat == "0") {
            this.$message({
              message: "走访用户状态！",
              type: "warning"
            });
            return;
          }
          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("addShuiKuSuccess");
                  _self.$message.success("提交成功");
                } else {
                  _self.$emit("cancelHandler");
                }
              });
            })
            .catch(() => {});
        },
        err => {}
      );
    },
    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(() => {});
    },
    tabIndexChange(item) {
        if (item.label == '问题清单') {
            this.activeLabel = item.label
        } else {
            this.activeLabel = ''
        }
    }
  }
};
</script>

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