fj-dc-ui/.svn/pristine/26/262a3c4e578bf4f18bc0ce5eba01fe37dd6afae5.svn-base

<template>
<div>
    <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 style="padding:10px;">
                <el-form-item label="项目名称：">
                    <p>{{formObj.name}}</p>
                </el-form-item>
                <el-form-item label="问题类别：">
                    <p>{{formObj.pblmType | typeFormatter}}</p>
                </el-form-item>
                <el-form-item label="问题描述：">
                    <p>{{formObj.pblmDesc}}</p>
                </el-form-item>
                <el-form-item label="是否整改：">
                    <p>{{formObj.rectConc | rectConcFilter}}</p>
                </el-form-item>
                <el-divider></el-divider>
                <el-form-item label="核实情况：">
                    <el-radio-group v-model="formObj.reviConc">
                        <el-radio label="1">符合</el-radio>
                        <el-radio label="2">
                            不符合
                            <i v-if="formObj.reviConc == '2' && openType" @click="addProblem" class="el-icon-circle-plus"></i>
                        </el-radio>
                    </el-radio-group>
                </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"
            :objId="currentObjectId"
            :objName="currentObjectName"
            @closeDialog="closeDialog"
            fenlei="siluan"
            :objType="objType"
            :currentObjectRgstrId="currentObjectRgstrId">
        </problem-dialog>
    </el-container>
</div>
</template>

<script>
import inputWith from "@widget/inuptWith.vue"
import request from "@util/gw_ajax_request.js"
import {getrgstrIdObject1} from "@api/duChaTianBao.js"
import {dateFormat} from "@util/gw_date.js"
import problemDialog from "../waterIntake/addProblemDialog.vue";
export default {
    components: {
        inputWith,
        problemDialog
    },
    props: ['currentObjectRgstrId', 'currentBaseId', 'currentObjectId','currentObjectName','objType','openType'],

    data() {
        return {
            formObj: {
                "name": '',
                "pblmType": "",
                "pblmDesc": "",
                'rectConc': '',
                'reviConc': '',
                'objId': '',
                'persId': ''
            },
            dialogFormVisible: false,
            showAddProblemDialog: false,
            formLabelWidth: '160px',
            loading: true,
            operationType1: '',
            currentBaseId1: '',
            currentObjectId1: '',
            locat: {
                location: "",
                admDiv: ""
            },
            gcType:[]
        }
    },
    computed: {
        recPersId() {
            return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
        }
    },
    mounted() {
        this.getRgstridObj();
    },
    watch: {
        currentObjectRgstrId(n, o) {
            this.getRgstridObj();
        },
    },
    methods: {
        getRgstridObj() {
            var _self = this;
            request.get(`/att/jskejian/water/rgstr/${_self.currentObjectRgstrId}`).then(res =>{
                if(res.success){
                    _self.formObj = res.data;
                }else{
                    _self.$message.warning(res.message)
                }

            })
        },
        addHandler(formName) {
            var _self = this;
            _self.formObj['persId'] = _self.recPersId;
            _self.formObj['rgstrId'] = _self.currentObjectRgstrId;
            _self.formObj.objId = _self.currentObjectId;
            let dataObj = {
                persId: _self.recPersId,
                rgstrId: _self.currentObjectRgstrId,
                objId: _self.currentObjectId,
                reviConc: _self.formObj.reviConc,
                id: _self.formObj.id
            }
            console.log(_self.formObj);
            try {
                this.$confirm('确认保存基础信息？', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
                }).then(() => {
                    request.post('/att/jskejian/water/rgstr', dataObj).then((res) => {
                        if (res.success) {
                        _self.$emit("addQiTaSuccess");
                        _self.getRgstridObj()
                        _self.$message.success("修改成功");
                        } else {
                        _self.$emit('cancelHandler');
                        }
                    });
                })
            } catch (e) {

            }
        },
        addProblem(){
            this.showAddProblemDialog = true
        },
        closeDialog(){
            this.showAddProblemDialog = false
        },
        cancelHandler() {
            this.$emit('cancelHandler');
        },
    },
    filters:{
        typeFormatter(pblmType){
            return pblmType == '1'? "乱占":
                pblmType == '2'? "乱采":
                pblmType == '3'? "乱堆":
                pblmType == '4'? "乱建":
                pblmType == '5'? "其他": pblmType;
        },
        rectConcFilter(rectConc){
            return rectConc == '1'? "已整改":
                rectConc == '2'? "部分整改":
                rectConc == '3'? "未整改":rectConc;
        }
    }
}
</script>

<style scoped>
.el-icon-circle-plus{
    font-size: 18px;
    margin-left: 20px;
}
</style>