fj-dc-ui/.svn/pristine/40/4072f08dde9d167e02dc56dbecb4c4bbb085a099.svn-base

<template>
  <div class="gcsthyxglqk">
    <el-container v-if="formIsShow" style="height:49vh;">
      <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">
          <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.isCoarScw" label="1">是</el-radio>
            <el-radio v-model="addObj.isCoarScw" label="2">否</el-radio>
            <el-button @click="addProblemList('isCoarScw')" type="text" v-if="this.addObj.isCoarScw ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否有检查记录（报告）且检查记录（报告）规范">
            <el-radio v-model="addObj.isHirIrs" label="1">是</el-radio>
            <el-radio v-model="addObj.isHirIrs" label="2">否</el-radio>
            <el-button @click="addProblemList('isHirIrs')" type="text" v-if="this.addObj.isHirIrs ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否及时检查发现工程缺陷，且发现后采取有效措施处理">
            <el-radio v-model="addObj.isIafditTemtdwi" label="1">是</el-radio>
            <el-radio v-model="addObj.isIafditTemtdwi" label="2">否</el-radio>
            <el-button @click="addProblemList('isIafditTemtdwi')" type="text" v-if="this.addObj.isIafditTemtdwi ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </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.isPrdRm" label="1">是</el-radio>
            <el-radio v-model="addObj.isPrdRm" label="2">否</el-radio>
            <el-button @click="addProblemList('isPrdRm')" type="text" v-if="this.addObj.isPrdRm ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否维修养护到位且工程实体存在问题及时处理" v-if="addObj.isPrdRm === '1'">
            <el-radio v-model="addObj.isMipThopeiee" label="1">是</el-radio>
            <el-radio v-model="addObj.isMipThopeiee" label="2">否</el-radio>
            <el-button @click="addProblemList('isMipThopeiee')" type="text" v-if="this.addObj.isMipThopeiee ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </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.isHasSmameaf" label="1">是</el-radio>
            <el-radio v-model="addObj.isHasSmameaf" label="2">否</el-radio>
          </el-form-item>
          <div v-if="addObj.isHasSmameaf === '1'">
            <el-form-item label="是否对工程进行安全监测、采集监测数据">
              <el-radio v-model="addObj.isTcosmacmd" label="1">是</el-radio>
              <el-radio v-model="addObj.isTcosmacmd" label="2">否</el-radio>
              <el-button @click="addProblemList('isTcosmacmd')" type="text" v-if="this.addObj.isTcosmacmd ==='2' ? true :false">
                <i class="el-icon-circle-plus"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="是否规范且及时整理分析监测资料">
              <el-radio v-model="addObj.isSaamdt" label="1">是</el-radio>
              <el-radio v-model="addObj.isSaamdt" label="2">否</el-radio>
              <el-button @click="addProblemList('isSaamdt')" type="text" v-if="this.addObj.isSaamdt ==='2' ? true :false">
                <i class="el-icon-circle-plus"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="安全监测设备、设施维护是否到位">
              <el-radio v-model="addObj.mosmeafIsArv" label="1">是</el-radio>
              <el-radio v-model="addObj.mosmeafIsArv" label="2">否</el-radio>
              <el-button @click="addProblemList('mosmeafIsArv')" type="text" v-if="this.addObj.mosmeafIsArv ==='2' ? true :false">
                <i class="el-icon-circle-plus"></i>
              </el-button>
            </el-form-item>
          </div>
          <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.isDlmtSomasop" label="1">是</el-radio>
            <el-radio v-model="addObj.isDlmtSomasop" label="2">否</el-radio>
            <el-button @click="addProblemList('isDlmtSomasop')" type="text" v-if="this.addObj.isDlmtSomasop ==='2' ? true :false">
              <i class="el-icon-circle-plus"></i>
            </el-button>
          </el-form-item>
          <div v-if="addObj.isDlmtSomasop === '1'">
            <el-form-item label="工程管理和保护范围是否有违章建筑">
              <el-radio v-model="addObj.somasopIsIc" label="1">是</el-radio>
              <el-radio v-model="addObj.somasopIsIc" label="2">否</el-radio>
              <el-button @click="addProblemList('somasopIsIc')" type="text" v-if="this.addObj.somasopIsIc ==='1' ? true :false">
                <i class="el-icon-circle-plus"></i>
              </el-button>
            </el-form-item>
            <el-form-item label="工程管理和保护范围内是否存在危害工程安全的活动">
              <el-radio v-model="addObj.somasopIsAtetsotp" label="1">是</el-radio>
              <el-radio v-model="addObj.somasopIsAtetsotp" label="2">否</el-radio>
              <el-button @click="addProblemList('somasopIsAtetsotp')" type="text" v-if="this.addObj.somasopIsAtetsotp ==='1' ? true :false">
                <i class="el-icon-circle-plus"></i>
              </el-button>
            </el-form-item>
          </div>
          <el-form-item>
            <el-button style="padding:7px 15px" type="primary" @click="makesure" v-if="openType">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
    </el-container>
    <problem-list
        v-if="showProblemList && openType"
        :problData="problData"
        :currentObjectName="currentObjectName"
        @dialogFormVisible="getdialogFormVisible"
        :showProblemList ='showProblemList'
        :currentObjectRgstrId="currentObjectRgstrId"
        :currentObjectId ="currentObjectId"
        :currentGroupId="currentGroupId"
      ></problem-list>
  </div>
