fj-dc-ui/.svn/pristine/47/47db88017c7a00a82dbea257469424c288bbaf26.svn-base

<template>
    <el-form ref="problemForm" :rules="rules" :model="problemForm" label-width="100px">
        <el-form-item label="问题类别" style="text-align:left">
            <el-select v-model="t1" value-key="items" placeholder="请选择" @change="problemListChange">
                <el-option v-for="(item,index) in problemList" :key="index" :label="item.name" :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="items" @change="currentCheckPointListChange">
                <el-option v-for="(item,index) in currentCheckPointList" :key="index" :label="item.name" :value="item">
                </el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="问题描述" style="    text-align:left">
            <el-select v-model="t3" placeholder="请选择" value-key="pblmDesc" @change="currentProblemDescListChange" style="max-width: 500px">
                <el-option v-for="(item,index) in currentProblemDescList" :key="index" :label="item.pblmDesc" :value="item" :title="item.pblmDesc" style="max-width: 500px">
                </el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="详细描述">
            <el-input type="textarea" :rows="2"  placeholder="请输入内容" v-model="problemForm.inspPblmDesc" required>
            </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="列为典型问题" 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="上传照片">
            <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="saveLoading">保存</el-button>
        </el-form-item>
    </el-form>
</template>

<script>
import request from '@util/gw_ajax_request.js'
import {
    submitUpload
} from "@api/duChaAPI.js";
export default {
    props: ['objId', 'objName', 'villType', 'objType', 'problemMiddleType', 'problemSmallType', 'engId', 'currentObjectRgstrId','problData'],
    data() {
        return {
            problemForm: {
                t1: '',
                t2: '',
                t3: '',
                objId: "",
                regid: '',
                objType: "",
                // inspPblmName: "",
                inspPblmCate: "",
                inspPblmDesc: "",
                ifCasePblm: '0',

                pblmStat: "",
                dataStat: "",
                nm: "",
                recPers: "",
                note: "",
                gwComFiles: [{
                    id: "",
                    filePath: "",
                    bizId: ""
                }]
            },
            inspPblmCate:"",
            imgList: [],
            videoList: [],
            audioList: [],
            pblmStat: '',
            gwComFiles: [],
            problemList: [],
            currentCheckPointList: [],
            currentProblemDescList: [],
            t1: '',
            t2: '',
            t3: '',
            xiangqingmiaoshu: '',
            wenTiLeiBie:"",
            jianChaXiangMu:"",
            rules: {
                inspPblmDesc: [{
                        required: true,
                        message: '请输入描述',
                        trigger: 'blur'
                    },

                ],
            },
            saveLoading: false
        }
    },
    components: {
        upload: resolve => {
            require(["@widget/uploadFile.vue"], resolve);
        },
    },
    computed: {
        recPers() {
            return localStorage.getItem('userid') ? localStorage.getItem('userid') : '';
        }
    },
    created() {
        if(this.problData){
            this.getproblemSmallType();
        }else{
            this.getproblemType();
        }

    },

    methods:{
        getproblemSmallType() {
            var _self = this;
            request.get(`/dc/insp/pblms/getPblmsByQuesNum/${_self.problData}/31`)
            .then(res => {
                if (res.success) {
                    this.problemList = res.data;
                    this.problemList = res.data;
                    this.t1 = this.problemList[0]
                    this.currentCheckPointList = this.problemList[0].items
                    this.t2 = this.currentCheckPointList[0]
                    this.currentProblemDescList = this.problemList[0].items[0].items
                    this.t3 = this.currentProblemDescList[0]
                }
            })
        },
        getproblemType() {
            let result = [];
            request.get('/dc/insp/pblms/getPblmType', {
                params: {
                    type: '31',
                    pguid: '31000000000000000000000000000000'
                }
            }).then(res => {
                if (res.success) {
                    res.data.forEach((ele) => {
                        let haveinspPblmsName = false;
                        result.forEach((inspPblm) => {
                            if (inspPblm['name'] == ele.inspPblmsName) {
                                //
                                let havechekPoint = false;
                                inspPblm['items'].forEach((chekPoint) => {

                                    if (chekPoint['name'] == ele.checkPoint) {
                                        //
                                        chekPoint['items'].push({
                                            pblmDesc: ele.pblmDesc,
                                            sn: ele.sn,
                                            guid: ele.guid,
                                        });
                                        havechekPoint = true;
                                    }
                                });
                                if (!havechekPoint) {
                                    let newCheckPoint = {};
                                    newCheckPoint['name'] = ele.checkPoint;
                                    newCheckPoint['sort2'] = ele.sort2;
                                    newCheckPoint['items'] = [{
                                        pblmDesc: ele.pblmDesc,
                                        sn: ele.sn,
                                        guid: ele.guid,
                                    }]
                                    inspPblm['items'].push(newCheckPoint);
                                }
                                haveinspPblmsName = true;
                            }
                        });
                        if (!haveinspPblmsName) {
                            let haveinspPblmsObj = {};
                            haveinspPblmsObj['name'] = ele.inspPblmsName;
                            haveinspPblmsObj['sort1'] = ele.sort1;
                            haveinspPblmsObj['items'] = [{
                                name: ele.checkPoint,
                                sort2: ele.sort2,
                                items: [{
                                    pblmDesc: ele.pblmDesc,
                                    sn: ele.sn,
                                    guid: ele.guid,
                                }]
                            }];
                            result.push(haveinspPblmsObj);
                        }
                    })

                    this.problemList = result;
                }
            })
        },
        getYanZhongChengDu(){
            this.inspPblmCate = this.t3.inspPblmCate;
        },
        onSubmit(problemForm) {
            this.$refs[problemForm].validate((valid) => {
                if (valid) {
                    this.problemForm.recPers = this.recPers
                    this.problemForm.objId = this.objId;
                    this.problemForm.regid = this.currentObjectRgstrId;
                    this.problemForm.nm = this.objName
                    this.problemForm.objType = '31';
                    this.problemForm.pblmStat = "0";
                    this.problemForm['inspPblmName'] = this.t1.name;
                    this.problemForm['inspPblmsName'] = this.t2.name;//检查项目
                    this.problemForm['checkPoint'] = this.t2.name;//add by lch
                    this.problemForm['inspPblmDesc'] = this.problemForm.inspPblmDesc;
                    this.problemForm['inspPlbmType'] = this.t2.sort;
                    this.problemForm['inspPblmCode'] = this.t3.sn;
                    this.problemForm['pblmsTypeId'] = this.t3.guid;
                    this.problemForm['reviConc'] = "0";
                    console.log(this.problemForm)
                    if (!this.problemForm.inspPblmName) {
                        this.$message.info('请选择问题类别')
                        return
                    }
                    if (!this.problemForm.inspPblmsName) {
                        this.$message.info('请选择检查项目')
                        return
                    }
                     if (!this.problemForm.checkPoint) {
                        this.$message.info('请选择检查项目')
                        return
                    }
                    if (!this.problemForm.inspPblmName) {
                        this.$message.info('请选择检查事项')
                        return
                    }
                    if (!this.problemForm.inspPblmDesc) {
                        this.$message.info('请填写详细描述')
                        return
                    }
                    if(!this.saveLoading){
                        this.saveLoading = true
                        request.post('/dc/insp/pblm', this.problemForm).then(res => {
                            if (res.success) {
                                this.pblmId = res.data.pblmId;
                                this.gwComFiles = [];
                                this.pblmStat = res.data.pblmStat;
                                if (this.$refs.uploadFile.submitUpload(res.data.pblmId)) {
                                    this.removeNewSupervision();
                                }
                            }
                            this.saveLoading = false
                        }).catch(err=>{
                            this.saveLoading = 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);
            }
            this.$message.success('保存成功')
            this.$emit('closeDialog')
            this.gwComFiles = [];
            this.$refs.uploadFile.init();
        },
        problemListChange: function (item) {
            this.t1 = item
            this.currentCheckPointList = item.items;
        },
        currentCheckPointListChange: function (item) {
            this.t2 = item
            this.currentProblemDescList = item.items;
        },
        currentProblemDescListChange: function (item) {
            console.log(item);
        },
    },
    watch: {
        't1': {
            handler: function (val, oldVal) {
                // console.log("详情"+val.pblmDesc)
                this.wenTiLeiBie = val.inspPblmsName;
                this.getYanZhongChengDu()
            },
            deep: true
        },
        't2': {
            handler: function (val, oldVal) {
                this.jianChaXiangMu = val.checkPointName;
                this.getYanZhongChengDu()
            },
            deep: true
        },
        't3': {
            handler: function (val, oldVal) {
                this.xiangqingmiaoshu = val.pblmDesc;
                this.getYanZhongChengDu()
            },
            deep: true
        },
    },
}
</script>

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

/*.el-select--mini {*/
    /*width: 100%;*/
/*}*/
</style>