fj-dc-ui/.svn/pristine/fb/fb608919c82b9969f257ea13ba2fe3d70e6a53ef.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;">
                <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
                <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules" :disabled="ifView">
                    <p style="margin-top:10px;margin-bottom: 10px">
                        <i class="left-vertical"></i>
                        <!--<span class="hrs"></span>-->
                    </p>
                    <el-form-item label="初查年度">
                        <el-input v-model="formObj.inspYear" autocomplete="off" style="width:70%;" :readonly="organCode.substring(0,2)=='35'"></el-input>
                    </el-form-item>
                    <el-form-item label="原工况评价">
                        <el-input v-model="formObj.wcEvltOld" autocomplete="off" style="width:70%;" :readonly="organCode.substring(0,2)=='35'"></el-input>
                    </el-form-item>
                    <el-form-item label="工况总体评价" prop="wcEvltNow">
                        <el-radio v-model="formObj.wcEvltNow" label="1">重大安全隐患</el-radio>
                        <el-radio v-model="formObj.wcEvltNow" label="2">一般安全隐患</el-radio>
                        <el-radio v-model="formObj.wcEvltNow" label="3">正常安全运行</el-radio>
                    </el-form-item>
                    <el-form-item label="重大安全隐患主要表现" v-if="formObj.wcEvltNow  == '1'">
                        <el-select v-model="formObj.mshTmp" clearable placeholder="请选择">
                            <el-option v-for="item in zdaqyhOption" :key="item.value" :label="item.label"
                                       :value="item.value"></el-option>
                        </el-select>
                        <br/>
                        <el-input type="textarea" :rows="4" v-model="formObj.chkDesc" autocomplete="off" v-if="formObj.mshTmp == 5" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="水库检查类型">
                        <el-radio v-model="formObj.chkType" label="1">重大安全隐患排查</el-radio>
                        <el-radio v-model="formObj.chkType" label="2">整改情况复查</el-radio>
                        <el-radio v-model="formObj.chkType" label="3">其他</el-radio>
                    </el-form-item>
                    <el-form-item label="是否到现场">
                        <el-radio v-model="formObj.isSite" label="1">是</el-radio>
                        <el-radio v-model="formObj.isSite" label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否已实施除险加固" v-if="formObj.chkType == 1">
                        <el-radio v-model="formObj.isTrhbco" label="1">是</el-radio>
                        <el-radio v-model="formObj.isTrhbco" label="2">否</el-radio>
                    </el-form-item>
                    <div v-if="formObj.isTrhbco == 1">
                        <el-form-item label="类型">
                            <el-radio v-model="formObj.trhbcoInfo" label="1">遗留问题</el-radio>
                            <el-radio v-model="formObj.trhbcoInfo" label="2">灾后薄弱</el-radio>
                            <el-radio v-model="formObj.trhbcoInfo" label="3">遗留问题及灾后薄弱</el-radio>
                        </el-form-item>
                        <el-form-item label="已实施除险加固开工时间">
                            <el-date-picker
                                v-model="formObj.trhbcoSttm"
                                type="date"
                                placeholder="请选择"
                                value-format="yyyy-MM-dd">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="已实施除险加固完工时间">
                            <el-date-picker
                                v-model="formObj.trhbcoEntm"
                                type="date"
                                placeholder="请选择"
                                value-format="yyyy-MM-dd">
                            </el-date-picker>
                        </el-form-item>

                    </div>
                    <!--          <el-form-item label="管理单位">-->
                    <!--            <el-input v-model="formObj.mngUnit" autocomplete="off" style="width:70%;"></el-input>-->
                    <!--          </el-form-item>-->
                    <!--          <el-form-item label="责任单位">-->
                    <!--            <el-input v-model="formObj.dutyUnit" autocomplete="off" style="width:70%;"></el-input>-->
                    <!--          </el-form-item>-->
                    <el-form-item label="">
                        <el-button type="primary" @click="addHandler" :loading="saveLoading">保 存</el-button>
                    </el-form-item>
                </el-form>
            </el-main>
            <problem-dialog
                v-if="showAddProblemDialog"
                :objType="1"
                :villType="0"
                :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 {getRsvrynRgstrChkInfo} from "@api/duChaTianBao.js"
    import {dateFormat} from "@util/gw_date.js"

    export default {
        components: {
            inputWith: inputWith,
            problemDialog
        },
        props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'rowData', 'ifView'],

        data() {
            return {
                objtbStatu: {
                    presStat: "",
                    rgstrId: "",
                },
                rules: {
                    wcEvltNow: [
                        {required: true}
                    ],
                },
                formObj: {
                    inspYear: '',//初查年度 ,
                    wcEvltOld: '',//原工况评价 ,
                    wcEvltNow: '',//工况总体评价(1:重大安全隐患;2:一般安全隐患;3:正常安全运行;) ,
                    mshTmp: '',//重大安全隐患主要表现 ,
                    chkType: '',//水库检查类型(1:重大安全隐患排查;2:整改情况复查;3:其他) ,
                    isTrhbco: '',//是否已实施除险加固(1:是;2:否;) ,
                    trhbcoInfo: '',//已实施除险加固情况(1:遗留问题;2:灾后薄弱;3:遗留问题及灾后薄弱;) ,
                    trhbcoSttm: '',//已实施除险加固开工时间 ,
                    trhbcoEntm: '',//已实施除险加固完工时间 ,
                    mngUnit: '',//管理单位 ,
                    dutyUnit: '',//责任单位 ,
                    isSite: '',//是否到现场
                    chkDesc: ''
                },
                zdaqyhOption: [
                    {
                        label: '挡水建筑物存在危险',
                        value: '1'
                    },
                    {
                        label: '挡水建筑物异常渗漏、流土',
                        value: '2'
                    },
                    {
                        label: '泄洪建筑物存在危险',
                        value: '3'
                    },
                    {
                        label: '放水建筑物存在危险',
                        value: '4'
                    },
                    {
                        label: '其他',
                        value: '5'
                    }
                ],
                dialogFormVisible: false,
                formLabelWidth: '200px',
                loading: true,
                operationType1: '',
                rsvrRules: null,
                probId: '',
                showAddProblemDialog: false,
                saveLoading: false
            }
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
            },
            organCode() {
                return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
            }
        },
        created() {
            // this.findItemByType()
        },
        mounted() {
            this.$nextTick(() => {
                console.log(this.rowData.inspType);
                this.getRgstridObj();
            })
        },
        watch: {
            currentObjectRgstrId(n, o) {
                this.getRgstridObj();
            },
        },
        methods: {
            getRgstridObj() {
                var _self = this;
                getRsvrynRgstrChkInfo(_self.currentObjectRgstrId).then((res) => {
                    if (Object.keys(res.data).length) {
                        _self.formObj = res.data;
                        _self.formObj.trhbcoEntm = res.data.trhbcoEntm ? dateFormat(res.data.trhbcoEntm, 'yyyy-MM-dd') : '';
                        _self.formObj.trhbcoSttm = res.data.trhbcoSttm ? dateFormat(res.data.trhbcoSttm, 'yyyy-MM-dd') : '';
                        _self.operationType1 = 'update';
                        // if (_self.rowData.inspType == 1) {
                        //     _self.formObj.isSite = '1';
                        // }
                        // if (_self.rowData.isSaf == 1) {
                        //   _self.formObj.wcEvltNow = '1';
                        // }
                    } else {
                        _self.formObj = {};
                        _self.operationType1 = 'add';
                    }
                });
            },
            addHandler() {
                if (!this.formObj.wcEvltNow) {
                    this.$message.warning('请选择工况总体评价');
                    return
                }
                var _self = this;
                _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
                _self.formObj['recPersId'] = _self.recPersId;
                console.log(_self.formObj);
                _self.objtbStatu.rgstrId = _self.currentObjectRgstrId;
                if (_self.formObj.wcEvltNow &&
                    _self.formObj.chkType &&
                    _self.formObj.isSite) {
                    this.formObj.status = "2"
                } else {
                    this.formObj.status = "1"
                }
                if (_self.formObj.wcEvltNow === undefined &&
                    _self.formObj.chkType === undefined &&
                    _self.formObj.isSite === undefined) {
                    this.formObj.status = "0"
                }
                this.$confirm('确认保存水库检查情况信息？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                })
                    .then(() => {
                        if (_self.operationType1 == 'add') {
                            try {
                                if (!this.saveLoading) {
                                    this.saveLoading = true;
                                    request.post('/bis/insp/rsvryn/chk/info', _self.formObj).then((res) => {
                                        if (res.success) {
                                            _self.$message.success("添加成功");
                                            _self.getRgstridObj();
                                            _self.$emit("addShuiKuSuccess");
                                        }
                                        this.saveLoading = false
                                    }).catch(err => {
                                        this.saveLoading = false
                                    });
                                }
                            } catch (e) {

                            }
                        } else if (_self.operationType1 == 'update') {
                            try {
                                if (!this.saveLoading) {
                                    this.saveLoading = true;
                                    request.post('/bis/insp/rsvryn/chk/info', _self.formObj).then((res) => {
                                        if (res.success) {
                                            _self.$message.success("修改成功");
                                            _self.getRgstridObj();
                                            _self.$emit("addShuiKuSuccess");
                                        }
                                        this.saveLoading = false
                                    }).catch(err => {
                                        this.saveLoading = false
                                    });
                                }
                            } catch (e) {

                            }
                        }
                    })
                    .catch(() => {

                    });
            },
            cancelHandler() {
                this.$emit('cancelHandler');
            },
            findItemByType() {
                const obj = {
                    tname: "BIS_INSP_BASE_PRES_EXT"
                }
                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
            },
            formatRadio(val) {
                if (val == '1') {
                    return '是'
                } else if (val == '2') {
                    return '否'
                } else {
                    return val
                }
            },
            closePlDialog(val) {
                this.showAddProblemDialog = false;
            }
        },

    }

</script>

<style>
    #dcdxHeader {
        padding: 15px 20px;
    }

    #dxdcFooter {
        text-align: center;
    }

    #dxdcAside {
        border: 1px solid #d5d5ff;
    }

    .left-vertical {
        width: 8px;
        height: 24px;
        background: #00b0f0;
        display: inline-block;
        vertical-align: bottom;
    }

    .hrs {
        display: inline-block;
        width: calc(100% - 40px);
        margin-left: 10px;
        height: 1px;
        vertical-align: middle;
        background-color: #ddd;
    }

    .el-dialog__wrapper .el-treeWhite {
        /* max-height: 260px !important; */
    }

    .add-problem-icon {
        font-size: 16px;
    }
</style>