fj-dc-ui/.svn/pristine/d3/d34283c9ae1fd2bd78b5107fe2661b4eeda6ca25.svn-base

<template>
  <div class="gcsthyxglqk">
    <!-- <el-container>
      <el-main id="dxdcListMain"  style="padding:5px 20px;" :style="{'height':dxdcMainHeight+'px'}">
        <div>
          <el-button type="primary" @click="makeshow()" style="float: right;margin: 0 0 10px;"><i class="el-icon-circle-plus"></i> 展示</el-button>
        </div>
      </el-main>
    </el-container>-->
    <!-- 添加/编辑人员弹窗 -->
    <!-- <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="addObj" :label-width="formLabelWidth">
          <el-form-item label="水库所属流域机构" prop="reverOrg">
            <el-select v-model="addObj.reverOrg" :placeholder="placeholder">
              <el-option v-for="item in lyjg" :key="item.id" :label="item.pnm" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="所在县是否为贫困县">
            <el-radio v-model="addObj.poorCountry" label="1">是</el-radio>
            <el-radio v-model="addObj.poorCountry" label="2">否</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">安全运行总体评价</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="安全评价" required>
            <el-radio v-model="addObj.safeComment" label="1">正常安全运行</el-radio>
            <el-radio v-model="addObj.safeComment" label="2">存在一定安全隐患但能正常运行</el-radio>
            <br>
            <el-radio v-model="addObj.safeComment" label="3">存在重大安全隐患不能安全运行</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">管理机构及经费</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否有专门管理机构" required>
            <el-radio v-model="addObj.hasSpeManage" label="1">是</el-radio>
            <el-radio v-model="addObj.hasSpeManage" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="是否有管护人员" required>
            <el-radio v-model="addObj.hasManagePers" label="1">是</el-radio>
            <el-radio v-model="addObj.hasManagePers" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="是否有稳定经济来源" required>
            <el-radio v-model="addObj.hasWdEmnic" label="1">是</el-radio>
            <el-radio v-model="addObj.hasWdEmnic" label="2">否</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">蓄水运行情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label>
            <el-radio v-model="addObj.retainRegular" label="1">能正常运行</el-radio>
            <el-radio v-model="addObj.retainRegular" label="2">有缺陷基本能正常蓄水运行</el-radio>
            <br>
            <!-- </el-form-item>
            <el-form-item label="不具备正常蓄水运行条件">-->
            <el-radio v-model="addObj.retainRegular" label="3">不具备正常蓄水运行条件但仍高水位运行</el-radio>
            <br>
            <el-radio v-model="addObj.retainRegular" label="4">已采取措施限制水位运行</el-radio>
            <br>
            <el-radio v-model="addObj.retainRegular" label="5">已空库运行</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">挡水建筑物运行情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否正常运行">
            <el-radio v-model="addObj.dikeHasLeak" label="1">是</el-radio>
            <el-radio v-model="addObj.dikeHasLeak" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="是否明显漏水影响安全" v-if="addObj.dikeHasLeak == '2'">
            <el-radio v-model="addObj.leakMakeSafe" label="1">是</el-radio>
            <el-radio v-model="addObj.leakMakeSafe" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="是否有变形或不稳定情况" v-if="addObj.dikeHasLeak == '2'">
            <el-radio v-model="addObj.hasAstable" label="1">是</el-radio>
            <el-radio v-model="addObj.hasAstable" label="2">否</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">泄洪建筑物运行情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否设置泄洪建筑物">
            <el-radio v-model="addObj.hasSetMainFl" label="1">是</el-radio>
            <el-radio v-model="addObj.hasSetMainFl" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="运行情况" v-if="addObj.hasSetMainFl == '1'">
            <el-radio v-model="addObj.isMainFlNormal" label="1">正常运行</el-radio>
            <el-radio v-model="addObj.isMainFlNormal" label="2">能运行有缺陷</el-radio>
            <el-radio v-model="addObj.isMainFlNormal" label="3">不能运行</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">防洪限制水位</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否设置防洪限制水位">
            <el-radio v-model="addObj.havFlLowLimLev" label="1">是</el-radio>
            <el-radio v-model="addObj.havFlLowLimLev" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="超汛限水位运行" v-if="addObj.havFlLowLimLev == '1'">
            <el-radio v-model="addObj.gtFlLowLimLev" label="1">是</el-radio>
            <el-radio v-model="addObj.gtFlLowLimLev" label="2">否</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">放水建筑物运行情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否设置放水建筑物">
            <el-radio v-model="addObj.hasSetPourFl" label="1">是</el-radio>
            <el-radio v-model="addObj.hasSetPourFl" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="运行情况" v-if="addObj.hasSetPourFl == '1'">
            <el-radio v-model="addObj.pourFyIsNormal" label="1">正常运行</el-radio>
            <el-radio v-model="addObj.pourFyIsNormal" label="2">能运行有缺陷</el-radio>
            <el-radio v-model="addObj.pourFyIsNormal" label="3">不能运行</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">注册登记情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否注册登记">
            <el-radio v-model="addObj.ifManageReg" label="1">是</el-radio>
            <el-radio v-model="addObj.ifManageReg" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="注册信息真实" v-if="addObj.ifManageReg == '1'">
            <el-radio v-model="addObj.ifManageRegRel" label="1">是</el-radio>
            <el-radio v-model="addObj.ifManageRegRel" label="2">否</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">大坝安全鉴定</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="安全鉴定">
            <el-radio v-model="addObj.damSafeApprNote" label="1">已按要求开展</el-radio>
            <el-radio v-model="addObj.damSafeApprNote" label="2">未按要求开展</el-radio>
            <el-radio v-model="addObj.damSafeApprNote" label="3">按规定不需要开展</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">水库除险加固</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否实施">
            <el-radio v-model="addObj.ifReinForce" label="1">是</el-radio>
            <el-radio v-model="addObj.ifReinForce" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="实施情况" v-if="addObj.ifReinForce == '1'">
            <el-radio v-model="addObj.ifComplateAccAll" label="1">已按批复内容实施</el-radio>
            <el-radio v-model="addObj.ifComplateAccAll" label="2">未按批复内容实施</el-radio>
            <br>
            <el-radio v-model="addObj.ifComplateAccAll" label="3">实施后仍有隐患</el-radio>
            <el-radio v-model="addObj.ifComplateAccAll" label="4">已蓄水验收</el-radio>
            <br>
            <el-radio v-model="addObj.ifComplateAccAll" label="5">存在违规行为</el-radio>
          </el-form-item>
          <p style="margin-top:10px;margin-bottom: 10px">
            <i class="el-icon-caret-right"></i>
            <span style="width:120px;padding-left: 10px">公示情况</span>
            <span class="hrs"></span>
          </p>
          <el-form-item label="是否设置水库公示牌">
            <el-radio v-model="addObj.ifDamWarnLogo" label="1">是</el-radio>
            <el-radio v-model="addObj.ifDamWarnLogo" label="2">否</el-radio>
          </el-form-item>
          <el-form-item label>
            <!-- <el-button @click="cancelHandler">取 消</el-button> -->
            <el-button type="primary" @click="makesure">保 存</el-button>
          </el-form-item>
          <!-- <el-form-item label="操作">
           <el-button>取 消</el-button>
        <el-button type="primary" @click="makesure">确 定</el-button>
          </el-form-item>-->
        </el-form>
      </el-main>
    </el-container>
    <!-- <span slot="footer" class="dialog-footer" style="justify-content: flex-end;display: flex;">
        <el-button @click="cancelHandler">取 消</el-button>
        <el-button type="primary" @click="makesure">确 定</el-button>
    </span>-->
    <!-- </el-dialog> -->
  </div>
