fj-dc-ui/.svn/pristine/64/641f47bd92ae896394e82131b4c70a67c9517543.svn-base

<template>
  <div class="gcsthyxglqk" :style="{'height':testHeight1+'px'}">
    <el-container>
      <el-main style="padding:0px;">
        <el-form :model="addObj" :label-width="formLabelWidth" :rules="rules" ref="addObj" >
          <br>
          <p style="margin-top:10px;margin-bottom: 10px">
            <div style="display: flex;align-items: center;margin-bottom: 10px">
                <div style="width: 4px;height: 14px;background: rgba(44,158,255,1);border-radius: 1px;margin-right: 10px;"></div>
                <span style="width:120px">水库安全鉴定情况</span>
            </div>
          </p>
          <el-form-item label="按规定是否需要开展">
              <span>{{addObj.ifDamSafe == 1 ? '是' : '否'}}</span>
          </el-form-item>
          <el-row class="rowClass" v-if="addObj.ifDamSafe == '1'">
            <el-col :span="11" v-if="addObj.ifDamSafe == '1'" class="nameClass">是否按要求开展：</el-col>
            <el-col :span="1" v-if="addObj.ifDamSafe == '1'" class="valueClass" :style="{'height':50+'px'}">
                {{addObj.ifDamSafeReq == "1"?"是":"否"}}
            </el-col>
            <el-col :span="11" v-if="addObj.ifDamSafeReq == '1'" class="nameClass">鉴定报告内容是否合规：</el-col>
            <el-col :span="1" v-if="addObj.ifDamSafeReq == '1'" class="valueClass" :style="{'height':50+'px'}">
                {{addObj.ifDamSafeRul == 1 ? '是' : '否'}}
            </el-col>
            <el-col :span="11" v-if="addObj.ifDamSafeReq == '1'" class="nameClass">鉴定单位资质是否符合规定：</el-col>
            <el-col :span="1" v-if="addObj.ifDamSafeReq == '1'" class="valueClass" :style="{'height':50+'px'}">
                {{addObj.ifDamSafeDepRul == 1 ? '是' : '否'}}
            </el-col>
            <el-col :span="11" v-if="addObj.ifDamSafeReq == '1'" class="nameClass">安全鉴定是否被鉴定为三类坝：</el-col>
            <el-col :span="1" v-if="addObj.ifDamSafeReq == '1'" class="valueClass" :style="{'height':50+'px'}">
                {{addObj.ifDamSafeThr == 1 ? '是' : '否'}}
            </el-col>
        </el-row>
          <p style="margin-top:10px;margin-bottom: 10px">
              <div style="display: flex;align-items: center;margin-bottom: 10px">
                <div style="width: 4px;height: 14px;background: rgba(44,158,255,1);border-radius: 1px;margin-right: 10px;"></div>
                <span style="width:120px">水库除险加固情况</span>
            </div>
          </p>
          <el-form-item :label="addObj.ifReinForce == 1 ? '进行过除险加固' : addObj.ifReinForce == 2 ? '正在实施水库情况' : addObj.ifReinForce == 3 ? '水库建成未实施除险加固' : '鉴定为三类坝应实施未实施'">
              <span></span>
          </el-form-item>
          <el-row class="rowClass" v-if="addObj.ifReinForce == '1'">
                <el-col :span="6" class="nameClass">是否按批复内容实施：</el-col>
                <el-col :span="6" class="valueClass" :style="{'height':50+'px'}">
                    {{addObj.reinForceRun == "1"?"是":"否"}}
                </el-col>
                <el-col :span="6" class="nameClass">实施后是否仍有隐患：</el-col>
                <el-col :span="6" class="valueClass" :style="{'height':50+'px'}">
                    {{addObj.reinForceRun2 == "1"?"是":"否"}}
                </el-col>
                <el-col :span="6" class="nameClass">是否蓄水验收：</el-col>
                <el-col :span="6" class="valueClass" :style="{'height':50+'px'}">
                    {{addObj.reinForceRun3 == "1"?"是":"否"}}
                </el-col>
            </el-row>    
            <el-row class="rowClass" v-if="addObj.ifReinForce == '2'">
                <el-col :span="6" class="nameClass">是否按批复内容实施：</el-col>
                <el-col :span="6" class="valueClass" :style="{'height':50+'px'}">
                    {{addObj.ifReinImpGve == "1"?"是":"否"}}
                </el-col>
                <el-col :span="6" class="nameClass">施工是否按期进行：</el-col>
                <el-col :span="6" class="valueClass" :style="{'height':50+'px'}">
                    {{addObj.ifReinImpPlan == "1"?"是":"否"}}
                </el-col>
            </el-row>    
        </el-form>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import request from "@util/gw_ajax_request.js";
