dzhh-frontend/.svn/pristine/e3/e32c5b47be32ab5f6397cac948c4b479ca4ed1d4.svn-base

<template>
    <a-spin :spinning="confirmLoading">
        <j-form-container :disabled="formDisabled">
            <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
                <a-row>
                    <a-col :span="12">
                        <a-form-model-item label="堤防编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dfbm">
                            <a-input v-model="model.dfbm" placeholder="请输入堤防编码"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dfmc">
                            <a-input v-model="model.dfmc" placeholder="请输入堤防名称"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="起点位置行政区划" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="qdwzxzqh">
                            <j-area-linkage type="cascader" v-model="model.qdwzxzqh" placeholder="请输入省市区"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="终点位置行政区划" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="zdwzxzqh">
                            <j-area-linkage type="cascader" v-model="model.zdwzxzqh" placeholder="请输入省市区"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="起点经度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qdjd">
                            <a-input v-model="model.qdjd" placeholder="请输入起点经度" style="width: 100%"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="起点纬度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qdwd">
                            <a-input v-model="model.qdwd" placeholder="请输入起点纬度" style="width: 100%"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="终点经度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zdjd">
                            <a-input v-model="model.zdjd" placeholder="请输入终点经度" style="width: 100%"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="终点纬度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zdwd">
                            <a-input v-model="model.zdwd" placeholder="请输入终点纬度" style="width: 100%"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="流域" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ly">
                            <j-dict-select-tag type="list" v-model="model.ly" dictCode="ly" placeholder="请选择流域"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="水系" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sx">
                            <j-dict-select-tag type="list" v-model="model.sx" dictCode="sx" placeholder="请选择水系"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="河段名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdmc">
                            <a-input v-model="model.hdmc" placeholder="请输入河段名称"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="所在河流(湖泊、海岸)类型" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="szhllx">
                            <j-dict-select-tag type="list" v-model="model.szhllx" dictCode="szhllx"
                                               placeholder="请选择所在河流(湖泊、海岸)类型"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="所在河流(湖泊、海岸)名称" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="szhlmc">
                            <j-popup
                                v-model="model.szhlmc"
                                field="szhlmc"
                                org-fields="hlmc"
                                dest-fields="szhlmc"
                                code="hllist"
                                :multi="false"
                                @input="popupCallback"
                            />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="河流岸别" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hlab">
                            <j-dict-select-tag type="list" v-model="model.anbie" dictCode="hlab" placeholder="请输入河流岸别"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dflx">
                            <j-dict-select-tag type="list" v-model="model.dflx" dictCode="dflx" placeholder="请选择堤防类型"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防型式" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dfxs">
                            <j-dict-select-tag type="list" v-model="model.dfxs" dictCode="dfxs" placeholder="请选择堤防型式"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防跨界情况" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dfkjqk">
                            <j-dict-select-tag type="list" v-model="model.dfkjqk" dictCode="dfkjqk"
                                               placeholder="请选择堤防跨界情况"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="工程建设情况" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcjsqk">
                            <j-dict-select-tag type="list" v-model="model.gcjsqk" dictCode="gcjsqk"
                                               placeholder="请选择工程建设情况"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="开工年月" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kgny">
                            <j-date placeholder="请选择开工年月" v-model="model.kgny" style="width: 100%"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="建成年月" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jcny">
                            <j-date placeholder="请选择建成年月" v-model="model.jcny" style="width: 100%"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="工程任务" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcrw">
                            <j-dict-select-tag type="list" v-model="model.gcrw" dictCode="gcrw" placeholder="请选择工程任务"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防级别" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dfjb">
                            <j-dict-select-tag type="list" v-model="model.dfjb" dictCode="dfjb" placeholder="请选择堤防级别"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防长度(m)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dfcd">
                            <a-input v-model="model.dfcd" placeholder="请输入堤防长度(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="达到规划防洪(潮)标准的长度(m)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="ddghfhdcd">
                            <a-input v-model="model.ddghfhdcd" placeholder="请输入达到规划防洪(潮)标准的长度(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="规划防洪潮标准[重现期](年)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="ghfhcbz">
                            <a-input v-model="model.ghfhcbz" placeholder="请输入规划防洪潮标准[重现期](年)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="高程系统" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcxt">
                            <a-input v-model="model.gcxt" placeholder="请输入高程系统"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤顶高程起点高程(m)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="ddgcqdgc">
                            <a-input v-model="model.ddgcqdgc" placeholder="请输入堤顶高程起点高程(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤顶高程终点高程(m)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="ddgczdgc">
                            <a-input v-model="model.ddgczdgc" placeholder="请输入堤顶高程终点高程(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="设计水(高潮)位(m)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="sjsw">
                            <a-input v-model="model.sjsw" placeholder="请输入设计水(高潮)位(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防高度最小值(m)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="dfgdzxz">
                            <a-input v-model="model.dfgdzxz" placeholder="请输入堤防高度最小值(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防高度最大值(m)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="dfgdzdz">
                            <a-input v-model="model.dfgdzdz" placeholder="请输入堤防高度最大值(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防宽度最小值(m)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="dfkdzxz">
                            <a-input v-model="model.dfkdzxz" placeholder="请输入堤防宽度最小值(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防宽度最大值(m)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="dfkdzdz">
                            <a-input v-model="model.dfkdzdz" placeholder="请输入堤防宽度最大值(m)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="水闸数量(个)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="szsl">
                            <a-input v-model="model.szsl" placeholder="请输入水闸数量(个)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="管涵数量(个)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ghsl">
                            <a-input v-model="model.ghsl" placeholder="请输入管涵数量(个)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="泵站数量(处)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bzsl">
                            <a-input v-model="model.bzsl" placeholder="请输入泵站数量(处)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="倒虹吸数量(个)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dxhsl">
                            <a-input v-model="model.dxhsl" placeholder="请输入倒虹吸数量(个)"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防工程管理单位名称" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="dfgcgldwmc">
                            <a-input v-model="model.dfgcgldwmc" placeholder="请输入堤防工程管理单位名称"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防工程归口管理部门" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="dfgcgkglbmA">
                            <a-input v-model="model.dfgcgkglbmA" placeholder="请输入堤防工程归口管理部门"></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="堤防工程归口管理部门" :labelCol="labelCol" :wrapperCol="wrapperCol"
                                           prop="dfgcgkglbmB">
                            <j-dict-select-tag type="list" v-model="model.dfgcgkglbmB" dictCode="bzgkglbm"
                                               placeholder="请选择堤防工程归口管理部门"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="是否完成划界" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfwchj">
                            <j-dict-select-tag type="list" v-model="model.sfwchj" dictCode="yn"
                                               placeholder="请选择是否完成划界"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="是否完成确权" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfwcqq">
                            <j-dict-select-tag type="list" v-model="model.sfwcqq" dictCode="yn"
                                               placeholder="请选择是否完成确权"/>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="审批文件" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="scwj">
                            <j-upload v-model="model.scwj"></j-upload>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-model-item label="导入矢量文件" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="geopath">
                            <j-upload v-model="model.geopath" file-type="zip" biz-path="hzz"></j-upload>
                        </a-form-model-item>
                    </a-col>
                </a-row>
            </a-form-model>
        </j-form-container>
    </a-spin>
