fj-dc-ui/.svn/pristine/5b/5b46074e03b86c8776f236f20aae3fcdf92bfe8a.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="duChaType" value-key="inspPblmsName" placeholder="请选择">
                    <el-option v-for="(item,index) in duchaTypeList" :key="index" :label="item.inspPblmsName" :value="item.inspPblmsName">
                    </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">
                <el-input type="textarea" :rows="2" placeholder="" v-model="xiangqingmiaoshu" readonly>
                </el-input>
            </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="详细描述">
                <el-input type="textarea" :rows="2"  placeholder="请输入内容" v-model="problemForm.inspPblmDesc" required>
                </el-input>
            </el-form-item>
            <el-form-item label="备注">
                <el-input
                        type="textarea"
                        :rows="2"
                        placeholder="请输入内容"
                        v-model="problemForm.note">
                </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">保存</el-button>
            </el-form-item>
        </el-form>
        <el-dialog
                class="pblmEascader"
                title="选择问题"
                width="60%"
                append-to-body
                :visible.sync="pblmEascaderVisible">
            <pblmEascader :objType="26" @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 '../../../utils/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: "",
                inspPblmDesc: "",
                ifCasePblm: '0',
                pblmStat: "",
                dataStat: "",
                nm: "",
                recPers: "",
                note: "",
                gwComFiles: []
            },
            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: [],
            duchaTypeList: [
                {inspPblmsName: '实地查看',value: 'fldWk'},
                {inspPblmsName: '电话询问',value: 'calls'},
                {inspPblmsName: '影像核实',value: 'imgVfct'},
                {inspPblmsName: '视频连线',value: 'vdoCnnt'}
            ],
            duChaType: ''
        }
    },
    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;

        }
    },

    methods:{
        onSubmit(problemForm) {
            let _self = this;
            if(!_self.isClicked){
                _self.$refs[problemForm].validate((valid) => {
                    if (valid) {
                        _self.problemForm.villType = '26';
                        _self.problemForm.recPers = _self.recPers
                        _self.problemForm.objId = _self.objId;
                        _self.problemForm.regid = _self.regId;
                        _self.problemForm.nm = _self.objName
                        _self.problemForm.objType = '26';
                        _self.problemForm.pblmStat = "0";
                        _self.problemForm['inspPblmName'] = _self.duChaType;
                        _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;
        },
        modelData(val){
            this.newPblmValue = val;
            this.t1 = this.newPblmValue.model[0];
            this.t2 = this.newPblmValue.model[1];
            this.t3 = this.newPblmValue.label;
        },
        selectPblm(){
            this.pblmEascaderVisible = true;
        },
        submitEascader(){
            if(!this.newPblmValue.model.length){
                this.$message.warning('问题不能为空');
                return;
            }
            this.pblmEascaderVisible = false;
        }
    },
    watch: {
        't3': {
            handler: function (val, oldVal) {
                this.xiangqingmiaoshu = val.pblmDesc;
            },
            deep: true
        },
    },
}
</script>

<style>
.media_item {
    float: left;
    width: 60px;
    font-size: 32px;
}
.pblmEascader .el-dialog__body {
    height: 15vh;
    overflow: auto;
}
</style>