import { getSecurityReinforce, getLyjglist } from "@api/duChaTianBao.js";
import ElTableWithPagination from "@widget/elTableWithPagination";
export default {
  components: {
      ElTableWithPagination
  },
    props: ['currentObjectId','currentObjectName','currentObjectRgstrId','pType'],

  data() {
    return {
      testHeight:(window.innerHeight * 0.5 - 114) / 6,
      testHeight1:window.innerHeight * 0.5,
      objtbStatu: {
        reverStat: "",
        rgstrId: ""
      },
      dxdcMainHeight: window.innerHeight - 197,
      dialogFormVisible: false,
      formLabelWidth: "180px",
      loading: true,
      addObj: {
          reverOrg: "",
          rgstrId: "",
          recPersId: "",
            //注意有几个字段无法确认，需要掉接口查看
          ifReinForce: "",
          ifDamSafe: "",//是否按规定需要开展
          ifDamSafeReq: "",//是否按要求开展
          ifDamSafeRul: "",//鉴定报告内容是否合规
          ifDamSafeDepRul: "",//鉴定单位资质是否符合规定
          ifDamSafeThr: "",//安全鉴定是否被鉴定为三类坝
          ifReinImpGve: "",//正在实施水库情况是否按批复内容实施
          ifReinImpPlan: "",//正在实施水库情况施工是否按期进行
          reinForceRun: "",//最近一次除险加固情况是否按批复内容实施
          reinForceRun2: "",//最近一次除险加固情况实施后是否仍有隐患
          reinForceRun3: "",//最近一次除险加固情况是否蓄水验收
          status: ""//填报状态
      },
      operationType1: "",
      lyjg: [],
      placeholder: "",
      rsvrRules: null,
      probId: '',
      showAddProblemDialog: false,
        rules: {
            ifDamSafeRul: [
                {required: false, message: '请选择鉴定报告内容是否合规', trigger: 'change'}
            ],
            ifDamSafeDepRul: [
                {required: false, message: '请选择鉴定单位资质是否符合规定', trigger: 'change'}
            ],
            ifDamSafeReq: [
                {required: false, message: '请选择安全鉴定是否被鉴定为三类坝', trigger: 'change'}
            ],
            reinForceRun: [
                {required: false, message: '请选择是否按批复内容实施', trigger: 'change'}
            ],
            reinForceRun2: [
                {required: false, message: '请选择实施后是否仍有隐患', trigger: 'change'}
            ],
            reinForceRun3: [
                {required: false, message: '请选择是否蓄水验收', trigger: 'change'}
            ],
            ifReinImpGve: [
                {required: true, message: '请选择是否按批复内容实施', trigger: 'change'}
            ],
            ifReinImpPlan: [
                {required: true, message: '请选择施工是否按期进行', trigger: 'change'}
            ]
        }
    };
  },
  computed: {
    recPersId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  created(){
    // this.findItemByType()
  },
  mounted() {
    this.getLyList();
  },
  watch: {
    currentObjectRgstrId(n, o) {
      this.getformList();
    }
  },
  methods: {
    //获取流域信息
    getLyList() {
      var _self = this;
      request.get(`/dc/insp/base/getInspByPid?pid=''`).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;
      getSecurityReinforce(_self.currentObjectRgstrId).then(res => {
        if (res.success) {
            _self.addObj = res.data;
        } else {
            this.$message.warning(res.message);
        }
      });
    },
    //保存
    formatRadio(val) {
      if (val == "1") {
        return "是";
      } else if (val == "0") {
        return "否";
      } else {
        return val;
      }
    },
    cancelHandler() {
      this.$emit("cancelHandler");
    },
    findItemByType(){
      const obj ={
        tname: "BIS_INSP_RSVR_PROJECT",
        type: this.pType
      }
      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
    },
    closePlDialog(val) {
      this.showAddProblemDialog = false;
    }
  }
};
</script>

<style>
#dcdxHeader {
  /* padding: 15px 20px; */
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-dialog__wrapper .el-treeWhite {
  /* max-height: 260px !important; */
}
.add-problem-icon{
  font-size: 16px;
}
</style>