dzhh-frontend/.svn/pristine/47/4717b8e8c13c9ee9ae468e1d9b84e095d591860a.svn-base

<template>
    <j-modal
        :title="title"
        :width="width"
        :visible="visible"
        :confirmLoading="confirmLoading"
        switchFullscreen
        :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
        @ok="handleOk"
        @cancel="handleCancel"
        cancelText="关闭">
        <a-spin :spinning="confirmLoading">
          <j-form-container :disabled="disableSubmit">
            <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
                <a-row>
                    <a-col :span="8">
                        <a-form-model-item label="河（渠）名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hqmc">
                            <j-popup
                                v-model="model.hqmc"
                                field="hqmc"
                                org-fields="hlmc"
                                dest-fields="hqmc"
                                code="hllist"
                                :multi="true"
                                @input="popupCallback"
                            />
                        </a-form-model-item>
                    </a-col>
                  <a-col :span="8">
                    <a-form-model-item label="河段类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdlx">
                      <j-dict-select-tag type="list" v-model="model.hdlx" dictCode="xzhq" placeholder="请选择河段类型" />
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="8">
                    <a-form-model-item label="断面桩号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dmzh">
                      <a-input v-model="model.dmzh" placeholder="请输入断面桩号" ></a-input>
                    </a-form-model-item>
                  </a-col>
                  <div v-show="model.hdlx=='hd'">
                    <a-divider dashed>防洪标准</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fhbzXz">
                            <a-input v-model="model.fhbzXz" placeholder="请输入现状防洪标准" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fhbzSj">
                            <a-input v-model="model.fhbzSj" placeholder="请输入设计防洪标准" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fhbzGh">
                            <a-input v-model="model.fhbzGh" placeholder="请输入规划防洪标准" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>设计防洪水位（m）</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjfhswXz">
                            <a-input-number v-model="model.sjfhswXz" placeholder="请输入现状防洪水位" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjfhswSj">
                            <a-input-number v-model="model.sjfhswSj" placeholder="请输入设计防洪水位" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjfhswGh">
                            <a-input-number v-model="model.sjfhswGh" placeholder="请输入规划防洪水位" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>相应防洪流量（m³/s）</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyfhllXz">
                            <a-input-number v-model="model.xyfhllXz" placeholder="请输入现状防洪流量" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyfhllSj">
                            <a-input-number v-model="model.xyfhllSj" placeholder="请输入设计防洪流量" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyfhllGh">
                            <a-input-number v-model="model.xyfhllGh" placeholder="请输入规划防洪流量" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>排涝标准</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="plbzXz">
                            <a-input v-model="model.plbzXz" placeholder="请输入现状排涝标准" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="plbzSj">
                            <a-input v-model="model.plbzSj" placeholder="请输入设计排涝标准" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="plbzGh">
                            <a-input v-model="model.plbzGh" placeholder="请输入规划排涝标准" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>设计排涝水位（m）</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjplswXz">
                            <a-input-number v-model="model.sjplswXz" placeholder="请输入现状排涝水位" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjplswSj">
                            <a-input-number v-model="model.sjplswSj" placeholder="请输入设计排涝水位" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjplswGh">
                            <a-input-number v-model="model.sjplswGh" placeholder="请输入规划排涝水位" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>相应排涝流量（m³/s）</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyplllXz">
                            <a-input-number v-model="model.xyplllXz" placeholder="请输入现状排涝流量" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyplllSj">
                            <a-input-number v-model="model.xyplllSj" placeholder="请输入设计排涝流量" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyplllGh">
                            <a-input-number v-model="model.xyplllGh" placeholder="请输入规划排涝流量" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                  </div>
                  <div v-show="model.hdlx=='hq'">
                  <a-divider dashed>设计输水流量（m³/s）</a-divider>
                  <a-col :span="8">
                    <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjssllXz">
                      <a-input-number v-model="model.sjssllXz" placeholder="请输入现状输水流量" style="width: 100%" />
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="8">
                    <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjssllSj">
                      <a-input-number v-model="model.sjssllSj" placeholder="请输入设计输水流量" style="width: 100%" />
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="8">
                    <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sjssllGh">
                      <a-input-number v-model="model.sjssllGh" placeholder="请输入规划输水流量" style="width: 100%" />
                    </a-form-model-item>
                  </a-col>
                  <a-divider dashed>相应输水水位（m）</a-divider>
                  <a-col :span="8">
                    <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyssswXz">
                      <a-input-number v-model="model.xyssswXz" placeholder="请输入现状输水水位" style="width: 100%" />
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="8">
                    <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyssswSj">
                      <a-input-number v-model="model.xyssswSj" placeholder="请输入设计输水水位" style="width: 100%" />
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="8">
                    <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xyssswGh">
                      <a-input-number v-model="model.xyssswGh" placeholder="请输入规划输水水位" style="width: 100%" />
                    </a-form-model-item>
                  </a-col>
                  </div>
                    <a-divider dashed>河底比降</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdbjXz">
                            <a-input v-model="model.hdbjXz" placeholder="请输入现状河底比降" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdbjSj">
                            <a-input v-model="model.hdbjSj" placeholder="请输入设计河底比降" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdbjGh">
                            <a-input v-model="model.hdbjGh" placeholder="请输入规划河底比降" ></a-input>
                        </a-form-model-item>
                    </a-col>
                  <div v-show="model.hdlx=='hd'">
                    <a-divider dashed>河底高程（m）</a-divider>
                    <a-col :span="8">
                      <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdgcXz">
                        <a-input-number v-model="model.hdgcXz" placeholder="请输入现状河底高程（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdgcSj">
                        <a-input-number v-model="model.hdgcSj" placeholder="请输入设计河底高程（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdgcGh">
                        <a-input-number v-model="model.hdgcGh" placeholder="请输入规划河底高程（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                  </div>
                  <div v-show="model.hdlx=='hq'">
                    <a-divider dashed>渠底高程（m）</a-divider>
                    <a-col :span="8">
                      <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdgcXz">
                        <a-input-number v-model="model.hdgcXz" placeholder="请输入现状渠底高程（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdgcSj">
                        <a-input-number v-model="model.hdgcSj" placeholder="请输入设计渠底高程（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hdgcGh">
                        <a-input-number v-model="model.hdgcGh" placeholder="请输入规划渠底高程（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                  </div>
                  <div v-show="model.hdlx=='hd'">
                    <a-divider dashed>河道底宽（m）</a-divider>
                    <a-col :span="8">
                      <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddkXz">
                        <a-input-number v-model="model.hddkXz" placeholder="请输入现状河道底宽（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddkSj">
                        <a-input-number v-model="model.hddkSj" placeholder="请输入设计河道底宽（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddkGh">
                        <a-input-number v-model="model.hddkGh" placeholder="请输入规划河道底宽（m）" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                    </div>
                  <div v-show="model.hdlx=='hq'">
                    <a-divider dashed>渠道底宽（m）</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddkXz">
                            <a-input-number v-model="model.hddkXz" placeholder="请输入现状渠道底宽（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddkSj">
                            <a-input-number v-model="model.hddkSj" placeholder="请输入设计渠道底宽（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddkGh">
                            <a-input-number v-model="model.hddkGh" placeholder="请输入规划渠道底宽（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                  </div>
                  <div v-show="model.hdlx=='hd'" >
                    <a-divider dashed>河道（堤防）边坡 - 左岸</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbplXz">
                            <a-input v-model="model.hddfbplXz" placeholder="请输入现状左岸河道（堤防）边坡" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbplSj">
                            <a-input v-model="model.hddfbplSj" placeholder="请输入设计左岸河道（堤防）边坡" ></a-input>
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbplGh">
                            <a-input v-model="model.hddfbplGh" placeholder="请输入规划左岸河道（堤防）边坡" ></a-input>
                        </a-form-model-item>
                    </a-col>
                  </div>
                  <div v-show="model.hdlx=='hq'">
                    <a-divider dashed>渠道（堤防）边坡 - 左岸</a-divider>
                    <a-col :span="8">
                      <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbplXz">
                        <a-input v-model="model.hddfbplXz" placeholder="请输入现状左岸渠道（堤防）边坡" ></a-input>
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbplSj">
                        <a-input v-model="model.hddfbplSj" placeholder="请输入设计左岸渠道（堤防）边坡" ></a-input>
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbplGh">
                        <a-input v-model="model.hddfbplGh" placeholder="请输入规划左岸渠道（堤防）边坡" ></a-input>
                      </a-form-model-item>
                    </a-col>
                  </div>
                  <div v-show="model.hdlx=='hd'">
                  <a-divider dashed>河道（堤防）边坡 - 右岸</a-divider>
                  <a-col :span="8">
                    <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbprXz">
                      <a-input v-model="model.hddfbprXz" placeholder="请输入现状右岸河道（堤防）边坡" ></a-input>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="8">
                    <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbprSj">
                      <a-input v-model="model.hddfbprSj" placeholder="请输入设计右岸河道（堤防）边坡" ></a-input>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="8">
                    <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbprGh">
                      <a-input-number v-model="model.hddfbprGh" placeholder="请输入规划右岸河道（堤防）边坡" style="width: 100%" />
                    </a-form-model-item>
                  </a-col>
                </div>
                  <div v-show="model.hdlx=='hq'">
                    <a-divider dashed>渠道（堤防）边坡 - 右岸</a-divider>
                    <a-col :span="8">
                      <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbprXz">
                        <a-input v-model="model.hddfbprXz" placeholder="请输入现状右岸渠道（堤防）边坡" ></a-input>
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbprSj">
                        <a-input v-model="model.hddfbprSj" placeholder="请输入设计右岸渠道（堤防）边坡" ></a-input>
                      </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                      <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="hddfbprGh">
                        <a-input-number v-model="model.hddfbprGh" placeholder="请输入规划右岸渠道（堤防）边坡" style="width: 100%" />
                      </a-form-model-item>
                    </a-col>
                  </div>
                    <a-divider dashed>堤顶高程（m） - 左岸</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddgclXz">
                            <a-input-number v-model="model.ddgclXz" placeholder="请输入现状左岸堤顶高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddgclSj">
                            <a-input-number v-model="model.ddgclSj" placeholder="请输入设计左岸堤顶高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddgclGh">
                            <a-input-number v-model="model.ddgclGh" placeholder="请输入规划左岸堤顶高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>堤顶高程（m） - 右岸</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddgcrXz">
                            <a-input-number v-model="model.ddgcrXz" placeholder="请输入现状右岸堤顶高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddgcrSj">
                            <a-input-number v-model="model.ddgcrSj" placeholder="请输入设计右岸堤顶高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddgcrGh">
                            <a-input-number v-model="model.ddgcrGh" placeholder="请输入规划右岸堤顶高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>堤顶宽度（m） - 左岸</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddkdlXz">
                            <a-input-number v-model="model.ddkdlXz" placeholder="请输入现状左岸堤顶宽度（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddkdlSj">
                            <a-input-number v-model="model.ddkdlSj" placeholder="请输入设计左岸堤顶宽度（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddkdlGh">
                            <a-input-number v-model="model.ddkdlGh" placeholder="请输入规划左岸堤顶宽度（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>堤顶宽度（m） - 右岸</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddkdrXz">
                            <a-input-number v-model="model.ddkdrXz" placeholder="请输入现状右岸堤顶宽度（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddkdrSj">
                            <a-input-number v-model="model.ddkdrSj" placeholder="请输入设计右岸堤顶宽度（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ddkdrGh">
                            <a-input-number v-model="model.ddkdrGh" placeholder="请输入规划右岸堤顶宽度（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>堤外地面高程（m） - 左岸</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dwdmgclXz">
                            <a-input-number v-model="model.dwdmgclXz" placeholder="请输入现状左岸堤外地面高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dwdmgclSj">
                            <a-input-number v-model="model.dwdmgclSj" placeholder="请输入设计左岸堤外地面高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dwdmgclGh">
                            <a-input-number v-model="model.dwdmgclGh" placeholder="请输入规划左岸堤外地面高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-divider dashed>堤外地面高程（m） - 右岸</a-divider>
                    <a-col :span="8">
                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dwdmgcrXz">
                            <a-input-number v-model="model.dwdmgcrXz" placeholder="请输入现状右岸堤外地面高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dwdmgcrSj">
                            <a-input-number v-model="model.dwdmgcrSj" placeholder="请输入设计右岸堤外地面高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dwdmgcrGh">
                            <a-input-number v-model="model.dwdmgcrGh" placeholder="请输入规划右岸堤外地面高程（m）" style="width: 100%" />
                        </a-form-model-item>
                    </a-col>

