fj-dc-ui/.svn/pristine/dd/dda6c0dbfedca670a7001f258204c3ed304701ec.svn-base

<template>
    <div>
        <el-container>
            <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="addObj" :rules="rules" :label-width="formLabelWidth" ref="addObjRef">
                    <p style="margin-top:10px;margin-bottom: 10px">
                        <i class="el-icon-caret-right"></i>
                        <span style="width:120px;padding-left: 10px">督查信息</span>
                        <span class="hrs"></span>
                    </p>
                    <el-form-item label="所在位置" prop="loac">
                        <el-input v-model="addObj.loac" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="督查方式" prop="chkWay">
                        <el-select v-model="addObj.chkWay" placeholder="请选择" style="width:70%;">
                            <el-option v-for="item in dcTypeList" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="现场检查日期" prop="chkTime">
                        <el-date-picker v-model="addObj.chkTime" type="date" placeholder="选择日期" value-format="timestamp" style="width:70%;">
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item label="水毁情况" prop="disContent">
                        <el-input v-model="addObj.disContent" :rows="3" type="textarea" autocomplete="off"
                            style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="修复进度" prop="wkstate">
                        <el-select v-model="addObj.wkstate" placeholder="请选择" style="width:70%;">
                            <el-option v-for="item in TrackProgress" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="计划完成日期" prop="planTm">
                        <el-date-picker v-model="addObj.planTm" type="date" placeholder="选择日期" value-format="timestamp" style="width:70%;">
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="addMember" v-if="openType">确 定</el-button>
                    </el-form-item>
                </el-form>

            </el-main>
        </el-container>
    </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js"
    export default {
        components: {
        },
        props: ['rowData', 'curOperate', 'currentObjectRgstrId','openType'],

        data() {
            return {
                addObj: {
                    loac: '',
                    chkWay: '',
                    chkTime: '',
                    disContent: '',
                    wkstate: '',
                    planTm: '',
                },
                dialogFormVisible2: false,
                jqmmShow: false,
                isReadonly: false,
                dcTypeList: [
                    {
                        label: '现场暗访',
                        value: '1',
                    },
                    {
                        label: '电话问询',
                        value: '2',
                    },
                    {
                        label: '影像核实',
                        value: '3',
                    },
                    {
                        label: '遥感远程分析',
                        value: '4',
                    },
                    {
                        label: '其他',
                        value: '5',
                    },

                ],
                TrackProgress: [
                    {
                        label: '未开工',
                        value: '3',
                    },
                    {
                        label: '正修复（未复工）',
                        value: '2',
                    },
                    {
                        label: '正修复',
                        value: '1',
                    },
                    {
                        label: '已修复',
                        value: '0',
                    },
                ],
                dialogFormVisible: false,
                formLabelWidth: '120px',
                loading: true,
                operationType1: '',
                currentResCode1: '',
                currentObjectId1: '',
                value1: '',
                provList: [],
                cityList: [],
                countryList: [],
                provName: '',
                cityName: '',
                countryName: '',
                provNames: '',
                cityNames: '',
                countryNames: '',
                curSelectItem: 0,
                xcztShow: false,
                imageShow: false,
                xcztEngId: '',
                centerX: 0,
                centerY: 0,
                saveLoading: false,
                rules: {
                    loac: [
                        { required: true, message: '请输入所在位置', trigger: 'blur' }
                    ],
                    chkWay: [
                        { required: true, message: '请选择督查方式', trigger: 'change' }
                    ],
                    chkTime: [
                        { type: 'date', required: true, message: '请选择现场检查日期', trigger: 'change' }
                    ],
                    disContent: [
                        { required: true, message: '请输入水毁情况', trigger: 'blur' }
                    ],
                    wkstate: [
                        { required: true, message: '请选择修复进度', trigger: 'change' }
                    ],
                    planTm: [
                        { required: true, message: '请选择计划完成日期', trigger: 'change' }
                    ],
                }
            }
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
            },
        },
        mounted() {
            this.toAddMember();
        },
        watch: {
            currentObjectRgstrId(n, o) {
                this.toAddMember();
            },
        },
        methods: {
            cancelHandler() {
                this.$emit('cancelHandler');
            },
            toAddMember() {
                let row = this.rowData;
                let _self = this;
                request.get(`/dc/insp/wtdstTrack/${row.trackId}`).then(res => {
                    if (res.data && Object.keys(res.data).length) {
                        _self.trackId = res.data.trackId;
                        this.objId = row.objId;
                        this.objName = row.objName;
                        this.objType = row.objType;
                        let rowObj = {}
                        Object.assign(rowObj, res.data)

                        this.addObj = rowObj
                        this.addObj['trackId'] = this.trackId;
                        this.addObj['wtdstId'] = row.wtdstId
                        if (!this.addObj['disContent']) {
                            this.addObj['disContent'] = row.disContent;
                        }
                        this.addObj.wtdstId = row.wtdstId
                        this.isReadonly = false;

                        this.dialogFormVisible = true
                    } else {
                        request.post('/dc/insp/wtdstTrack/insert', { 'objId': row.objId, 'recPersId': this.recPersId, 'wtdstId': row.wtdstId }).then(res => {
                            if (res.data) {
                                _self.trackId = res.data.id;
                                this.objId = row.objId;
                                this.objName = row.objName;
                                this.objType = row.objType;
                                let rowObj = {}
                                Object.assign(rowObj, res.data)

                                this.addObj['inspPblmDesc'] = '';
                                this.addObj['note'] = '';
                                this.addObj['trackId'] = this.trackId;
                                this.addObj['wtdstId'] = row.wtdstId
                                this.addObj['objId'] = row.objId
                                this.addObj['objName'] = row.objName
                                if (!this.addObj['disContent']) {
                                    this.addObj['disContent'] = row.disContent;
                                }
                                this.isReadonly = false;

                                this.dialogFormVisible = true
                            } else {
                                console.log('添加水毁登记表错误');
                            }
                        })
                    }
                })
            },
            addMember() {
                this.$refs.addObjRef.validate((valid) => {
                    if (valid) {
                        this.addObj.recPersId = this.recPersId
                        this.addObj['state'] = '1'
                        if (this.curOperate == '添加') {
                            if (!this.saveLoading) {
                                this.saveLoading = true
                                request.post('/dc/insp/wtdstTrack/insert', this.addObj).then((res) => {
                                    if (res.success) {
                                        this.$message.success('添加成功');
                                        this.$emit("addShuiKuSuccess");
                                    } else {
                                        this.$message.error(res.message)
                                    }
                                    this.saveLoading = false
                                }).catch(err => {
                                    this.saveLoading = false
                                });
                            }
                        } else if (this.curOperate == '编辑') {
                            if (!this.saveLoading) {
                                this.saveLoading = true
                                request.post('/dc/insp/wtdstTrack/update', this.addObj).then((res) => {
                                    if (res.success) {
                                        this.$message.success('修改成功');
                                        this.$emit("addShuiKuSuccess");
                                    } else {
                                        this.$message.error(res.message)
                                    }
                                    this.saveLoading = false
                                }).catch(err => {
                                    this.saveLoading = false
                                });
                            }
                        }
                    }
                })
            },
            addBaseinfo() {
                request.post('/dc/insp/bisInspWtdst/update', this.addObj).then(res => {
                    if (res.success) {
                        this.$message.success('修改成功')
                        this.dialogFormVisible2 = false
                        this.getTrackList()
                    } else {
                        this.$message.success(res.message)
                    }
                })
            },

        },
    }
</script>

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

    #dxdcFooter {
        text-align: center;
    }

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

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