</template>

<script>
import request from "@util/gw_ajax_request.js";
import { getDmam } from "@api/duChaTianBao.js";
//add by lch
import problemList from '../../addProlemMidForm/Sztb_Wtqd.vue'
export default {
  components: {
    //problemDialog
    problemList
  },
  props: ["currentObjectRgstrId", "currentObjectName", "currentObjectId","szRuls","showOrEdit","currentGroupId","openType"],

  data() {
    return {
      objtbStatu:{
          dmamStat:"",
          id:"",
        },
      formIsShow: true,
      problData:"",
      showAddProblemDialog: false,
      dxdcMainHeight: window.innerHeight - 197,
      dialogFormVisible: false,
      formLabelWidth: "20vw",
      loading: true,
      addObj: {
        isCoarScw: "",
        isHirIrs: "",
        isIafditTemtdwi: "",
        isPrdRm: "",
        isMipThopeiee: "",
        isHasSmameaf: "",
        isTcosmacmd: "",
        isSaamdt: "",
        mosmeafIsArv: "",
        isDlmtSomasop: "",
        somasopIsIc: "",
        somasopIsAtetsotp: "",
      },
      operationType1: "",
      placeholder: "",
       // add by lch
      showProblemList: false
    };
  },
  computed: {
    recPersId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  created() {
    if (this.showOrEdit === "show") {
      this.formIsShow = false;
    } else {
      this.formIsShow = true;
    }
  },
  mounted() {
    this.getformList();
  },
  watch: {
    currentObjectRgstrId(n, o) {
      this.getformList();
    }
  },
  methods: {
    getformList() {
      let _self = this;
      getDmam(_self.currentObjectRgstrId).then(res => {
        if (Object.keys(res.data).length !== 0) {
          _self.addObj = res.data;
          _self.operationType1 = "update";
        } else {
          _self.addObj = {};
          _self.operationType1 = "add";
        }

      });
    },
    //保存
    makesure() {
      let _self = this;
      this.addObj["rgstrId"] = this.currentObjectRgstrId;
      this.addObj["recPersId"] = this.recPersId;
      _self.objtbStatu.id = _self.currentObjectRgstrId;
      var params = {
        bisInspSafeExtManage: _self.addObj
      };
      if(_self.addObj.isCoarScw &&
      _self.addObj.isHirIrs &&
      _self.addObj.isIafditTemtdwi &&
      _self.addObj.isPrdRm &&
      _self.addObj.isHasSmameaf &&
      _self.addObj.isDlmtSomasop){
        this.objtbStatu.dmamStat = "2"
      }else{
        if(_self.addObj.isCoarScw ==undefined  &&
            _self.addObj.isHirIrs ==undefined &&
            _self.addObj.isIafditTemtdwi ==undefined  &&
            _self.addObj.isPrdRm ==undefined &&
            _self.addObj.isHasSmameaf ==undefined  &&
            _self.addObj.isDlmtSomasop ==undefined){
            this.objtbStatu.dmamStat = "0"
        }else{
          this.objtbStatu.dmamStat = "1"
        }
      }
      this.$confirm("确认保存日常管理和维修养护情况信息？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          if (_self.operationType1 == "add") {
            try{
              request.post('/bis/waga/dmamInfo',_self.addObj).then((res)=>{
                if (res.success) {
                  _self.$message.success("添加成功");
                  _self.addObj["id"] = res.data.id;
                  _self.operationType1 = "update";
                  request.post("/att/waga/rgstr/update",_self.objtbStatu).then((res)=>{
                    res;
                  })
                  _self.$emit("addShuiKuSuccess");
                }
              });
            } catch(e) {

            }
          } else if (_self.operationType1 == "update") {
            request.post('/bis/waga/dmamInfo/update',_self.addObj).then((res)=>{
                if (res.success) {
                  _self.$message.success("修改成功");
                  request.post("/att/waga/rgstr/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.showAddProblemDialog = false;
    },

     // add by lch
    addProblemList(pro){
        let rules = this.szRuls;
        let rest = rules.filter(e => {
          return e.eName === pro;
        });
        this.problData = rest[0].id;
        this.showProblemList = true;
        console.log(this.showProblemList)
      },
      getdialogFormVisible(val){
        this.showProblemList = val
      },
      // end
  }
};
</script>

<style lang="scss" scoped>
.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.slide-fade-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateY(-10px);
  opacity: 0;
}
#dcdxHeader {
  padding: 15px 20px;
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-dialog__wrapper .el-treeWhite {
  /* max-height: 260px !important; */
}
.gcsthyxglqk label.el-radio {

}
.gcsthyxglqk .el-button--text {
  //添加问题小加号处理
  margin-left: 1vw;
  font-size: 1rem;
}
.gcsthyxglqk .el-button--mini{ //处理出现小加号后，选项上下抖动问题
  padding: 0px 15px;
}
.zdlsqk .el-radio + .el-radio {
  //纵向radio处理
  margin-left: 0px;
}
</style>