dzhh-frontend/.svn/pristine/b7/b742993a3c150ed8c3a98850431665b70c05c7db.svn-base

<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :confirmLoading="confirmLoading"
    switchFullscreen
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭">
    <a-spin :spinning="confirmLoading">
      <a-form-model ref="form" :model="model" :rules="validatorRules">
        <a-row>
          <a-col :span="24">
            <a-form-model-item label="跨越方式" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kyfs">
              <a-input v-model="model.kyfs"placeholder="请输入跨越方式" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="单孔跨径（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dkkj">
              <a-input-number v-model="model.dkkj"placeholder="请输入单孔跨径（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="桥梁孔数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qlks">
              <a-input-number v-model="model.qlks"placeholder="请输入桥梁孔数" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="桥总长、宽（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qzck">
              <a-input-number v-model="model.qzck"placeholder="请输入桥总长、宽（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="桥面高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qmgc">
              <a-input-number v-model="model.qmgc"placeholder="请输入桥面高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="梁底高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ldgc">
              <a-input-number v-model="model.ldgc"placeholder="请输入梁底高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="堤（岸）顶与梁底净空长度（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dadyldjkgd">
              <a-input-number v-model="model.dadyldjkgd"placeholder="请输入堤（岸）顶与梁底净空长度（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="路基、桥台等占用长度（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ljqtdzycd">
              <a-input-number v-model="model.ljqtdzycd"placeholder="请输入路基、桥台等占用长度（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="桥梁轴线与河道轴线夹角" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qlzxyhdzxjj">
              <a-input v-model="model.qlzxyhdzxjj"placeholder="请输入桥梁轴线与河道轴线夹角" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="桥墩轴线与河道轴线夹角" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qdzxyhdzxjj">
              <a-input v-model="model.qdzxyhdzxjj"placeholder="请输入桥墩轴线与河道轴线夹角" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="其他" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qta">
              <a-input v-model="model.qta"placeholder="请输入其他" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="线路与河道夹角" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xlyhdjj">
              <a-input v-model="model.xlyhdjj"placeholder="请输入线路与河道夹角" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="塔基（线杆）与管理范围线垂直距离（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tjxgyglfwxczjl">
              <a-input-number v-model="model.tjxgyglfwxczjl"placeholder="请输入塔基（线杆）与管理范围线垂直距离（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="滩地内塔基（线杆）与迎水坡坡脚垂直距离（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tdntjxgyysppjcjjl">
              <a-input-number v-model="model.tdntjxgyysppjcjjl"placeholder="请输入滩地内塔基（线杆）与迎水坡坡脚垂直距离（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="线路弧垂与堤（岸）顶距离（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xlhcydadjl">
              <a-input-number v-model="model.xlhcydadjl"placeholder="请输入线路弧垂与堤（岸）顶距离（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="其他" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qtb">
              <a-input v-model="model.qtb"placeholder="请输入其他" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="与河道夹角" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yhdjj">
              <a-input v-model="model.yhdjj"placeholder="请输入与河道夹角" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="穿越水平长度（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="cyspcd">
              <a-input-number v-model="model.cyspcd"placeholder="请输入穿越水平长度（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="冲刷线以下埋深（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="csxyxms">
              <a-input-number v-model="model.csxyxms"placeholder="请输入冲刷线以下埋深（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="水平段管顶高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spdgdgc">
              <a-input-number v-model="model.spdgdgc"placeholder="请输入水平段管顶高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="入土（起）点横坐标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rtqdhzb">
              <a-input-number v-model="model.rtqdhzb"placeholder="请输入入土（起）点横坐标" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="入土（起）点纵坐标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rtqdzzb">
              <a-input-number v-model="model.rtqdzzb"placeholder="请输入入土（起）点纵坐标" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="出土（止）点横坐标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ctzdhzb">
              <a-input-number v-model="model.ctzdhzb"placeholder="请输入出土（止）点横坐标" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="出土（止）点纵坐标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ctzdzzb">
              <a-input-number v-model="model.ctzdzzb"placeholder="请输入出土（止）点纵坐标" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="入土点与管理范围线垂直距离（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rtdyglfwxczjl">
              <a-input-number v-model="model.rtdyglfwxczjl"placeholder="请输入入土点与管理范围线垂直距离（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="出土点与管理范围线垂直距离（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ctdyglfwxczjl">
              <a-input-number v-model="model.ctdyglfwxczjl"placeholder="请输入出土点与管理范围线垂直距离（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="水平段管顶高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spdgdgca">
              <a-input-number v-model="model.spdgdgca"placeholder="请输入水平段管顶高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="水平段管底高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spdgdgcb">
              <a-input-number v-model="model.spdgdgcb"placeholder="请输入水平段管底高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="管顶上敷土厚度（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gdsfthd">
              <a-input-number v-model="model.gdsfthd"placeholder="请输入管顶上敷土厚度（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="管（孔）径（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gkj">
              <a-input-number v-model="model.gkj"placeholder="请输入管（孔）径（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="穿堤水平长度（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="cdspcd">
              <a-input-number v-model="model.cdspcd"placeholder="请输入穿堤水平长度（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="管（孔）数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gks">
              <a-input-number v-model="model.gks"placeholder="请输入管（孔）数" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lx">
              <a-input v-model="model.lx"placeholder="请输入类型" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="与水流夹角" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ysljj">
              <a-input v-model="model.ysljj"placeholder="请输入与水流夹角" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="梁板底（前沿顶）高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lbdqyd">
              <a-input-number v-model="model.lbdqyd"placeholder="请输入梁板底（前沿顶）高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="码头临水宽度(m)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="mtlskd">
              <a-input-number v-model="model.mtlskd"placeholder="请输入码头临水宽度(m)" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="通行路面高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="txlmgc">
              <a-input-number v-model="model.txlmgc"placeholder="请输入通行路面高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="道路宽度（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dlkd">
              <a-input-number v-model="model.dlkd"placeholder="请输入道路宽度（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="道路类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dllx">
              <a-input v-model="model.dllx"placeholder="请输入道路类型" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="公路级别" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gljb">
              <a-input v-model="model.gljb"placeholder="请输入公路级别" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="路基基底高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ljjdgc">
              <a-input-number v-model="model.ljjdgc"placeholder="请输入路基基底高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="路面高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lmgc">
              <a-input-number v-model="model.lmgc"placeholder="请输入路面高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="路宽（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lk">
              <a-input-number v-model="model.lk"placeholder="请输入路宽（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="是否漫水道路" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sfmsdl">
              <a-input v-model="model.sfmsdl"placeholder="请输入是否漫水道路" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="地面高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dmgc">
              <a-input-number v-model="model.dmgc"placeholder="请输入地面高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="道路高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dlgc">
              <a-input-number v-model="model.dlgc"placeholder="请输入道路高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="栈道高程（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zdgc">
              <a-input-number v-model="model.zdgc"placeholder="请输入栈道高程（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="绿化面积（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lhmj">
              <a-input-number v-model="model.lhmj"placeholder="请输入绿化面积（m）" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="永久性（构）建筑物情况" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yjxgjzwqk">
              <a-input v-model="model.yjxgjzwqk"placeholder="请输入永久性（构）建筑物情况" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="临时设施情况" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lsssqk">
              <a-input v-model="model.lsssqk"placeholder="请输入临时设施情况" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="其他" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qtc">
              <a-input v-model="model.qtc"placeholder="请输入其他" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="坝（闸）类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bzlx">
              <a-input v-model="model.bzlx"placeholder="请输入坝（闸）类型" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="设计蓄水位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjxsw">
              <a-input-number v-model="model.sjxsw"placeholder="请输入设计蓄水位" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="坝（闸）顶高程" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bzdgca">
              <a-input-number v-model="model.bzdgca"placeholder="请输入坝（闸）顶高程" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="坝（闸）底高程" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bzdgcb">
              <a-input-number v-model="model.bzdgcb"placeholder="请输入坝（闸）底高程" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="坝（闸）总宽" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bzzk">
              <a-input-number v-model="model.bzzk"placeholder="请输入坝（闸）总宽" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="闸孔数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zks">
              <a-input v-model="model.zks"placeholder="请输入闸孔数" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="闸净宽" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zjk">
              <a-input-number v-model="model.zjk"placeholder="请输入闸净宽" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="防洪流量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fhll">
              <a-input-number v-model="model.fhll"placeholder="请输入防洪流量" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="其他" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qt">
              <a-input v-model="model.qt"placeholder="请输入其他" ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </a-spin>
  </j-modal>
</template>

<script>

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

  export default {
    name: "RmAxshgczyzbbModal",
    components: {
    },
    props:{
      mainId:{
        type:String,
        required:false,
        default:''
      }
    },
    data () {
      return {
        title:"操作",
        width:800,
        visible: false,
        model:{
        },
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },

        confirmLoading: false,
        validatorRules: {
        },
        url: {
          add: "/hzz.axgh.axzyxm/rmAxzyxmb/addRmAxshgczyzbb",
          edit: "/hzz.axgh.axzyxm/rmAxzyxmb/editRmAxshgczyzbb",
        }

      }
    },
    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;
      },
      close () {
        this.$emit('close');
        this.visible = false;
        this.$refs.form.clearValidate();
      },
      handleOk () {
        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';
            }
            this.model['mainId'] = this.mainId
            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;
              that.close();
            })
          }else{
             return false
          }
        })
      },
      handleCancel () {
        this.close()
      },


    }
  }
</script>