fj-dc-ui/.svn/pristine/42/429dcbdf868e5ad1a822b620a883eae978d63dd7.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" :label-width="formLabelWidth">
                    <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span
                            style="width:120px;padding-left: 10px">基本信息</span>
                            <el-button type="warning" style="float: right;" @click="imageClick">影像</el-button>
                            <el-button type="warning" style="float: right;margin-right: 10px" @click="recentAppearance">近期面貌
                            </el-button>
                        <!-- <el-button type="danger" plain style="float: right;margin-right: 20px"
                            @click="dialogFormVisible2 = true">纠错</el-button> -->
                    </p>
                    <el-form-item label="项目名称">
                        <el-input v-model="addObj.wtdstNm" autocomplete="off" readonly style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="地区">
                        <el-input v-model="addObj.adName" autocomplete="off" readonly style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="工程类型">
                        <el-input v-model="addObj.wtdstType" autocomplete="off" readonly style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="主管单位">
                        <el-input v-model="addObj.orgId" autocomplete="off" readonly style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="水毁等级">
                        <el-input v-model="addObj.wtdstLev" autocomplete="off" readonly style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="主要工程量">
                        <el-input v-model="addObj.wtdstWrkam" autocomplete="off" readonly style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="项目状况">
                        <el-select v-model="addObj.prjState" placeholder="请选择" disabled>
                            <el-option v-for="item in prjStateList" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- <el-form-item>
                        <el-button type="primary" @click="addMember">确 定</el-button>
                    </el-form-item> -->
                </el-form>

            </el-main>
        </el-container>
        <!-- 纠错弹窗 -->
        <el-dialog :title="'基本信息纠错'" :visible.sync="dialogFormVisible2" append-to-body :close-on-click-modal="false">
            <el-container style="height:300px;">
                <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
                    <el-form :model="addObj" :label-width="formLabelWidth">
                        <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="项目名称" :rules="{required: true}">
                            <el-input v-model="editObj.wtdstNm" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="项目类别" :rules="{required: true}">
                            <el-input v-model="editObj.wtdstType" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="所在地点" :rules="{required: true}">
                            <el-input v-model="editObj.locNm" autocomplete="off" readonly style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="主管单位" :rules="{required: true}">
                            <el-input v-model="editObj.mangNm" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="水毁等级" :rules="{required: true}">
                            <el-input v-model="editObj.wtdstLev" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="中央资金批次" :rules="{required: true}">
                            <el-input v-model="editObj.prjamntTcfBch" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="文号" :rules="{required: true}">
                            <el-input v-model="editObj.prjamntTcfNo" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="金额" :rules="{required: true}">
                            <el-input v-model="editObj.prjamntTcfSum" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="地方资金" :rules="{required: true}">
                            <el-input v-model="editObj.prjamntMony" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="合计" :rules="{required: true}">
                            <el-input v-model="editObj.prjamntSum" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="项目状况" :rules="{required: true}">
                            <el-input v-model="editObj.prjState" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="资金进度" :rules="{required: true}">
                            <el-input v-model="editObj.fdPlan" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="年度" :rules="{required: true}">
                            <el-input v-model="editObj.year" autocomplete="off" readonly style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="经度" :rules="{required: true}">
                            <el-input v-model="editObj.centerX" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="纬度" :rules="{required: true}">
                            <el-input v-model="editObj.centerY" autocomplete="off" readonly style="width:70%;">
                            </el-input>
                        </el-form-item>
                    </el-form>
                </el-main>
            </el-container>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible2 = false" v-if="openType">取 消</el-button>
                <el-button type="primary" @click="addBaseinfo" v-if="openType">确 定</el-button>
            </div>
        </el-dialog>
        <theRecentAppearance v-if="jqmmShow" @jqmmDialogClose="jqmmDialog" :jqmmShow="jqmmShow" :openType="openType"
            :jqmmEngId="currentObjectRgstrId" :dialogTitle="rowData.wtdstNm + '近期面貌'" style="z-index: 9999;">
        </theRecentAppearance>
        <!--影像弹窗-->
        <el-dialog :title="rowData.wtdstNm + '影像'" :visible.sync="imageShow" append-to-body
            :close-on-click-modal="false" width="60%">
            <div style="height: 60vh;">
                <mapLocation ref="mapRef" v-if="imageShow" :gdX="centerX" :gdY="centerY"></mapLocation>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    import inputWith from "@widget/inuptWith.vue"
    import request from "@util/gw_ajax_request.js"
    import theRecentAppearance from '../../duChaDuiXiang/theRecentAppearance'
    import unlimitDatePicker from '@baseWidget/unLimitdatePicker.vue'
    import mapLocation from '../mapLocation'
    import {
        getrgstrIdObject1
    } from "@api/duChaTianBao.js"
    import {
        dateFormat
    } from "@util/gw_date.js"
    export default {
        components: {
            inputWith: inputWith,
            unlimitDatePicker: unlimitDatePicker,
            theRecentAppearance,
            mapLocation
        },
        props: ['rowData', 'curOperate', 'currentObjectRgstrId','openType'],

        data() {
            return {
                addObj: {
                    wtdstNm: '',
                    wtdstType: '',
                    locNm: '',
                    // mangNm: '',//主管单位
                    disContent: '',
                    wkstate: '',
                    planTm: '',
                    // adNm: '',
                    // note: '',
                    inspPblmDesc: '',
                    chkWay: "",//督查方式
                    loac: "",//位置
                    // cost: "",//投入资金
                    // planRcvr: "",//修复进度

                },
                editObj: {
                    wtdstNm: '',
                    wtdstType: '',
                    locNm: '',
                    wtdstId: ''
                },
                dialogFormVisible2: false,
                jqmmShow: false,
                isReadonly: false,
                prjStateList: [
                    {
                        label: '招投标',
                        value: '招投标',
                    },
                    {
                        label: '已开工',
                        value: '已开工',
                    },
                    {
                        label: '评审',
                        value: '评审',
                    }
                ],
                dialogFormVisible: false,
                formLabelWidth: '120px',
                loading: true,
                operationType1: '',
                currentResCode1: '',
                currentObjectId1: '',
                value1: '',
                provList: [],
                cityList: [],
                countryList: [],
                provName: '',
                cityName: '',
                countryName: '',
                provNames: '',
                cityNames: '',
                countryNames: '',
                curSelectItem: 0,
                showLocSelect: false,
                locat: {
                    location: "",
                    admDiv: ""
                },
                xcztShow: false,
                imageShow: false,
                xcztEngId: '',
                centerX: 0,
                centerY: 0,
                saveLoading: false
            }
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
            },
            formatDate() {
                return dateFormat
            }
        },
        mounted() {
            this.toAddMember()
        },
        watch: {
            currentObjectRgstrId(n, o) {
                this.toAddMember();
            },
            showLocSelect(val) {
                if (!val) {
                    this.formObj.location = this.locat.location
                    this.formObj.admDiv = this.locat.admDiv
                    this.provName = ''
                    this.cityName = ''
                    this.countryName = ''
                }
            }
        },
        methods: {
            cancelHandler() {
                this.$emit('cancelHandler');
            },
            toAddMember() {
                let row = this.rowData;
                let _self = this;
                request.get(`dc/insp/bisInspWtdst/${row.wtdstId}`).then(res => {
                    if (res.data && Object.keys(res.data).length) {
                        this.addObj = res.data
                        this.dialogFormVisible = true
                    }
                })
            },
            addBaseinfo() {
                request.post('/dc/insp/bisInspWtdst/update', this.editObj).then(res => {
                    if (res.success) {
                        this.$message.success('修改成功')
                        this.dialogFormVisible2 = false
                        this.getTrackList()
                    } else {
                        this.$message.success(res.message)
                    }
                })
            },
            //  近期面貌
            recentAppearance() {
                this.jqmmShow = true;
            },
            jqmmDialog() {
                this.jqmmShow = false;
            },
            //影像
            imageClick() {
                this.centerX = this.rowData.centerXGd;
                this.centerY = this.rowData.centerYGd;
                if (!this.centerX && !this.centerY) {
                    this.$message.warning('暂无经纬度信息！');
                    return false;
                }
                this.imageShow = true;
            }
        },
    }
</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>