fj-dc-ui/.svn/pristine/b8/b874bd4326d25c96ec144bc14a2b36ffd1ff916d.svn-base

<template>
  <div id="shuikutianbaoId">
    <el-dialog :title="currentObjectName+'督查填报'" width="60%" :before-close="closeDialog"
               :visible.sync="dialogFormVisible">
      <el-container>
        <!-- <el-container> -->
        <el-main id="dxdcListMain" style="padding:5px 20px;">
          <!-- <el-button type="primary"  style="margin-bottom: 10px;position: relative;margin-left: 90%;" @click="appearDialog()">添加问题</el-button>
           <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="tabIndexChange">
            <el-tab-pane
              :label="option.label"
              :name="option.label"
              v-for="option in options"
              :key="option.value">
              <component
                v-if="currentViewId == option.label"
                :is="option.value"
                :currentObjectRgstrId="currentObjectRgstrId"
                :currentObjectName="currentObjectName"
                :currentResCode="currentResCode"
                :currentObjectId="currentObjectId"
                :activeLabel="activeLabel"
                :rowData="rowData"
                :pType="pType"
                :ifView="ifView"
                :labelList="signatureLabelList"
                :currentRsvrNm="currentRsvrNm"
                :currentAdCode="currentAdCode"
                @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 "@util/gw_ajax_request.js";
  import zerenren from "./shuiku/zeRenRenNew.vue";
  import aqglsjZeRenRenNew from "./shuiku/aqglsjZeRenRenNew.vue";
  import aqglsjZeRenRenNewDsk from "./shuiku/aqglsjZeRenRenNewDsk.vue";
  import zerenrenFujian from "./shuiku/zeRenRenNewFujian.vue"
  import yunxingguanliFujian from "./shuiku/yunxingguanliFujian.vue"
  import jichuxinxiFujian from "./shuiku/jichuxinxiFujian.vue"
  import gongchengshitiFujian from "./shuiku/gongchengshitiFujian.vue"

  import zerenrenFive from "./shuiku/zeRenRenFive.vue";
  import gongchengshiti from "./shuiku/gongchengshiti.vue"
  import anquanjianding from "./shuiku/anquanjianding.vue"
  import yunxingguanli from "./shuiku/yunxingguanli.vue"
  import anquanyunxing from "./shuiku/anquanyunxing.vue"
  import jichuxinxi from "./shuiku/jichuxinxiFujian2021.vue"
  import zhongdianhuanjie from "../zonghexinxi/zhongdianluoshiNew.vue"
  import effection from "./rsvrFill/effection.vue"
  import zoufangqingkuang from './shuiku/zeRenRen.1.vue'
  import problemList from './rsvrProblemList.vue'
  import problemDialog from '../duChaWenTi/problemDialog.vue'
  import signature from './components/signature.vue'
  import {getRsByRgstrId} from "@api/duChaTianBao.js";
  import reservoirInspection from "./shuiku/shuiku2021/reservoirInspectionFujian2021.vue";
  import pblmRectifyReviewSituation from "./shuiku/shuiku2021/pblmRectifyReviewSituation.vue";
  import pblmMend from "./shuiku/shuiku2021/pblmMend.vue";
  import {optionsForNation,optionsForFujian, optionsForFujianDsk} from './shuiku/forDifferentProvince.js'

  export default {
    components: {
      zerenren: zerenren,
      zerenrenFujian,
      gongchengshitiFujian,
      zerenrenFive: zerenrenFive,
      gongchengshiti: gongchengshiti,
      yunxingguanli: yunxingguanli,
      yunxingguanliFujian,
      jichuxinxi: jichuxinxi,
      jichuxinxiFujian,
      zhongdianhuanjie: zhongdianhuanjie,
      effection: effection,
      zoufangqingkuang: zoufangqingkuang,
      problemDialog: problemDialog,
      problemList: problemList,
      signature,
      anquanyunxing,
      anquanjianding,
      aqglsjZeRenRenNew,
      aqglsjZeRenRenNewDsk,
      reservoirInspection: reservoirInspection,
      pblmRectifyReviewSituation: pblmRectifyReviewSituation,
      pblmMend: pblmMend
    },
    props: ['rowData', 'currentObjectRgstrId', 'currentResCode', 'currentObjectId', 'currentObjectName', 'pType', 'currentAdCode', 'currentRsvrNm', 'ifView'],

    data() {
      return {
        options: [
          {
            value: "jichuxinxi",
            label: "基础信息纠错"
          },
          {
              value: "problemList",
              label: '问题清单'
          },
          // {
          //   value: "reservoirInspection",
          //   label: '水库检查情况'
          // },
          // {
          //   value: "pblmRectifyReviewSituation",
          //   label: '问题整改复查情况'
          // },
          {
            value: "signature",
            label: '责任人签字'
          }
        ],
        options_sc: [
            {
                value: "jichuxinxi",
                label: "基础信息纠错"
            },
            {
                value: "problemList",
                label: '问题清单'
            },
            {
              value: "pblmMend",
              label: '问题整改复查(四川)'
            },
            {
                value: "signature",
                label: '责任人签字'
            }
        ],
        value: "",
        dialogShow: false,
        currentViewId: "基础信息纠错",
        dialogFormVisible: true,
        activeLabel: '',
        signatureLabelList: ['行政责任人', '技术责任人', '巡查责任人','政府责任人','主管部门责任人','管理单位责任人']
      };
    },
    computed: {
      persId() {
        return localStorage.getItem("userid")
          ? localStorage.getItem("userid")
          : "1098101939614724096";
      },
      currentRlcode() {
        return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
      }
    },
    mounted() {
      if(window.location.href.indexOf("101.207.130.194")>-1){
          this.options = this.options_sc
      }
      // if (this.pType == 22 || this.pType == 36) {
      //   this.options = optionsForFujianDsk;
      // } else {
      //   this.options = optionsForFujian;
      // }
      // if(this.currentRlcode.indexOf('36') == '0'){  //江西省
      //       this.options = optionsForFujian;
      //   }else if(this.currentRlcode.indexOf('35') == '0'  && this.pType==1){
      //       this.options = optionsForFujian;
      //   }
      //  else if(this.currentRlcode.indexOf('35') == '0' && this.pType==22){
      //     this.options = optionsForFujianDsk;
      //  } else{
      //       this.options = optionsForNation    //通用
      //   }
      if ((this.currentRlcode.indexOf('63') == '0' || this.currentRlcode.indexOf('66') == '0') && this.pType == 1) {  //青海省小水库
        this.options = optionsForFujian;
      } else if (this.currentRlcode.indexOf('53') == '0' && this.pType == 1) {
          this.options = optionsForNation;
      } else if (this.pType == 22) {  //大中水库
        this.options = optionsForFujianDsk;
      }
    },

    watch: {},

    methods: {
      submitHandler() {
        var _self = this;
        getRsByRgstrId(this.currentObjectRgstrId, this.pType).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"
              }
              let url = '/dc/insp/rsvrRgstr/update';
              if (this.pType == 22) {
                url = '/bis/insp/rsml/rgstr';
              }
              request.post(url, 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() {
        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>
  #shuikutianbaoId .el-dialog {
    margin-top: 10vh;
  }
</style>