dzhh-frontend/.svn/pristine/35/357207bfeef094c8ae40324558e112646f587e52.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="lhbmc">
              <a-input v-model="model.lhbmc" placeholder="请输入拦河坝名称"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="所在河流" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="szhl">
              <j-popup
                v-model="model.szhl"
                field="szhl"
                org-fields="hlmc"
                dest-fields="szhl"
                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="sjhz">
              <a-input v-model="model.sjhz" placeholder="请输入市级河长	"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="县级河长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xjhz">
              <a-input v-model="model.xjhz" placeholder="请输入县级河长"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="行政位置	（县，乡、村）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xzwz">
             <j-area-linkage type="cascader" v-model="model.xzwz" placeholder="请输入行政位置（县，乡、村）"  />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="经度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jd">
              <a-input v-model="model.jd" placeholder="请输入经度"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="纬度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wd">
              <a-input v-model="model.wd" placeholder="请输入纬度"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="工程位置是否在边界河流上设区的市边界(5公里内)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcwzsfzhbjhlsqdsbj">
              <j-dict-select-tag type="list" v-model="model.gcwzsfzhbjhlsqdsbj" dictCode="yn" placeholder="请选择工程位置是否在边界河流上设区的市边界(5公里内)" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="工程位置是否在边界河流上县(市、区)边界(3公里内)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcwzsfzbjhlsxbj">
              <j-dict-select-tag type="list" v-model="model.gcwzsfzbjhlsxbj" dictCode="yn" placeholder="请选择工程位置是否在边界河流上县(市、区)边界(3公里内)" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="工程位置是否在跨行政区河流上跨设区的市" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcwzsfzkxzhls">
              <j-dict-select-tag type="list" v-model="model.gcwzsfzkxzhls" dictCode="yn" placeholder="请选择工程位置是否在跨行政区河流上跨设区的市" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="工程位置是否在跨行政区河流上跨县(市、区)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcwzsfzkxzhlx">
              <j-dict-select-tag type="list" v-model="model.gcwzsfzkxzhlx" dictCode="yn" placeholder="请选择工程位置是否在跨行政区河流上跨县(市、区)" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="始建时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjsj">
              <j-date placeholder="请选择始建时间" v-model="model.sjsj"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="工程功能" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcgn">
              <a-input v-model="model.gcgn" placeholder="请输入工程功能"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="工程规模" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcgm">
              <a-input v-model="model.gcgm" placeholder="请输入工程规模"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="拦河坝类型按材料分" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lhblx">
              <a-input v-model="model.lhblx" placeholder="请输入拦河坝类型按材料分"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="坝高(m)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bg">
              <a-input v-model="model.bg" placeholder="请输入坝高(m)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="坝长(m)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bc">
              <a-input v-model="model.bc" placeholder="请输入坝长(m)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="设计洪水重现期(年)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjhscxn">
              <a-input v-model="model.sjhscxn" placeholder="请输入设计洪水重现期(年)"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="设计洪水水位(m)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjhssw">
              <a-input v-model="model.sjhssw" placeholder="请输入设计洪水水位(m)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="设计洪水过坝流量(m3/s)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjhsgbll">
              <a-input v-model="model.sjhsgbll" placeholder="请输入设计洪水过坝流量(m3/s)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="校核洪水重现期(年)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jhhscxn">
              <a-input v-model="model.jhhscxn" placeholder="请输入校核洪水重现期(年)"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="校核洪水水位(m)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jhhssw">
              <a-input v-model="model.jhhssw" placeholder="请输入校核洪水水位(m)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="校核洪水过坝流量(m3/s)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jhhsgbll">
              <a-input v-model="model.jhhsgbll" placeholder="请输入校核洪水过坝流量(m3/s)"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="设计拦蓄容积(万m³)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjxlrl">
              <a-input v-model="model.sjxlrl" placeholder="请输入设计拦蓄容积(万m³)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="坝址处河道所在河段防洪标准(年)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bzszhdfh">
              <a-input v-model="model.bzszhdfh" placeholder="请输入坝址处河道所在河段防洪标准(年)"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="坝址处河道主河槽宽度(m)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bzzhckd">
              <a-input v-model="model.bzzhckd" placeholder="请输入坝址处河道主河槽宽度(m)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="坝址处河道总宽(m)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bzhdkd">
              <a-input v-model="model.bzhdkd" placeholder="请输入坝址处河道总宽(m)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="水工程建设规划同意书是否取得" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sgcjsghtyssfqd">
              <j-dict-select-tag type="list" v-model="model.sgcjsghtyssfqd" dictCode="yn" placeholder="请选择水工程建设规划同意书是否取得" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="水工程建设规划同意书审批部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sgcjsghtysspbm">
              <a-input v-model="model.sgcjsghtysspbm" placeholder="请输入水工程建设规划同意书审批部门"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="水工程建设规划同意书审批文号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sgcjsghtysspbh">
              <a-input v-model="model.sgcjsghtysspbh" placeholder="请输入水工程建设规划同意书审批文号"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="涉河建设项目审批是否取得" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="shjsxmspsfqd">
              <j-dict-select-tag type="list" v-model="model.shjsxmspsfqd" dictCode="yn" placeholder="请选择涉河建设项目审批是否取得" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="涉河建设项目审批部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="shjsxmspspbm">
              <a-input v-model="model.shjsxmspspbm" placeholder="请输入涉河建设项目审批部门"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="涉河建设项目审批文号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="shjsxmspspwh">
              <a-input v-model="model.shjsxmspspwh" placeholder="请输入涉河建设项目审批文号"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="不同行政区域边界修建排水、阻水、引水、蓄水工程审批是否取得" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="btxzqysfqd">
              <j-dict-select-tag type="list" v-model="model.btxzqysfqd" dictCode="yn" placeholder="请选择不同行政区域边界修建排水、阻水、引水、蓄水工程审批是否取得" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="不同行政区域边界修建排水、阻水、引水、蓄水工程审批部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="btxzqyspbm">
              <a-input v-model="model.btxzqyspbm" placeholder="请输入不同行政区域边界修建排水、阻水、引水、蓄水工程审批部门"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="不同行政区域边界修建排水、阻水、引水、蓄水工程审批文号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="btxzqyspbh">
              <a-input v-model="model.btxzqyspbh" placeholder="请输入不同行政区域边界修建排水、阻水、引水、蓄水工程审批文号"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="各方是否达成协议	" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfsfdcxy">
              <j-dict-select-tag type="list" v-model="model.sfsfdcxy" dictCode="yn" placeholder="请选择各方是否达成协议	" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="协议编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dcxybh">
              <a-input v-model="model.dcxybh" placeholder="请输入协议编号"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否进行水资源论证" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfjxszylz">
              <j-dict-select-tag type="list" v-model="model.sfjxszylz" dictCode="yn" placeholder="请选择是否进行水资源论证" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否分配拦蓄水量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sffpxsl">
              <j-dict-select-tag type="list" v-model="model.sffpxsl" dictCode="yn" placeholder="请选择是否分配拦蓄水量" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="管理单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gldw">
              <a-input v-model="model.gldw" placeholder="请输入管理单位"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="主管部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zgbm">
              <a-input v-model="model.zgbm" placeholder="请输入主管部门"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="安全鉴定日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="aqjdrq">
              <j-date placeholder="请选择安全鉴定日期" v-model="model.aqjdrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="安全鉴定结论" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="aqjdjl">
              <a-input v-model="model.aqjdjl" placeholder="请输入安全鉴定结论"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="除险加固日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="cxjgrq">
              <j-date placeholder="请选择除险加固日期" v-model="model.cxjgrq"  style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否为评估保留项目" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfwpgblxm">
              <j-dict-select-tag type="list" v-model="model.sfwpgblxm" dictCode="yn" placeholder="是否为评估保留项目" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="评估意见" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pgyj">
              <a-textarea v-model="model.pgyj" rows="4" placeholder="请输入评估意见" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bz">
              <a-textarea v-model="model.bz" rows="4" 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-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: 'RmLhbqktjbForm',
    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: {
           lhbmc: [
              { required: true, message: '请输入拦河坝名称!'},
           ],
        },
        url: {
          add: "/hzz.shjsgc.lhgc.lhb/rmLhbqktjb/add",
          edit: "/hzz.shjsgc.lhgc.lhb/rmLhbqktjb/edit",
          queryById: "/hzz.shjsgc.lhgc.lhb/rmLhbqktjb/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;
            })
          }
         
        })
      },
    }
  }
</script>