<!--                    <a-divider dashed>其他指标</a-divider>-->
<!--                    <a-col :span="8">-->
<!--                        <a-form-model-item label="现状" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qtzbXz">-->
<!--                            <a-input v-model="model.qtzbXz" placeholder="请输入其他指标现状" ></a-input>-->
<!--                        </a-form-model-item>-->
<!--                    </a-col>-->
<!--                    <a-col :span="8">-->
<!--                        <a-form-model-item label="设计" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qtzbSj">-->
<!--                            <a-input v-model="model.qtzbSj" placeholder="请输入其他指标设计" ></a-input>-->
<!--                        </a-form-model-item>-->
<!--                    </a-col>-->
<!--                    <a-col :span="8">-->
<!--                        <a-form-model-item label="规划" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qtzbGh">-->
<!--                            <a-input v-model="model.qtzbGh" placeholder="请输入其他指标规划" ></a-input>-->
<!--                        </a-form-model-item>-->
<!--                    </a-col>-->
                </a-row>
            </a-form-model>
          </j-form-container>
        </a-spin>
    </j-modal>
</template>

<script>

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

export default {
    name: "RmAxhdzyzbModal",
    components: {
    },
    props:{
        mainId:{
            type:String,
            required:false,
            default:''
        }
    },
    data () {
        return {
            title:"操作",
            width:1200,
            visible: false,
            model:{
            },
            labelCol: {
                xs: { span: 24 },
                sm: { span: 5 },
            },
            wrapperCol: {
                xs: { span: 24 },
                sm: { span: 16 },
            },
          disableSubmit:false,
            confirmLoading: false,
            validatorRules: {
                hqmc: [
                    { required: true, message: '请输入河（渠）名称!'},
                ],
              hdlx: [
                { required: true, message: '请选择河段类型!'},
              ],
            },
            url: {
                add: "/hzz.shjsgc.xmrk/rmAxxmxx/addRmAxhdzyzb",
                edit: "/hzz.shjsgc.xmrk/rmAxxmxx/editRmAxhdzyzb",

            }

        }
    },
    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()
        },
        popupCallback(value,row){
            this.model = Object.assign(this.model, row);
        },


    }
}
</script>