</template>

<script>

import {httpAction, getAction} from '@/api/manage'
import {validateDuplicateValue} from '@/utils/util'

export default {
    name: 'RmDfgcForm',
    components: {},
    props: {
        //表单禁用
        disabled: {
            type: Boolean,
            default: false,
            required: false
        }
    },
    data() {
        return {
            model: {},
            labelCol: {
                xs: {span: 24},
                sm: {span: 5},
            },
            wrapperCol: {
                xs: {span: 24},
                sm: {span: 16},
            },
            confirmLoading: false,
            validatorRules: {
                dfbm: [
                    {required: true, message: '堤坊编码!'},
                ],
                dfmc: [
                    {required: true, message: '堤防名称!'},
                ],
                qdwzxzqh: [
                    {required: true, message: '起点位置行政区划!'},
                ],
                zdwzxzqh: [
                    {required: true, message: '终点位置行政区划!'},
                ],
                qdjd: [
                    {required: true, message: '起点经度!'},
                ],
                qdwd: [
                    {required: true, message: '起点纬度!'},
                ],
                zdjd: [
                    {required: true, message: '终点经度!'},
                ],
                zdwd: [
                    {required: true, message: '终点纬度!'},
                ],

            },
            url: {
                add: "/hzz.shjsgc.dfgc/rmDfgc/add",
                edit: "/hzz.shjsgc.dfgc/rmDfgc/edit",
                queryById: "/hzz.shjsgc.dfgc/rmDfgc/queryById"
            }
        }
    },
    computed: {
        formDisabled() {
            return this.disabled
        },
    },
    created() {
        //备份model原始值
        this.modelDefault = JSON.parse(JSON.stringify(this.model));
    },
    methods: {
        add() {
            this.edit(this.modelDefault);
        },
        edit(record) {
            this.model = Object.assign({}, record);
            this.visible = true;
        },
        submitForm() {
            const that = this;
            // 触发表单验证
            this.$refs.form.validate(valid => {
                if (valid) {
                    that.confirmLoading = true;
                    let httpurl = '';
                    let method = '';
                    if (!this.model.id) {
                        httpurl += this.url.add;
                        method = 'post';
                    } else {
                        httpurl += this.url.edit;
                        //method = 'put';
                        method = 'post';
                    }
                    httpAction(httpurl, this.model, method).then((res) => {
                        if (res.success) {
                            that.$message.success(res.message);
                            that.$emit('ok');
                        } else {
                            that.$message.warning(res.message);
                        }
                    }).finally(() => {
                        that.confirmLoading = false;
                    })
                }
            })
        },
        popupCallback(value, row) {
            this.model = Object.assign(this.model, row);
        }
    }
}
</script>