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

<template>
  <div>
    <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
    <el-container style="height:520px;">
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
        <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules">
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="left-vertical"></i>
            <!--<span class="hrs"></span>-->
          </p>
          <el-form-item label="初查年度">
            <el-input v-model="formObj.inspYear" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="原工况评价">
            <el-input v-model="formObj.wcEvltOld" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="工况总体评价" prop="wcEvltNow">
            <el-radio v-model="formObj.wcEvltNow" label="1">重大安全隐患</el-radio>
            <el-radio v-model="formObj.wcEvltNow" label="2">一般安全隐患</el-radio>
            <el-radio v-model="formObj.wcEvltNow" label="3">正常安全运行</el-radio>
          </el-form-item>
          <el-form-item label="重大安全隐患主要表现" v-if="formObj.wcEvltNow  == 1">
            <!--<el-select v-model="formObj.mshTmp" clearable placeholder="请选择">-->
            <!--<el-option v-for="item in zdaqyhOption" :key="item.value" :label="item.label"-->
            <!--:value="item.value"></el-option>-->
            <!--</el-select>-->
            <el-input v-model="formObj.mshTmp" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="水库类型">
            <el-radio v-model="formObj.chkType" label="1">重大安全隐患排查</el-radio>
            <el-radio v-model="formObj.chkType" label="2">整改情况复查</el-radio>
          </el-form-item>
          <el-form-item label="是否已实施除险加固" v-if="formObj.chkType == 1">
            <el-radio v-model="formObj.isTrhbco" label="1">是</el-radio>
            <el-radio v-model="formObj.isTrhbco" label="2">否</el-radio>
          </el-form-item>
          <div v-if="formObj.isTrhbco == 1">
            <el-form-item label="类型">
              <el-radio v-model="formObj.trhbcoInfo" label="1">遗留问题</el-radio>
              <el-radio v-model="formObj.trhbcoInfo" label="2">灾后薄弱</el-radio>
              <el-radio v-model="formObj.trhbcoInfo" label="3">遗留问题及灾后薄弱</el-radio>
            </el-form-item>
            <el-form-item label="已实施除险加固开工时间">
              <el-date-picker
                v-model="formObj.trhbcoSttm"
                type="date"
                placeholder="请选择"
                value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="已实施除险加固完工时间">
              <el-date-picker
                v-model="formObj.trhbcoEntm"
                type="date"
                placeholder="请选择"
                value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>

          </div>
          <el-form-item label="管理单位">
            <el-input v-model="formObj.mngUnit" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="责任单位">
            <el-input v-model="formObj.dutyUnit" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="">
            <el-button type="primary" @click="addHandler" :loading="saveLoading">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
      <problem-dialog
        v-if="showAddProblemDialog"
        :objType="1"
        :villType="0"
        :objId="currentObjectId"
        :objName="currentObjectName"
        :problemMiddleType="'小水库'"
        :problData="probId"
        @closeDialog="closePlDialog"
        :currentObjectRgstrId="currentObjectRgstrId"
      ></problem-dialog>
    </el-container>
  </div>
</template>

