fj-dc-ui/.svn/pristine/a9/a9815b04c7cb63cd404a1735d4cbeeaa4e63616e.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.lkcmbHasLdogcsosj" label="1">是</el-radio>
                        <el-radio v-model="addObj.lkcmbHasLdogcsosj" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('lkcmbHasLdogcsosj')"
                                type="text"
                                v-if="this.addObj.lkcmbHasLdogcsosj ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否存在防渗排水结构出现破坏、异常">
                        <el-radio v-model="addObj.lkcmbHasSadsatbda" label="1">是</el-radio>
                        <el-radio v-model="addObj.lkcmbHasSadsatbda" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('lkcmbHasSadsatbda')"
                                type="text"
                                v-if="this.addObj.lkcmbHasSadsatbda ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否存在消能防冲设施破损">
                        <el-radio v-model="addObj.lkcmbHasTedaifab" label="1">是</el-radio>
                        <el-radio v-model="addObj.lkcmbHasTedaifab" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('lkcmbHasTedaifab')"
                                type="text"
                                v-if="this.addObj.lkcmbHasTedaifab ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否存在闸室两岸连接建筑物破损">
                        <el-radio v-model="addObj.lkcmbHasTbcttsib" label="1">是</el-radio>
                        <el-radio v-model="addObj.lkcmbHasTbcttsib" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('lkcmbHasTbcttsib')"
                                type="text"
                                v-if="this.addObj.lkcmbHasTbcttsib ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否存在地基不均匀沉降明显">
                        <el-radio v-model="addObj.lkcmbHasTusofio" label="1">是</el-radio>
                        <el-radio v-model="addObj.lkcmbHasTusofio" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('lkcmbHasTusofio')"
                                type="text"
                                v-if="this.addObj.lkcmbHasTusofio ==='1' ? 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.uadcogcHasDmg" label="1">是</el-radio>
                        <el-radio v-model="addObj.uadcogcHasDmg" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('uadcogcHasDmg')"
                                type="text"
                                v-if="this.addObj.uadcogcHasDmg ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="连接段河床是否存在冲刷和淤积">
                        <el-radio v-model="addObj.uadcogcHasEasapitr" label="1">是</el-radio>
                        <el-radio v-model="addObj.uadcogcHasEasapitr" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('uadcogcHasEasapitr')"
                                type="text"
                                v-if="this.addObj.uadcogcHasEasapitr ==='1' ? 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.uadraeaosHasEasapitr" label="1">是</el-radio>
                        <el-radio v-model="addObj.uadraeaosHasEasapitr" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('uadraeaosHasEasapitr')"
                                type="text"
                                v-if="this.addObj.uadraeaosHasEasapitr ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="两岸堤防是否是否存在破损">
                        <el-radio v-model="addObj.uadraeaosHasDmg" label="1">是</el-radio>
                        <el-radio v-model="addObj.uadraeaosHasDmg" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('uadraeaosHasDmg')"
                                type="text"
                                v-if="this.addObj.uadraeaosHasDmg ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="其它建筑物是否存在缺陷影响水闸正常运行">
                        <el-radio v-model="addObj.uadraeaosHasDatnootl" label="1">是</el-radio>
                        <el-radio v-model="addObj.uadraeaosHasDatnootl" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('uadraeaosHasDatnootl')"
                                type="text"
                                v-if="this.addObj.uadraeaosHasDatnootl ==='1' ? 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.strobIsDWiSr" label="1">是</el-radio>
                        <el-radio v-model="addObj.strobIsDWiSr" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('strobIsDWiSr')"
                                type="text"
                                v-if="this.addObj.strobIsDWiSr ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="闸门、门槽是否存在锈蚀、损伤">
                        <el-radio v-model="addObj.gateHasRd" label="1">是</el-radio>
                        <el-radio v-model="addObj.gateHasRd" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('gateHasRd')"
                                type="text"
                                v-if="this.addObj.gateHasRd ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否存在闸门密封件破损、漏水">
                        <el-radio v-model="addObj.gateHasTsibai" label="1">是</el-radio>
                        <el-radio v-model="addObj.gateHasTsibai" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('gateHasTsibai')"
                                type="text"
                                v-if="this.addObj.gateHasTsibai ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="闸门其它部件是否存在缺陷">
                        <el-radio v-model="addObj.gateHasFlaw" label="1">是</el-radio>
                        <el-radio v-model="addObj.gateHasFlaw" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('gateHasFlaw')"
                                type="text"
                                v-if="this.addObj.gateHasFlaw ==='1' ? 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.ocdIsMnoacr" label="1">是</el-radio>
                        <el-radio v-model="addObj.ocdIsMnoacr" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('ocdIsMnoacr')"
                                type="text"
                                v-if="this.addObj.ocdIsMnoacr ==='2' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="启闭设备是否存在锈蚀、漏油等">
                        <el-radio v-model="addObj.ocdHasCol" label="1">是</el-radio>
                        <el-radio v-model="addObj.ocdHasCol" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('ocdHasCol')"
                                type="text"
                                v-if="this.addObj.ocdHasCol ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="启闭设备是否有保护装置及措施">
                        <el-radio v-model="addObj.ocdHasPdam" label="1">是</el-radio>
                        <el-radio v-model="addObj.ocdHasPdam" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('ocdHasPdam')"
                                type="text"
                                v-if="this.addObj.ocdHasPdam ==='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.dfHasToht" label="1">是</el-radio>
                        <el-radio v-model="addObj.dfHasToht" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('dfHasToht')"
                                type="text"
                                v-if="this.addObj.dfHasToht ==='1' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="备用电源是否正常运行">
                        <el-radio v-model="addObj.dfIsNoops" label="1">是</el-radio>
                        <el-radio v-model="addObj.dfIsNoops" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('dfIsNoops')"
                                type="text"
                                v-if="this.addObj.dfIsNoops ==='2' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否有防雷接地">
                        <el-radio v-model="addObj.dfHasGfl" label="1">是</el-radio>
                        <el-radio v-model="addObj.dfHasGfl" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('dfHasGfl')"
                                type="text"
                                v-if="this.addObj.dfHasGfl ==='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.smfHasPfpf" label="1">是</el-radio>
                        <el-radio v-model="addObj.smfHasPfpf" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('smfHasPfpf')"
                                type="text"
                                v-if="this.addObj.smfHasPfpf ==='2' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="监控与自动化系统是否正常运行">
                        <el-radio v-model="addObj.smfIsTmaasirn" label="1">是</el-radio>
                        <el-radio v-model="addObj.smfIsTmaasirn" label="2">否</el-radio>
                        <el-radio v-model="addObj.smfIsTmaasirn" label="3">小型水闸无要求</el-radio>
                        <el-button
                                @click="addProblemList('smfIsTmaasirn')"
                                type="text"
                                v-if="this.addObj.smfIsTmaasirn ==='2' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>
                    <el-form-item label="是否设置必要的安全防护及安全管理设施">
                        <el-radio v-model="addObj.smfIsSunspasmf" label="1">是</el-radio>
                        <el-radio v-model="addObj.smfIsSunspasmf" label="2">否</el-radio>
                        <el-button
                                @click="addProblemList('smfIsSunspasmf')"
                                type="text"
                                v-if="this.addObj.smfIsSunspasmf ==='2' ? true :false">
                            <i class="el-icon-circle-plus"></i>
                        </el-button>
                    </el-form-item>

                    <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 problemDialog from "../duChaWenTi/problemDialog.vue";
    import request from "@util/gw_ajax_request.js";
    import {getProen} 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: {
                    proenStat: "",
                    id: "",
                },
                formIsShow: true,
                problData: "",
                showAddProblemDialog: false,
                dxdcMainHeight: window.innerHeight - 197,
                dialogFormVisible: false,
                formLabelWidth: "24vw",
                loading: true,
                addObj: {
                    lkcmbHasLdogcsosj: "",
                    lkcmbHasSadsatbda: "",
                    lkcmbHasTedaifab: "",
                    lkcmbHasTbcttsib: "",
                    lkcmbHasTusofio: "",
                    uadcogcHasDmg: "",
                    uadcogcHasEasapitr: "",
                    uadraeaosHasEasapitr: "",
                    uadraeaosHasDmg: "",
                    uadraeaosHasDatnootl: "",
                    strobIsDWiSr: "",
                    gateHasRd: "",
                    gateHasTsibai: "",
                    gateHasFlaw: "",
                    ocdIsMnoacr: "",
                    ocdHasCol: "",
                    ocdHasPdam: "",
                    dfHasToht: "",
                    dfIsNoops: "",
                    dfHasGfl: "",
                    smfHasPfpf: "",
                    smfIsTmaasirn: "",
                    smfIsSunspasmf: "",
                },
                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;
                getProen(_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;
                if (_self.addObj.lkcmbHasLdogcsosj &&
                    _self.addObj.lkcmbHasSadsatbda &&
                    _self.addObj.lkcmbHasTedaifab &&
                    _self.addObj.lkcmbHasTbcttsib &&
                    _self.addObj.lkcmbHasTusofio &&
                    _self.addObj.uadcogcHasDmg &&
                    _self.addObj.uadcogcHasEasapitr &&
                    _self.addObj.uadraeaosHasEasapitr &&
                    _self.addObj.uadraeaosHasDmg &&
                    _self.addObj.uadraeaosHasDatnootl &&
                    _self.addObj.strobIsDWiSr &&
                    _self.addObj.gateHasRd &&
                    _self.addObj.gateHasTsibai &&
                    _self.addObj.gateHasFlaw &&
                    _self.addObj.ocdIsMnoacr &&
                    _self.addObj.ocdHasCol &&
                    _self.addObj.ocdHasPdam &&
                    _self.addObj.dfHasToht &&
                    _self.addObj.dfIsNoops &&
                    _self.addObj.dfHasGfl &&
                    _self.addObj.smfHasPfpf &&
                    _self.addObj.smfIsTmaasirn &&
                    _self.addObj.smfIsSunspasmf) {
                    this.objtbStatu.proenStat = "2"
                } else {
                    if (_self.addObj.lkcmbHasLdogcsosj == undefined &&
                        _self.addObj.lkcmbHasSadsatbda == undefined &&
                        _self.addObj.lkcmbHasTedaifab == undefined &&
                        _self.addObj.lkcmbHasTbcttsib == undefined &&
                        _self.addObj.lkcmbHasTusofio == undefined &&
                        _self.addObj.uadcogcHasDmg == undefined &&
                        _self.addObj.uadcogcHasEasapitr == undefined &&
                        _self.addObj.uadraeaosHasEasapitr == undefined &&
                        _self.addObj.uadraeaosHasDmg == undefined &&
                        _self.addObj.uadraeaosHasDatnootl == undefined &&
                        _self.addObj.strobIsDWiSr == undefined &&
                        _self.addObj.gateHasRd == undefined &&
                        _self.addObj.gateHasTsibai == undefined &&
                        _self.addObj.gateHasFlaw == undefined &&
                        _self.addObj.ocdIsMnoacr == undefined &&
                        _self.addObj.ocdHasCol == undefined &&
                        _self.addObj.ocdHasPdam == undefined &&
                        _self.addObj.dfHasToht == undefined &&
                        _self.addObj.dfIsNoops == undefined &&
                        _self.addObj.dfHasGfl == undefined &&
                        _self.addObj.smfHasPfpf == undefined &&
                        _self.addObj.smfIsTmaasirn == undefined &&
                        _self.addObj.smfIsSunspasmf == undefined) {
                        this.objtbStatu.proenStat = "0"
                    } else {
                        this.objtbStatu.proenStat = "1"
                    }
                }
                var params = {
                    bisInspSafeExtManage: _self.addObj
                };
                this.$confirm("确认保存水闸工程实体和运行管理情况信息？", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        if (_self.operationType1 == "add") {
                            try {
                                request.post('/bis/waga/proenInfo', _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") {
                            try {
                                request.post('/bis/waga/proenInfo/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 (e) {

                            }
                        }
                    })
                    .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>
    .cant {
        color: red;
    }

    .cantMid {
        color: orange;
    }

    .cant {
        color: green;
    }

    .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;
    }

    .zdlsqk .el-radio + .el-radio {
        //纵向radio处理
        margin-left: 0px;
    }

    .gcsthyxglqk .el-button--mini {
        //处理出现小加号后，选项上下抖动问题
        padding: 0px 15px;
    }
</style>