dzhh-frontend/.svn/pristine/eb/ebb0653f5fa00c59bb0420a2a96646996ebfdc25.svn-base

<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :confirmLoading="confirmLoading"
    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
    switchFullscreen
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭">
    <a-tabs default-active-key="attrs" >
      <a-tab-pane key="attrs" tab="属性信息">
    <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="24">
            <a-form-model-item label="工程名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="gcmc">
<!--              <a-input v-model="model.gcmc" placeholder="请输入工程名称" ></a-input>-->
              <j-popup placeholder="请选择涉河部分工程信息中的工程名称！"
                v-model="model.gcmc"
                field="gcmc"
                org-fields="gcmc,shlx"
                dest-fields="gcmc,shlx"
                code="shlx"
                :multi="true"
                :param="tempParam"
                @input="popupCallback"
              />
            </a-form-model-item>
          </a-col>

          <a-col :span="24">
            <a-form-model-item label="涉河类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="shlx">
<!--              <a-input v-model="model.shlx" placeholder="请输入涉河类型" ></a-input>-->
                <j-category-select placeholder="请选择工程分类下的具体工程类型，如桥梁工程!" v-model="model.shlx" pcode="A02"
                                   @change="shlxChange"  disabled/>
            </a-form-model-item>
          </a-col>
          <div v-show="model.shlx=='1509814938239389697'">
          <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-textarea v-model="model.qta" placeholder="请输入其他" rows="4"></a-textarea>
            </a-form-model-item>
          </a-col>
          </div>
          <div v-show="model.shlx=='1509814983248465922'">
          <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="塔基（线杆）名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tjmc">
                <a-textarea v-model="model.tjmc" placeholder="请输入多个塔基名称以,分隔" rows="4"></a-textarea>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
            <a-form-model-item label="塔基（1）横坐标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rtqdhzb">
              <a-input-number v-model="model.rtqdhzb" placeholder="请输入塔基（1）横坐标" style="width: 100%" />
            </a-form-model-item>
            </a-col>
              <a-col :span="24">
            <a-form-model-item label="塔基（1）纵坐标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rtqdzzb">
              <a-input-number v-model="model.rtqdzzb" placeholder="请输入入塔基（1）纵坐标" style="width: 100%" />
            </a-form-model-item>
              </a-col>
            <a-col :span="24">
              <a-form-model-item label="塔基（2）横坐标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ctzdhzb">
                <a-input-number v-model="model.ctzdhzb" placeholder="请输入塔基（2）横坐标" style="width: 100%" />
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item label="塔基（2）纵坐标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ctzdzzb">
                <a-input-number v-model="model.ctzdzzb" placeholder="请输入塔基（2）纵坐标" style="width: 100%" />
              </a-form-model-item>
            </a-col>
           <!--   <a-col :span="24">
                  <a-form-model-item label="经度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="jd">
                    <a-textarea v-model="model.jd" placeholder="如有多个坐标请以英文逗号,分割" rows="4"></a-textarea>
                  </a-form-model-item>
              </a-col>
                  <a-col :span="24">
                      <a-form-model-item label="纬度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wd">
                        <a-textarea v-model="model.wd" placeholder="如有多个坐标请以英文逗号,分割" rows="4"></a-textarea>
                      </a-form-model-item>
                    </a-col>-->
            <a-col :span="24">
            <a-form-model-item label="塔基（线杆）与管理范围线垂直距离（m）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tjxgyglfwxczjl">
              <a-input 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 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 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-textarea v-model="model.qtb" placeholder="请输入其他" rows="4"></a-textarea>
            </a-form-model-item>
          </a-col>
          </div>

          <div v-show="model.shlx=='1509815059605770242' ||model.shlx=='1509815094116503553'">
          <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>
          </div>
          <div v-show="model.shlx=='1509815148214636545'">
          <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>
          </div>
          <div v-show="model.shlx=='1509815174672306178'">
          <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>
          </div>
          <div v-show="model.shlx=='1509815211691233282'">
          <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-textarea v-model="model.qtc" placeholder="请输入其他" rows="4"></a-textarea>
            </a-form-model-item>
          </a-col>
            </div>
          <div v-show="false">
          <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-textarea v-model="model.qt" placeholder="请输入其他" rows="4"></a-textarea>
            </a-form-model-item>
          </a-col>
          </div>
        </a-row>
      </a-form-model>