<script>
  import inputWith from "@widget/inuptWith.vue"
  import problemDialog from "../../../duChaWenTi/problemDialog.vue";
  import request from "@util/gw_ajax_request.js"
  import {getRsvrRgstrChkInfo} from "@api/duChaTianBao.js"
  import {dateFormat} from "@util/gw_date.js"

  export default {
    components: {
      inputWith: inputWith,
      problemDialog
    },
    props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId'],

    data() {
      return {
        objtbStatu: {
          presStat: "",
          rgstrId: "",
        },
        rules: {
          wcEvltNow: [
            {required: true}
          ],
        },
        formObj: {
          inspYear: '',//初查年度 ,
          wcEvltOld: '',//原工况评价 ,
          wcEvltNow: '',//工况总体评价(1:重大安全隐患;2:一般安全隐患;3:正常安全运行;) ,
          mshTmp: '',//重大安全隐患主要表现 ,
          chkType: '',//水库检查类型(1:重大安全隐患排查;2:整改情况复查;3:其他) ,
          isTrhbco: '',//是否已实施除险加固(1:是;2:否;) ,
          trhbcoInfo: '',//已实施除险加固情况(1:遗留问题;2:灾后薄弱;3:遗留问题及灾后薄弱;) ,
          trhbcoSttm: '',//已实施除险加固开工时间 ,
          trhbcoEntm: '',//已实施除险加固完工时间 ,
          mngUnit: '',//管理单位 ,
          dutyUnit: '',//责任单位 ,
        },
        zdaqyhOption: [
          {
            label: '安全鉴定为三类坝未除险加固',
            value: '1'
          },
          {
            label: '挡水建筑物异常渗漏、流土',
            value: '2'
          },
          {
            label: '溢洪道闸门失效、无法开启',
            value: '3'
          }
        ],
        dialogFormVisible: false,
        formLabelWidth: '200px',
        loading: true,
        operationType1: '',
        rsvrRules: null,
        probId: '',
        showAddProblemDialog: false,
        saveLoading: false
      }
    },
    computed: {
      recPersId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
      }
    },
    created() {
      // this.findItemByType()
    },
    mounted() {
      this.getRgstridObj();
    },
    watch: {
      currentObjectRgstrId(n, o) {
        this.getRgstridObj();
      },
    },
    methods: {
      getRgstridObj() {
        var _self = this;
        getRsvrRgstrChkInfo(_self.currentObjectRgstrId).then((res) => {
          if (Object.keys(res.data).length) {
            _self.formObj = res.data;
            _self.formObj.trhbcoEntm = res.data.trhbcoEntm ? dateFormat(res.data.trhbcoEntm, 'yyyy-MM-dd') : '';
            _self.formObj.trhbcoSttm = res.data.trhbcoSttm ? dateFormat(res.data.trhbcoSttm, 'yyyy-MM-dd') : '';
            _self.operationType1 = 'update';
          } else {
            _self.formObj = {};
            _self.operationType1 = 'add';
          }
        });
      },
      addHandler() {
        if (!this.formObj.wcEvltNow) {
          this.$message.warning('请选择工况总体评价');
          return
        }
        var _self = this;
        _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
        _self.formObj['recPersId'] = _self.recPersId;
        console.log(_self.formObj);
        _self.objtbStatu.rgstrId = _self.currentObjectRgstrId;
        if (_self.formObj.inspYear &&
          _self.formObj.wcEvltOld &&
          _self.formObj.wcEvltNow &&
          _self.formObj.chkType &&
          _self.formObj.mngUnit &&
          _self.formObj.dutyUnit) {
          this.formObj.status = "2"
        } else {
          this.formObj.status = "1"
        }
        if (_self.formObj.inspYear === undefined &&
          _self.formObj.wcEvltOld === undefined &&
          _self.formObj.wcEvltNow === undefined &&
          _self.formObj.chkType === undefined &&
          _self.formObj.mngUnit === undefined &&
          _self.formObj.dutyUnit === undefined) {
          this.formObj.status = "0"
        }
        this.$confirm('确认保存水库检查情况信息？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        })
          .then(() => {
            if (_self.operationType1 == 'add') {
              try {
                if (!this.saveLoading) {
                  this.saveLoading = true;
                  request.post('/bis/insp/rsvr/rgstr/chk/info', _self.formObj).then((res) => {
                    if (res.success) {
                      _self.$message.success("添加成功");
                      _self.getRgstridObj();
                      _self.$emit("addShuiKuSuccess");
                    }
                    this.saveLoading = false
                  }).catch(err => {
                    this.saveLoading = false
                  });
                }
              } catch (e) {

              }
            } else if (_self.operationType1 == 'update') {
              try {
                if (!this.saveLoading) {
                  this.saveLoading = true;
                  request.post('/bis/insp/rsvr/rgstr/chk/info', _self.formObj).then((res) => {
                    if (res.success) {
                      _self.$message.success("修改成功");
                      _self.getRgstridObj();
                      _self.$emit("addShuiKuSuccess");
                    }
                    this.saveLoading = false
                  }).catch(err => {
                    this.saveLoading = false
                  });
                }
              } catch (e) {

              }
            }
          })
          .catch(() => {

          });
      },
      cancelHandler() {
        this.$emit('cancelHandler');
      },
      findItemByType() {
        const obj = {
          tname: "BIS_INSP_BASE_PRES_EXT"
        }
        request.post("/bis/insp/item/ques/info/findItemByType", obj).then(res => {
          this.rsvrRules = res.data;
        })
      },
      addProblem(item) {
        let rest = this.rsvrRules.filter(e => {
          return e.eName === item;
        });
        this.probId = rest[0].id;
        this.showAddProblemDialog = true
      },
      formatRadio(val) {
        if (val == '1') {
          return '是'
        } else if (val == '2') {
          return '否'
        } else {
          return val
        }
      },
      closePlDialog(val) {
        this.showAddProblemDialog = false;
      }
    },

  }

</script>

<style>
  #dcdxHeader {
    padding: 15px 20px;
  }

  #dxdcFooter {
    text-align: center;
  }

  #dxdcAside {
    border: 1px solid #d5d5ff;
  }

  .left-vertical {
    width: 8px;
    height: 24px;
    background: #00b0f0;
    display: inline-block;
    vertical-align: bottom;
  }

  .hrs {
    display: inline-block;
    width: calc(100% - 40px);
    margin-left: 10px;
    height: 1px;
    vertical-align: middle;
    background-color: #ddd;
  }

  .el-dialog__wrapper .el-treeWhite {
    /* max-height: 260px !important; */
  }

  .add-problem-icon {
    font-size: 16px;
  }
</style>