fj-dc-ui/.svn/pristine/e5/e5d9f3b3871cc3bd205a9404fc54b3fb3231f472.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;">
        <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules">
          <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="formObj.isDamLeak" label="1">是</el-radio>
            <el-radio v-model="formObj.isDamLeak" label="2">否</el-radio>
            <el-button
              @click="addProblem('isDamLeak',formObj.isDamLeak)"
              type="text"
              v-if="formObj.isDamLeak =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="土石坝是否渗流正常且无流土、管涌或漏洞现象">
            <el-radio v-model="formObj.isDamHole" label="1">是</el-radio>
            <el-radio v-model="formObj.isDamHole" label="2">否</el-radio>
            <el-button
              @click="addProblem('isDamHole',formObj.isDamHole)"
              type="text"
              v-if="formObj.isDamHole =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否无明显变形、不稳定或有滑坡迹象">
            <el-radio v-model="formObj.isDamOut" label="1">是</el-radio>
            <el-radio v-model="formObj.isDamOut" label="2">否</el-radio>
            <el-button
              @click="addProblem('isDamOut',formObj.isDamOut)"
              type="text"
              v-if="formObj.isDamOut =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否无裂缝、塌坑、凹陷、隆起等现象">
            <el-radio v-model="formObj.isDamRise" label="1">是</el-radio>
            <el-radio v-model="formObj.isDamRise" label="2">否</el-radio>
            <el-button
              @click="addProblem('isDamRise',formObj.isDamRise)"
              type="text"
              v-if="formObj.isDamRise =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="土石坝反滤排水是否无缺失、破损、塌陷、淤堵现象">
            <el-radio v-model="formObj.isDamDrain" label="1">是</el-radio>
            <el-radio v-model="formObj.isDamDrain" label="2">否</el-radio>
            <el-button
              @click="addProblem('isDamDrain',formObj.isDamDrain)"
              type="text"
              v-if="formObj.isDamDrain =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否无蚁害及动物洞穴等孔洞">
            <el-radio v-model="formObj.isDamVug" label="1">是</el-radio>
            <el-radio v-model="formObj.isDamVug" label="2">否</el-radio>
            <el-button
              @click="addProblem('isDamVug',formObj.isDamVug)"
              type="text"
              v-if="formObj.isDamVug =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="近坝库岸边坡是否稳定">
            <el-radio v-model="formObj.isDamStbl" label="1">是</el-radio>
            <el-radio v-model="formObj.isDamStbl" label="2">否</el-radio>
            <el-button
              @click="addProblem('isDamStbl',formObj.isDamStbl)"
              type="text"
              v-if="formObj.isDamStbl =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="排水沟是否无塌陷或淤堵">
            <el-radio v-model="formObj.isDamDrn" label="1">是</el-radio>
            <el-radio v-model="formObj.isDamDrn" label="2">否</el-radio>
            <el-button
              @click="addProblem('isDamDrn',formObj.isDamDrn)"
              type="text"
              v-if="formObj.isDamDrn =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></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="formObj.isFld" label="1">是</el-radio>
            <el-radio v-model="formObj.isFld" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFld',formObj.isFld)"
              type="text"
              v-if="formObj.isFld =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="行洪设施是否符合相关规定和要求，如按要求设置消力池、溢洪道连接河道或洪水有散流条件等">
            <el-radio v-model="formObj.isFldAsk" label="1">是</el-radio>
            <el-radio v-model="formObj.isFldAsk" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFldAsk',formObj.isFldAsk)"
              type="text"
              v-if="formObj.isFldAsk =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="泄洪建筑物是否正常运行">
            <el-radio v-model="formObj.isFldRun" label="1">是</el-radio>
            <el-radio v-model="formObj.isFldRun" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFldRun',formObj.isFldRun)"
              type="text"
              v-if="formObj.isFldRun =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否无明显变形、不稳定或有滑坡迹象">
            <el-radio v-model="formObj.isFldOut" label="1">是</el-radio>
            <el-radio v-model="formObj.isFldOut" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFldOut',formObj.isFldOut)"
              type="text"
              v-if="formObj.isFldOut =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="是否无裂缝、塌坑、凹陷、隆起等">
            <el-radio v-model="formObj.isFldRisk" label="1">是</el-radio>
            <el-radio v-model="formObj.isFldRisk" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFldRisk',formObj.isFldRisk)"
              type="text"
              v-if="formObj.isFldRisk =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="岸坡及边墙是否稳定">
            <el-radio v-model="formObj.isFldBank" label="1">是</el-radio>
            <el-radio v-model="formObj.isFldBank" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFldBank',formObj.isFldBank)"
              type="text"
              v-if="formObj.isFldBank =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="泄洪时是否无冲刷坝体及下游坝脚等现象">
            <el-radio v-model="formObj.isFldScr" label="1">是</el-radio>
            <el-radio v-model="formObj.isFldScr" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFldScr',formObj.isFldScr)"
              type="text"
              v-if="formObj.isFldScr =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="溢洪道基础及边墙是否无渗水">
            <el-radio v-model="formObj.isFldLeak" label="1">是</el-radio>
            <el-radio v-model="formObj.isFldLeak" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFldLeak',formObj.isFldLeak)"
              type="text"
              v-if="formObj.isFldLeak =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>
          <el-form-item label="泄洪通道是否畅通">
            <el-radio v-model="formObj.isFldDrn" label="1">是</el-radio>
            <el-radio v-model="formObj.isFldDrn" label="2">否</el-radio>
            <el-button
              @click="addProblem('isFldDrn',formObj.isFldDrn)"
              type="text"
              v-if="formObj.isFldDrn =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></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="formObj.isBldRun" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldRun" label="2">否</el-radio>
            <el-button
              @click="addProblem('isBldRun',formObj.isBldRun)"
              type="text"
              v-if="formObj.isBldRun =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="是否无明显变形、不稳定或有滑坡迹象">
            <el-radio v-model="formObj.isBldOut" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldOut" label="2">否</el-radio>
            <el-button
              @click="addProblem('isBldOut',formObj.isBldOut)"
              type="text"
              v-if="formObj.isBldOut =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="是否无裂缝、塌坑、凹陷、隆起等现象">
            <el-radio v-model="formObj.isBldRise" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldRise" label="2">否</el-radio>
            <el-button
              @click="addProblem('isBldRise',formObj.isBldRise)"
              type="text"
              v-if="formObj.isBldRise =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="涵（洞、虹吸管）出口附近是否无渗漏">
            <el-radio v-model="formObj.isBldLeak" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldLeak" label="2">否</el-radio>
            <el-button
              @click="addProblem('isBldLeak',formObj.isBldLeak)"
              type="text"
              v-if="formObj.isBldLeak =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="管（洞）身是否无损坏、渗漏">
            <el-radio v-model="formObj.isBldHole" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldHole" label="2">否</el-radio>
            <el-button
              @click="addProblem('isBldHole',formObj.isBldHole)"
              type="text"
              v-if="formObj.isBldHole =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="出口段水流是否无杂物带出、浑浊现象">
            <el-radio v-model="formObj.isBldMog" label="1">是</el-radio>
            <el-radio v-model="formObj.isBldMog" label="2">否</el-radio>
            <el-button
              @click="addProblem('isBldMog',formObj.isBldMog)"
              type="text"
              v-if="formObj.isBldMog =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></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="formObj.isOthrRisk" label="1">是</el-radio>
            <el-radio v-model="formObj.isOthrRisk" label="2">否</el-radio>
            <el-button
              @click="addProblem('isOthrRisk',formObj.isOthrRisk)"
              type="text"
              v-if="formObj.isOthrRisk =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="坝下建筑物与坝体连接部位是否无接触渗漏现象或失稳征兆">
            <el-radio v-model="formObj.isOthrLeak" label="1">是</el-radio>
            <el-radio v-model="formObj.isOthrLeak" label="2">否</el-radio>
            <el-button
              @click="addProblem('isOthrLeak',formObj.isOthrLeak)"
              type="text"
              v-if="formObj.isOthrLeak =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="工程是否不存在其他实体缺陷">
            <el-radio v-model="formObj.isOthrOthr" label="1">是</el-radio>
            <el-radio v-model="formObj.isOthrOthr" label="2">否</el-radio>
            <el-button
              @click="addProblem('isOthrOthr',formObj.isOthrOthr)"
              type="text"
              v-if="formObj.isOthrOthr =='2'">
              <i class="el-icon-circle-plus add-problem-icon"></i>
            </el-button>
          </el-form-item>

          <el-form-item label="">
            <el-button type="primary" @click="addHandler" v-if="openType">保 存</el-button>
          </el-form-item>
        </el-form>
      </el-main>
      <problem-dialog
        v-if="showAddProblemDialog && openType"
        :objType="115"
        :villType="115"
        :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 {getRgstriyBldnStat} from "@api/duChaTianBao.js"
    import {formatDateTimeD} from "@util/gw_date.js"
    export default {
        components: {
            inputWith: inputWith,
            problemDialog
        },
        props: ['currentObjectId','currentObjectName','currentObjectRgstrId','openType'],

        data() {
            var checkTel = (rule, value, callback) => {
                var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;//座机
                var isMob= /^[1][3,4,5,7,8][0-9]{9}$/;// 座机格式
                if (value&&!isMob.test(value)&&!isPhone.test(value)) {
                    callback(new Error('请输入合理电话'));
                } else if(value&&(isMob.test(value)||isPhone.test(value))){
                    callback();
                }
                // setTimeout(() => {

                // }, 1000);
            };
            return {
                id:"",
                objtbStatu:{
                    wtuntStat:"",
                    rgstrId:"",
                    id:"",
                    state:""
                },
                rules:{
                    wiunWaoLegPersTel:[
                        {  validator: checkTel,trigger: 'blur'  }
                    ],
                    techPersTel:[
                        {  validator: checkTel,trigger: 'blur'  }
                    ],
                    patrolPersTel:[
                        {  validator: checkTel,trigger: 'blur'  }
                    ],
                },
                jqmmDialogShow: false,
                type: '',
                formObj: {
                    isDamLeak:"",
                    isDamHole:"",
                    isDamOut:"",
                    isDamRise:"",
                    isDamDrain:"",
                    isDamVug:"",
                    isDamStbl:"",
                    isDamDrn:"",
                    isFld:"",
                    isFldAsk:"",
                    isFldRun:"",
                    isFldOut:"",
                    isFldRisk:"",
                    isFldBank:"",
                    isFldScr:"",
                    isFldLeak:"",
                    isFldDrn:"",
                    isBldRun:"",
                    isBldOut:"",
                    isBldRise:"",
                    isBldLeak:"",
                    isBldHole:"",
                    isBldMog:"",
                    isOthrRisk:"",
                    isOthrLeak:"",
                    isOthrOthr:""
                },
                dialogFormVisible: false,
                formLabelWidth: '300px',
                loading: true,
                operationType1:'',
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false
            }
        },
        computed:{
            recPersId(){
                return localStorage.getItem("userid")? localStorage.getItem("userid"): ''
            }
        },
        created(){
            this.findItemByType()
        },
        mounted() {
            this.getRgstridObj();
        },
        watch: {
            currentObjectRgstrId(n,o){
                this.getRgstridObj();
            },
        },
        methods: {
            jqmmDialogClose() {
                this.jqmmDialogShow = false;
            },
            showPic(type){
                this.type = type
                this.jqmmDialogShow = true
            },
            getRgstridObj(){
                var _self = this;
                getRgstriyBldnStat(_self.currentObjectRgstrId).then((res)=>{
                    _self.formObj = res.data;
                    _self.id = res.data.id;
                });
            },
            addHandler(){
                var _self = this;
                _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
                _self.formObj['recPersId'] = _self.recPersId;
                if(!this.formObj.isDamLeak &&
                    !this.formObj.isDamHole &&
                    !this.formObj.isDamOut &&
                    !this.formObj.isDamRise &&
                    !this.formObj.isDamDrain &&
                    !this.formObj.isDamVug &&
                    !this.formObj.isDamStbl &&
                    !this.formObj.isDamDrn &&
                    !this.formObj.isFld &&
                    !this.formObj.isFldAsk &&
                    !this.formObj.isFldRun &&
                    !this.formObj.isFldOut &&
                    !this.formObj.isFldRisk &&
                    !this.formObj.isFldBank &&
                    !this.formObj.isFldScr &&
                    !this.formObj.isFldLeak &&
                    !this.formObj.isFldDrn &&
                    !this.formObj.isBldRun &&
                    !this.formObj.isBldOut &&
                    !this.formObj.isBldRise &&
                    !this.formObj.isBldLeak &&
                    !this.formObj.isBldHole &&
                    !this.formObj.isBldMog &&
                    !this.formObj.isOthrRisk &&
                    !this.formObj.isOthrLeak &&
                    !this.formObj.isOthrOthr
                ){
                    this.formObj.state = "0"
                }else if(this.formObj.isDamLeak &&
                    this.formObj.isDamHole &&
                    this.formObj.isDamOut &&
                    this.formObj.isDamRise &&
                    this.formObj.isDamDrain &&
                    this.formObj.isDamVug &&
                    this.formObj.isDamStbl &&
                    this.formObj.isDamDrn &&
                    this.formObj.isFld &&
                    this.formObj.isFldAsk &&
                    this.formObj.isFldRun &&
                    this.formObj.isFldOut &&
                    this.formObj.isFldRisk &&
                    this.formObj.isFldBank &&
                    this.formObj.isFldScr &&
                    this.formObj.isFldLeak &&
                    this.formObj.isFldDrn &&
                    this.formObj.isBldRun &&
                    this.formObj.isBldOut &&
                    this.formObj.isBldRise &&
                    this.formObj.isBldLeak &&
                    this.formObj.isBldHole &&
                    this.formObj.isBldMog &&
                    this.formObj.isOthrRisk &&
                    this.formObj.isOthrLeak &&
                    this.formObj.isOthrOthr
                ){
                    this.formObj.state = "2";
                }else{
                    this.formObj.state = "1"
                }
                this.$confirm('确认保存现场督查情况信息？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                })
                    .then(() => {
                            try{
                                request.post('/bis/insp/rsvrsd/bldn/',_self.formObj).then((res)=>{
                                    if (res.success) {
                                        _self.$message.success("修改成功");
                                        _self.$emit("addShuiKuSuccess");
                                    }
                                });
                            } catch(e) {

                            }
                    })
                    .catch(() => {

                    });
            },
            cancelHandler(){
                this.$emit('cancelHandler');
            },
            findItemByType(){
                const obj ={
                    tname: "BIS_INSP_RSVR_SD_BLDN",
                }
                request.post("/bis/insp/item/ques/info/findItemByType",obj).then(res =>{
                    this.rsvrRules = res.data;
                })
            },
            addProblem(item,iValue){
                let rest = this.rsvrRules.filter(e => {
                    return e.iValue === iValue && e.eName === item;
                });
                if (rest[0]){
                    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 scoped>
  #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;
  }
  .el-icon-camera-solid,.el-icon-circle-plus{
    margin-left: 20px;
    color: #00bbff;
    font-size: 18px;
    line-height: 12px;
    vertical-align: middle;
    cursor: pointer;
  }
  .el-icon-circle-plus{
    vertical-align: top;
  }
</style>