<!--      <div v-show="model.shlx=='1509814983248465922'||model.shlx=='1509815094116503553'">-->
<!--      <a-tabs v-model="activeKey" @change="handleChangeTabs">-->
<!--        <a-tab-pane tab="塔基坐标" :key="refKeys[0]" :forceRender="true">-->
<!--          <j-editable-table-->
<!--            :ref="refKeys[0]"-->
<!--            :loading="rmXgmcTable.loading"-->
<!--            :columns="rmXgmcTable.columns"-->
<!--            :dataSource="rmXgmcTable.dataSource"-->
<!--            :maxHeight="300"-->
<!--            :disabled="formDisabled"-->
<!--            :rowNumber="true"-->
<!--            :rowSelection="true"-->
<!--            :actionButton="true"/>-->
<!--        </a-tab-pane>-->
<!--      </a-tabs>-->
<!--      </div>-->
      </j-form-container>
    </a-spin>
      </a-tab-pane>
    <a-tab-pane key="map" tab="位置信息">
      <basic-map ref="locMap" layersUrl='/resManager.catalog/rescatalog/resList' :model="{...model,layerName:''}"></basic-map>
    </a-tab-pane>

    </a-tabs>
  </j-modal>
</template>

<script>

import {getAction, httpAction} from '@/api/manage'
import { FormTypes,getRefPromise,VALIDATE_NO_PASSED } from '@/utils/JEditableTableUtil'
import { JEditableTableModelMixin } from '@/mixins/JEditableTableModelMixin'
  import { validateDuplicateValue } from '@/utils/util'
  import JPopup from '@/components/jeecg/JPopup'
import JeecgOrderModalForJVexTable from "../../../../jeecg/modules/JeecgOrderModalForJVexTable";
import BasicMap from "../../../../../components/BasicMap/BasicMap";

  export default {
    name: "RmAxshgczyzbbModal",
    mixins: [JEditableTableModelMixin],
    components: {
      JPopup,
      JeecgOrderModalForJVexTable,
      FormTypes,
      getRefPromise,
      VALIDATE_NO_PASSED,
      BasicMap

    },
    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: {
          gcmc: [
            { required: true, message: '请输入工程名称!'},
          ],
        },
        refKeys: ['rmXgmc', ],
        tableKeys:['rmXgmc', ],
        activeKey: 'rmXgmc',
        rmXgmcTable: {
          loading: false,
          dataSource: [],
          columns: [
            {
              title: '塔基（线杆）名称',
              key: 'tjzb',
              type: FormTypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '经度',
              key: 'jd',
              type: FormTypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '纬度',
              key: 'wd',
              type: FormTypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },

          ],

        },
        url: {
          add: "/hzz.shjsgc.xmrk/rmAxxmxx/addRmAxshgczyzbb",
          edit: "/hzz.shjsgc.xmrk/rmAxxmxx/editRmAxshgczyzbb",
          queryById:'/sys/category/queryById',
        },
        tempParam:{},

      }
    },
    created () {
    //备份model原始值
      this.modelDefault = JSON.parse(JSON.stringify(this.model));
    },
    computed: {
      formDisabled(){
        return this.disabled
      },
    },
    methods: {
      addBefore(){
        this.rmXgmcTable.dataSource=[]
      },
      getAllTable() {
        let values = this.tableKeys.map(key => getRefPromise(this, key))
        return Promise.all(values)
      },
      /** 调用完edit()方法之后会自动调用此方法 */
      editAfter() {
        this.$nextTick(() => {
        })
        // 加载子表数据
        if (this.model.id) {
          let params = { id: this.model.id }
          this.requestSubTableData(this.url.rmXgmc.list, params, this.rmXgmcTable)
        }
      },
      //校验所有一对一子表表单
      validateSubForm(allValues){
        return new Promise((resolve,reject)=>{
          Promise.all([
          ]).then(() => {
            resolve(allValues)
          }).catch(e => {
            if (e.error === VALIDATE_NO_PASSED) {
              // 如果有未通过表单验证的子表，就自动跳转到它所在的tab
              this.activeKey = e.index == null ? this.activeKey : this.refKeys[e.index]
            } else {
              console.error(e)
            }
          })
        })
      },
      /** 整理成formData */
      classifyIntoFormData(allValues) {
        let main = Object.assign(this.model, allValues.formValue)
        return {
          ...main, // 展开
          rmXgmcList: allValues.tablesValue[0].values,
        }
      },
      validateError(msg){
        this.$message.error(msg)
      },

      popupCallback(value,row){
        this.model = Object.assign(this.model, row);
      },
      add () {
        this.tempParam={main_id:this.mainId}
        this.edit(this.modelDefault);
      },
      edit (record) {
        this.tempParam={main_id:this.mainId}
        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()
      },
        shlxChange(value){
            if(value){
                let param = {
                    id:value
                }
                getAction(this.url.queryById,param).then(res=>{
                    if(res.success){
                        let hasChild = res.result.hasChild;
                        if(hasChild == '1'){
                            this.$message.warn('请选择工程分类下的具体工程类型，如桥梁工程!')
                        }
                    }
                })
            }
        },
      tabsChange(key) {
        let that = this;
        if (key == "map") {
          this.$nextTick(() => {
            this.$refs.locMap.locateByCoords({...this.model});
          })
        }
      },
      locateByCoords() {
        let loc_x = this.hzb;
        let loc_y = this.zzb;
        this.$refs.locMap.locateByCoords(loc_x, loc_y);
      },

    }
  }
</script>