fj-dc-ui/.svn/pristine/2c/2caa59e7f72086c6d124025aa1428eed08fe2dd9.svn-base

<template>
    <div>
        <el-form ref="problemForm" :rules="rules" :model="problemForm" label-width="80px">
            <el-form-item>
                <el-button type="text" @click="selectPblm" style="float: left;">选择问题</el-button>
            </el-form-item>
            <el-form-item label="问题类别" style="text-align:left">
                <el-select v-model="t1" value-key="inspPblmsName" placeholder="请选择" disabled>
                    <el-option v-for="(item,index) in problemList" :key="index" :label="item.inspPblmsName"
                        :value="item">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="检查项目" style="text-align:left">
                <el-select v-model="t2" placeholder="请选择" value-key="checkPointName" disabled>
                    <el-option v-for="(item,index) in currentCheckPointList" :key="index" :label="item.checkPointName"
                        :value="item">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="问题描述" style="text-align:left">
                <el-input v-model="t3" type="textarea" :rows="4" placeholder="" disabled></el-input>
            </el-form-item>
            <el-form-item label="严重程度:" style="text-align:left" prop="inspPblmCate">
                <p v-if="inspPblmCate == 0">一般</p>
                <p v-if="inspPblmCate == 1">较重</p>
                <p v-if="inspPblmCate == 2">严重</p>
                <p v-if="inspPblmCate == 3">特别严重</p>
            </el-form-item>
            <el-form-item label="典型问题" label-width="80px" style="text-align:left">

                <el-radio v-model="problemForm.ifCasePblm" label="1">是</el-radio>
                <el-radio v-model="problemForm.ifCasePblm" label="0">否</el-radio>
            </el-form-item>
            <el-form-item label="具体描述" prop="inspPblmDesc">
                <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="problemForm.inspPblmDesc">
                </el-input>
            </el-form-item>
            <el-form-item label="建议措施" :rules="{required: false}">
                <el-input type="textarea" v-model="problemForm.note" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="备注">
                <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="problemForm.wtdstNote">
                </el-input>
            </el-form-item>
            <el-form-item label="上传照片">
                <upload ref="uploadFile" :url="`/pdcApi/file/insert?bizId=`" @uploadOver="removeNewSupervision"></upload>
            </el-form-item>
            <el-form-item style="margin-top: 50px">
                <el-button type="primary" @click="onSubmit('problemForm')" style="width: 100px;float:right"
                    :loading="isClicked">保存</el-button>
            </el-form-item>
        </el-form>
        <el-dialog class="pblmEascader" title="选择问题" width="60%" append-to-body :visible.sync="pblmEascaderVisible">
            <pblmEascader :objType="3" @modelData="modelData" :vmodelData="newPblmValue" :t3="t3"></pblmEascader>
            <span slot="footer">
                <el-button @click="pblmEascaderVisible=false">返 回</el-button>
                <el-button type="primary" @click="submitEascader">确 定</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
    import request from '@util/gw_ajax_request.js'
    import pblmEascader from '../../duChaTianBao/project/pblmEascader'
    import {
        submitUpload
    } from "@api/duChaAPI.js";
    export default {
        props: ['objId', 'objName', 'villType', 'objType', 'engId', 'regId', 'newModelData'],
        data() {
            return {
                problemForm: {
                    t1: '',
                    t2: '',
                    t3: '',
                    villType: '',
                    objId: "",
                    regid: '',
                    objType: "",
                    // inspPblmName: "",
                    inspPblmCate: "",
                    inspPblmDesc: "",
                    ifCasePblm: '0',
                    pblmStat: "",
                    dataStat: "",
                    nm: "",
                    recPers: "",
                    note: "",
                    gwComFiles: [{
                        id: "",
                        filePath: "",
                        bizId: ""
                    }]
                },
                inspPblmCate: "",
                inspPlamCatelist: ['一般', '较重', '严重'],
                imgList: [],
                videoList: [],
                audioList: [],
                pblmStat: '',
                gwComFiles: [],
                problemList: [],
                tempResult: [], // add by lch
                currentCheckPointList: [],
                currentProblemDescList: [],
                t1: '',
                t2: '',
                t3: '',
                xiangqingmiaoshu: '',
                wenTiLeiBie: "",
                jianChaXiangMu: "",
                rules: {
                    inspPblmDesc: [{
                        required: true,
                        message: '请输入问题描述',
                        trigger: 'blur'
                    },

                    ],
                },
                isClicked: false,
                pblmEascaderVisible: false,
                newPblmValue: []
            }
        },
        components: {
            upload: resolve => {
                require(["../../../widgets/uploadFile.vue"], resolve);
            },
            pblmEascader
        },
        computed: {
            recPers() {
                return localStorage.getItem('userid') ? localStorage.getItem('userid') : '';
            }
        },
        mounted() {
            this.newPblmValue = this.newModelData;
            if (this.newPblmValue) {
                this.t1 = this.newPblmValue.model[0];
                this.t2 = this.newPblmValue.model[1];
                this.t3 = this.newPblmValue.label;
                this.getYanZhongChengDu();

            }
        },

        methods: {
            getYanZhongChengDu() {
                if (this.t1) {
                    request.post('/dc/insp/pblms/getPblmsByType', {
                        inspPblmsName: this.t1,
                        checkPoint: this.t2,
                        pblmDesc: this.t3,
                        type: this.objType
                    }).then(res => {
                        if (res.success) {
                            console.log("验证" + res);
                            this.inspPblmCate = res.data.inspPblmCate;
                        }
                    })
                }
            },
            onSubmit(problemForm) {
                let _self = this;
                if (!_self.isClicked) {
                    _self.$refs[problemForm].validate((valid) => {
                        if (valid) {
                            _self.problemForm.villType = '0';
                            _self.problemForm.recPers = _self.recPers
                            _self.problemForm.objId = _self.objId;
                            _self.problemForm.regid = _self.regId;
                            _self.problemForm.nm = _self.objName
                            _self.problemForm.objType = '3';
                            _self.problemForm.pblmStat = "0";
                            _self.problemForm['inspPblmCate'] = _self.inspPblmCate;// add by lch 解决添加问题时 该字段不能为空的错
                            _self.problemForm['inspPblmName'] = _self.t1;
                            _self.problemForm['inspPblmDesc'] = _self.problemForm.inspPblmDesc;
                            _self.problemForm['inspPlbmType'] = _self.t2;
                            // this.problemForm['inspPblmName'] = this.t3.pblmDesc;
                            _self.problemForm['inspPblmCode'] = _self.t3;
                            _self.problemForm['pblmsTypeId'] = _self.newPblmValue.model[2];
                            if (!_self.problemForm.inspPblmName) {
                                _self.$message.info('问题类别不能为空')
                                return
                            }
                            if (!_self.problemForm.inspPlbmType) {
                                _self.$message.info('检查项目不能为空')
                                return
                            }
                            if (!_self.problemForm.inspPblmCode) {
                                _self.$message.info('问题描述不能为空')
                                return
                            }
                            _self.isClicked = true
                            request.post('/dc/insp/pblm', _self.problemForm).then(res => {
                                if (res.success) {
                                    _self.pblmId = res.data.pblmId;
                                    _self.gwComFiles = [];
                                    _self.pblmStat = res.data.pblmStat;
                                    if (_self.$refs.uploadFile.submitUpload(res.data.pblmId)) {
                                        _self.removeNewSupervision();
                                    }
                                }
                                _self.isClicked = false
                            })
                        } else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                }
            },
            // 文件上传
            submitUpload() {
                this.$refs.upload.submit();
            },
            updatefilelist(arg) {
                request.post('/dc/insp/pblm/update', {
                    pblmId: this.pblmId,
                    gwComFiles: arg,
                    pblmStat: this.pblmStat
                }).then(res => {
                    this.removeNewSupervision()
                });
            },
            removeNewSupervision(arg) {
                if (arg) {
                    console.log(arg);
                    var args = this.gwComFiles.concat(arg);
                    this.updatefilelist(args);
                    return;
                }
                this.$message.success('保存成功')
                this.$emit('closeDialog')
                this.gwComFiles = [];
                this.$refs.uploadFile.init();
            },
            problemListChange: function (item) {
                this.currentCheckPointList = item.checkPoints;
            },
            currentCheckPointListChange: function (item) {
                this.currentProblemDescList = item.pblmDescs;
            },
            // currentProblemDescListChange: function (item) {
            //     console.log(item);
            // },
            modelData(val) {

                this.newPblmValue = val;
                this.t1 = this.newPblmValue.model[0];
                this.t2 = this.newPblmValue.model[1];
                this.t3 = this.newPblmValue.label;
                this.getYanZhongChengDu();
            },
            selectPblm() {
                this.pblmEascaderVisible = true;
            },
            submitEascader() {
                if (!this.newPblmValue.model.length) {
                    this.$message.warning('问题不能为空');
                    return;
                }
                this.pblmEascaderVisible = false;
            }
        },
        watch: {

        },
    }
</script>

<style>
    .media_item {
        float: left;
        width: 60px;
        font-size: 32px;
    }

    /*.el-select--mini {*/
    /*width: 100%;*/
    /*}*/
    .pblmEascader .el-dialog__body {
        height: 15vh;
        overflow: auto;
    }
</style>