dzhh-frontend/.svn/pristine/f0/f0b99f0f0b044bdfff71ef73056cf5704a6f5993.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="qilmc">
              <a-input v-model="model.qilmc" 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="始建时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjsj">
              <a-input v-model="model.sjsj" placeholder="请输入始建时间"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁等级" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qldj">
              <a-input v-model="model.qldj" placeholder="请输入桥梁等级"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁与河道交叉方式" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qlyhdjcfs">
              <a-input v-model="model.qlyhdjcfs" placeholder="请输入桥梁与河道交叉方式"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="孔跨数量（孔）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kksl">
              <a-input v-model="model.kksl" placeholder="请输入孔跨数量（孔）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="最小孔跨（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zxkk">
              <a-input-number v-model="model.zxkk" 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="zdkk">
              <a-input-number v-model="model.zdkk" 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="qlzkj">
              <a-input-number v-model="model.qlzkj" 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="qmkd">
              <a-input-number v-model="model.qmkd" 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="qlzxyhdzxjj">
              <a-input-number v-model="model.qlzxyhdzxjj" placeholder="请输入桥梁轴线与河道中心线交角（°）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="设计洪水标准 （重现期（年）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjhsbzcxn">
              <a-input v-model="model.sjhsbzcxn" placeholder="请输入设计洪水标准 （重现期（年）"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁所在岸线功能区类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qlszaxgnq">
              <a-input v-model="model.qlszaxgnq" placeholder="请输入桥梁所在岸线功能区类型"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="河道宽度（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdk">
              <a-input-number v-model="model.hdk" 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="szfhbz">
              <a-input v-model="model.szfhbz" placeholder="请输入所在河段防洪标准（年）"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁建设方案审查许可是否取得" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qljsfascsfqd">
              <j-dict-select-tag type="list" v-model="model.qljsfascsfqd"  dictCode="yn"  placeholder="请选择桥梁建设方案审查许可是否取得" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁建设方案审查许可审批部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qljsfascspbm">
              <a-input v-model="model.qljsfascspbm" placeholder="请输入桥梁建设方案审查许可审批部门"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁建设方案审查许可审批文号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qljsfascbmspwh">
              <a-input v-model="model.qljsfascbmspwh" placeholder="请输入桥梁建设方案审查许可审批文号"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁竣工验收水行政主管部门是否参加" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qljgyssxzzgbmsfcj">
              <j-dict-select-tag type="list" v-model="model.qljgyssxzzgbmsfcj" dictCode="yn" placeholder="请选择桥梁竣工验收水行政主管部门是否参加" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁竣工验收水行政主管部门参加部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qljgyssxzzgbmcjbm">
              <a-input v-model="model.qljgyssxzzgbmcjbm" placeholder="请输入桥梁竣工验收水行政主管部门参加部门"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="桥梁竣工验收水行政主管部门是否同意验收	" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qljgyssxzzgbmsftyys">
              <j-dict-select-tag type="list" v-model="model.qljgyssxzzgbmsftyys" 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="sfwmsq">
              <j-dict-select-tag type="list" v-model="model.sfwmsq" dictCode="yn" placeholder="请选择是否为漫水桥" />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="防洪评价日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fhbjrq">
              <a-input v-model="model.fhbjrq" placeholder="请输入防洪评价日期"  ></a-input>
<!--              <j-date placeholder="请选择防洪评价日期" v-model="model.fhbjrq"  style="width: 100%" />-->
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否被文物行政部门公布为文物" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfbwwxzbmgb">
              <j-dict-select-tag type="list" v-model="model.sfbwwxzbmgb" dictCode="yn" placeholder="请选择是否被文物行政部门公布为文物" />
            </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="bgyj">
              <a-textarea v-model="model.bgyj" 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'
  import JPopup from "../../../../../../components/jeecg/JPopup";


  export default {
    name: 'RmQlqktjbForm',
    components: {
      JPopup

    },
    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: {
           qilmc: [
              { required: true, message: '请输入桥梁名称!'},
           ],

        },
        url: {
          add: "/hzz.shjsgc.lhgc.ql/rmQlqktjb/add",
          edit: "/hzz.shjsgc.lhgc.ql/rmQlqktjb/edit",
          queryById: "/hzz.shjsgc.lhgc.ql/rmQlqktjb/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 = '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>