fj-dc-ui/.svn/pristine/af/afdfa9bd7e8707a9d5e0dfd891853db0660cc603.svn-base

<template>
    <el-dialog title="添加灌区" :visible.sync="dialogFormVisible" @close="cancelHundler" append-to-body>
        <el-form ref="irriRef" :model="form" :rules="rule" label-width="180px">
            <el-form-item label="灌区名称" prop="irrName">
                <el-input type="text" v-model="form.irrName"></el-input>
            </el-form-item>
            <el-form-item label="灌区代码">
                <el-input type="text" v-model="form.irrCode"></el-input>
            </el-form-item>
            <el-form-item label="行政区划">
                <addvSearch
                    v-model="form.adName"
                    :maxHeight='300'
                    :maxWidth='250'
                    :rootAddCode='rootAddCode'
                    :level='"4"'
                    :nameOrCode="'name'"
                    @addvTreeNodeClick="addvTreeNodeClick"
                ></addvSearch>
            </el-form-item>
            <el-form-item label="开工时间">
                <unlimitDatePicker v-model="form.startDate" :editable="false" type="date"  placeholder="选择日期">
                </unlimitDatePicker>
            </el-form-item>
            <el-form-item label="建成时间">
                <unlimitDatePicker v-model="form.compDate" :editable="false" type="timestamp"  placeholder="选择日期">
                </unlimitDatePicker>
            </el-form-item>
            <el-form-item label="设计灌溉面积（亩）">
                <el-input type="text" v-model="form.desIrrArea"></el-input>
            </el-form-item>
            <el-form-item label="有效灌溉面积（亩）">
                <el-input type="text" v-model="form.effIrrArea"></el-input>
            </el-form-item>
            <el-form-item label="总灌溉面积（亩）">
                <el-input type="text" v-model="form.totIrrArea"></el-input>
            </el-form-item>
            <el-form-item label="工程建设情况">
                <el-radio-group v-model="form.engStat">
                    <el-radio label="0">未建</el-radio>
                    <el-radio label="1">在建</el-radio>
                    <el-radio label="2">已建</el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="灌区工程规模">
                <el-radio-group v-model="form.irrEngScal">
                    <el-radio label="1">大型</el-radio>
                    <el-radio label="2">中型</el-radio>
                    <el-radio label="3">小型</el-radio>
                    <el-radio label="9">其他</el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="运行状况">
                <el-select v-model="form.runStat" placeholder="请选择">
                    <el-option label="在用良好（工程处于良好运行）" value="1"></el-option>
                    <el-option label="在用故障（工程带故障运行）" value="2"></el-option>
                    <el-option label="停用（工程已废弃、或其他原因停用）" value="3"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="灌区的范围信息">
                <el-input type="text" v-model="form.irrRang"></el-input>
            </el-form-item>
            <el-form-item label="位置">
                <el-input type="text" v-model="form.location"></el-input>
            </el-form-item>
            <el-form-item label="经度">
                <el-input type="text" v-model="form.centerX"></el-input>
            </el-form-item>
            <el-form-item label="纬度  ">
                <el-input type="text" v-model="form.centerY"></el-input>
            </el-form-item>
            <!-- <el-form-item label="左下角纬度">
                <el-input type="text" v-model="form.lowLeftLat"></el-input>
            </el-form-item>
            <el-form-item label="左下角经度 ">
                <el-input type="text" v-model="form.lowLeftLong"></el-input>
            </el-form-item>
            <el-form-item label="右上角纬度">
                <el-input type="text" v-model="form.upRightLat"></el-input>
            </el-form-item>
            <el-form-item label="右上角经度">
                <el-input type="text" v-model="form.upRightLong"></el-input>
            </el-form-item> -->
            <el-form-item label="数据来源">
                <el-input type="text" v-model="form.src"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">保存</el-button>
            </el-form-item>
        </el-form>
    </el-dialog>
</template>
<script>
import request from '@util/gw_ajax_request.js'
import addvSearch from "@widget/addvSearch.vue"
import unlimitDatePicker from '@baseWidget/unLimitdatePicker.vue'
export default {
    props: ['rootAddCode'],
    data(){
        return{
            form: {
                adName: '',
                adCode: ''
            },
            rule:{
                irrName: [
                    { required: true, message: '请输入灌区名称', trigger: 'blur' },
                ]
            },
            dialogFormVisible: true
        }
    },
    components: {
        addvSearch,
        unlimitDatePicker
    },
    mounted(){
        this.form.adCode = this.rootAddCode
    },
    methods:{
        onSubmit(){
            this.$refs.irriRef.validate((valid) => {
                if(valid){
                    request.post('/att/irr/base',this.form).then(res=>{
                        if(res.success){
                            this.$message.success('保存成功')
                            this.$emit('addSuccess')
                        }else{
                            this.$message.error(res.message)
                        }
                    })
                }else{
                    this.$message.warning('请检查填写信息')
                    return false
                }
            })
        },
        cancelHundler(){
            this.$emit('addSuccess')
        },
        addvTreeNodeClick(data){
            this.form.adCode = data.id
        }
    }
}
</script>
<style lang="scss">
    
</style>