</template>

<script>
import request from "../../utils/gw_ajax_request.js";
import { getManagelist, getLyjglist } from "../../api/duChaTianBao.js";
export default {
  components: {},
  props: ["currentObjectRgstrId"],

  data() {
    return {
      objtbStatu: {
        resRunStat: "",
        rgstrId: ""
      },
      dxdcMainHeight: window.innerHeight - 197,
      dialogFormVisible: false,
      formLabelWidth: "180px",
      loading: true,
      addObj: {
        //注意有几个字段无法确认，需要掉接口查看
        mngrnId: "",
        rgstrId: "",
        recPersId: "",
        safeCommontNote: "",
        safeComment: "",
        retainRegular: "",
        hasRetainRegular: "",
        hasWdEmnic: "",
        hasManagePers: "",
        hasSpeManage: "",
        poorCountry: "",
        reverOrg: "",
        noRetainRegular: "",
        canNotRetainWater: "",
        dikeHasLeak: "",
        leakMakeSafe: "",
        hasAstable: "",
        hasSetMainFl: "",
        isMainFlNormal: "",
        hasSetPourFl: "",
        pourFyIsNormal: "",
        havFlLowLimLev: "",
        gtFlLowLimLev: "",
        extDamSafeAppr: "",
        ifReinForce: "",
        ifComplateAccAll: "",
        ifManageReg: "",
        ifManageRegRel: "",
        damSafeApprNote: "",
        manageRegRelNote: "",
        ifDamWarnLogo: "",
        recPers2: "",
        recPersTel: "",
        status: ""
        //注意有几个字段无法确认，需要掉接口查看
      },
      operationType1: "",
      lyjg: [],
      placeholder: ""
    };
  },
  computed: {
    recPersId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  mounted() {
    this.getLyjgList();
  },
  watch: {
    currentObjectRgstrId(n, o) {
      this.getformList();
    }
  },
  methods: {
    getLyjgList() {
      var _self = this;
      getLyjglist().then(res => {
        if (res.success) {
          _self.lyjg = res.data;
          _self.placeholder = _self.lyjg[0].pnm;
          _self.addObj.reverOrg = _self.lyjg[0].id;
          _self.getformList();
        } else {
          _self.getformList();
        }
      });
    },
    getformList() {
      let _self = this;
      getManagelist(_self.currentObjectRgstrId).then(res => {
        if (res.success) {
          if (res.data.hasOwnProperty("mngrnId")) {
            _self.addObj = res.data;
            _self.operationType1 = "update";
          } else {
            _self.addObj = {};
            _self.operationType1 = "add";
          }
        } else {
        }
      });
    },
    //保存
    makesure() {
      let _self = this;
      this.addObj["rgstrId"] = this.currentObjectRgstrId;
      this.addObj["recPersId"] = this.recPersId;
      this.objtbStatu.rgstrId = this.currentObjectRgstrId;
      var params = {
        bisInspSafeExtManage: _self.addObj
      };
      // if(!_self.addObj.poorCountry){
      //   this.$message.info('请填写所在县是否为贫困县')
      //   return
      // }
      // if(!_self.addObj.safeComment){
      //   this.$message.info('请填写安全运行总体评价信息')
      //   return
      // }
      // if(!_self.addObj.hasSpeManage || !_self.addObj.hasManagePers || !_self.addObj.hasWdEmnic){
      //   this.$message.info('请填写管理机构及经费信息')
      //   return
      // }

      // if(!_self.addObj.retainRegular){
      //   this.$message.info('请填写蓄水运行情况信息')
      //   return
      // }
      // // wxcwater
      // if(!_self.addObj.dikeHasLeak){
      //   this.$message.info('请填写挡水建筑物信息')
      //   return
      // }
      // if(_self.addObj.dikeHasLeak == '2'){
      //   if( !_self.addObj.leakMakeSafe || !_self.addObj.hasAstable){
      //      this.$message.info('请填写挡水建筑物详细信息')
      //   return
      //   }
      // }
      // if(_self.addObj.hasSetMainFl == '1' && !_self.addObj.isMainFlNormal || !_self.addObj.hasSetMainFl){
      //   this.$message.info('请填写泄水建筑物信息')
      //   return
      // }
      // if(_self.addObj.havFlLowLimLev == '1' && !_self.addObj.gtFlLowLimLev || !_self.addObj.havFlLowLimLev){
      //   this.$message.info('请填写防汛限制水位信息')
      //   return
      // }
      // if(_self.addObj.havFlLowLimLev == '2'){
      //   _self.addObj.gtFlLowLimLev = ''
      // }
      // if(_self.addObj.hasSetPourFl == '1' && !_self.addObj.pourFyIsNormal || !_self.addObj.hasSetPourFl){
      //   this.$message.info('请填写放水建筑物信息')
      //   return
      // }
      // if(_self.addObj.ifManageReg == '1' && !_self.addObj.ifManageRegRel || !_self.addObj.ifManageReg){
      //   this.$message.info('请填写注册登记信息')
      //   return
      // }
      // if(_self.addObj.ifManageReg == '2'){
      //   _self.addObj.ifManageRegRel = ''
      // }
      // if(!_self.addObj.damSafeApprNote){
      //   this.$message.info('请填写大坝安全鉴定信息')
      //   return
      // }
      // if(_self.addObj.ifReinForce == '1' && !_self.addObj.ifComplateAccAll || !_self.addObj.ifReinForce){
      //   this.$message.info('请填写水库除险加固信息')
      //   return
      // }
      // if(!_self.addObj.ifDamWarnLogo){
      //   this.$message.info('请填写公示情况信息')
      //   return
      // }

      if (
        this.addObj.safeComment &&
        this.addObj.hasSpeManage &&
        this.addObj.hasManagePers &&
        this.addObj.hasWdEmnic &&
        this.addObj.retainRegular &&
        this.addObj.dikeHasLeak &&
        this.addObj.leakMakeSafe &&
        this.addObj.hasAstable &&
        this.addObj.hasSetMainFl &&
        this.addObj.isMainFlNormal &&
        this.addObj.havFlLowLimLev &&
        this.addObj.gtFlLowLimLev &&
        this.addObj.hasSetPourFl &&
        this.addObj.pourFyIsNormal &&
        this.addObj.ifManageReg &&
        this.addObj.ifManageRegRel &&
        this.addObj.damSafeApprNote &&
        this.addObj.ifReinForce &&
        this.addObj.ifComplateAccAll &&
        this.addObj.ifDamWarnLogo
      ) {
        this.objtbStatu.resRunStat = "2";
      }
      if (
        this.addObj.safeComment ||
        this.addObj.hasSpeManage ||
        this.addObj.hasManagePers ||
        this.addObj.hasWdEmnic ||
        this.addObj.retainRegular ||
        this.addObj.dikeHasLeak ||
        this.addObj.leakMakeSafe ||
        this.addObj.hasAstable ||
        this.addObj.hasSetMainFl ||
        this.addObj.isMainFlNormal ||
        this.addObj.havFlLowLimLev ||
        this.addObj.gtFlLowLimLev ||
        this.addObj.hasSetPourFl ||
        this.addObj.pourFyIsNormal ||
        this.addObj.ifManageReg ||
        this.addObj.ifManageRegRel ||
        this.addObj.damSafeApprNote ||
        this.addObj.ifReinForce ||
        this.addObj.ifComplateAccAll ||
        this.addObj.ifDamWarnLogo
      ) {
        this.objtbStatu.resRunStat = "1";
      }
      if (
        this.addObj.safeComment == undefined &&
        this.addObj.hasSpeManage == undefined &&
        this.addObj.hasManagePers == undefined &&
        this.addObj.hasWdEmnic == undefined &&
        this.addObj.retainRegular == undefined &&
        this.addObj.dikeHasLeak == undefined &&
        this.addObj.leakMakeSafe == undefined &&
        this.addObj.hasAstable == undefined &&
        this.addObj.hasSetMainFl == undefined &&
        this.addObj.isMainFlNormal == undefined &&
        this.addObj.havFlLowLimLev == undefined &&
        this.addObj.gtFlLowLimLev == undefined &&
        this.addObj.hasSetPourFl == undefined &&
        this.addObj.pourFyIsNormal == undefined &&
        this.addObj.ifManageReg == undefined &&
        this.addObj.ifManageRegRel == undefined &&
        this.addObj.damSafeApprNote == undefined &&
        this.addObj.ifReinForce == undefined &&
        this.addObj.ifComplateAccAll == undefined &&
        this.addObj.ifDamWarnLogo == undefined &&
        this.addObj.rainForc == undefined
      ) {
        this.objtbStatu.resRunStat = "0";
      }
      this.$confirm("确认保存水库工程实体和运行管理情况信息？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          if (_self.operationType1 == "add") {
            request.post("/dc/insp/safeExtManage", _self.addObj).then(res => {
              if (res.success) {
                _self.$message.success("添加成功");
                request
                  .post("/dc/insp/rsvrRgstr/update", _self.objtbStatu)
                  .then(res => {
                    res;
                  });
                _self.$emit("addShuiKuSuccess");
              }
            });
          } else {
            request
              .post("/dc/insp/safeExtManage/update", _self.addObj)
              .then(res => {
                if (res.success) {
                  _self.$message.success("修改成功");
                  request
                    .post("/dc/insp/rsvrRgstr/update", _self.objtbStatu)
                    .then(res => {
                      res;
                    });
                  _self.$emit("addShuiKuSuccess");
                }
              });
          }
        })
        .catch(() => {});
    },
    //查看
    makeshow(type, row) {
      this.dialogFormVisible = true;
    },
    formatRadio(val) {
      if (val == "1") {
        return "是";
      } else if (val == "0") {
        return "否";
      } else {
        return val;
      }
    },
    cancelHandler() {
      this.$emit("cancelHandler");
    }
  }
};
</script>

<style>
#dcdxHeader {
  padding: 15px 20px;
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-dialog__wrapper .el-treeWhite {
  /* max-height: 260px !important; */
}
/*.gcsthyxglqk .el-form-item__content .el-radio{*/
/*width: 100px!important;*/
/*}*/
.gcsthyxglqk label.el-radio {
  width: 206px;
}
</style>