<!--
/**
 * guoj
 * 2020.05.25
 * 线路资料管理
 */-->
<style>
  #lineInformation_div4 {
    padding-left: 25px;
  }

  #lineInformation_div422 .PlgPanel .layui-form-label {
    width: 1.2rem;
  }

  #lineInformation_div3 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  #lineInformation_div3_bottomTab .layui-tab {
    height: 100%;
    margin: 0;
  }

  #lineInformation_div3_bottomTab .layui-tab-title {
    background: #ffffff;
  }

  #lineInformation_div3_bottomTab .layui-tab-content {
    background: #ffffff;
    padding: 0;
    height: calc(100% - 40px);
    margin-bottom: 0;
  }

  #lineInformation_div3_bottomTab .layui-tab-item {
    height: 100%;
    /* height: initial; */
  }

  #lineInformation_div3_bottomTab .layui-tab-item .grid-container-full {
    padding-bottom: 0;
  }

  .pl-0 .dhxform_base_nested.in_block,
  .pl-0 div.dhxform_base {
    padding-left: 0 !important;
  }

  .outDiv {
    display: flex;
    width: 100%;
  }

  .mainDiv {
    flex: 1
  }

  .iconDiv {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 100%;
  }

  #lineInformation_div_map_rightMain .plg-grid-pagebar {
    display: none;
  }

  #lineInformation_div_map_leftMain .amap-marker-label {
    border: none;
    color: #fff;
    background-color: transparent;
  }


  #lineInformation_div2 .tc-panel {
    height: calc(100% - 47.5px);
    overflow-y: scroll;
  }

  #lineInformation_div1 .h-50 {
    height: 50%;
    min-height: 400px;
  }
  #lineInformation_div1 .h-49 {
    height: 49%;
    min-height: 400px;
  }

  #lineInformation_tree {
    height: 100%;
  }
</style>
<div class="layui-carousel" id="lineInformation_div2" style="height:auto !important;">
  <div carousel-item>

    <div id="lineInformation_div3" class="doubleGrid_vertical">
      <div id="lineInformation_guojzhuans2" class="firstGrid_vertical"></div>
      <div id="lineInformation_div3_bottomTab" class="secondGrid_vertical"></div>
    </div>

    <div id="lineInformation_div1" class="grid-container-full">
      <div class="tc-title">
        <a href="#" id="lineInformation_return" class="back-link"><i class="layui-icon layui-icon-return"></i></a>
        <span id="lineInformation_title">修改</span>
        <div style="float:right"><button class="layui-btn layui-btn-sm layui-btn-normal" id="lineInformation_save"><i
              class="layui-icon">&#xe605;</i>保存</button></div>
      </div>
      <div class="tc-panel">
        <div class="layui-row h-50">
          <div class="layui-col-md6">
            <h3>基本信息</h3>
            <div id="lineInformation_div4"></div>
          </div>
          <div class="layui-col-md6" style="height: 100%;">
            <h3 id="carrierType_title"></h3>
            <div id="lineInformation_div7" style="display: none;"></div>
            <div id="lineInformation_div8" style="display: none;"></div>
          </div>
        </div>
        <div class="layui-row h-50" id="lineInformation_distinguishType_1">
          <div class="layui-col-md5" style="height: 98%;">
            <h3>未绑定收货方</h3>
            <div id="lineInformation_div6"></div>
          </div>
          <div class="layui-col-md1 iconDiv">
            <i id="gridMoveRight" class="layui-icon layui-icon-right"
              style="font-size: 30px;line-height: 50px;cursor: pointer;"></i>
            <i id="gridMoveleft" class="layui-icon layui-icon-left"
              style="font-size: 30px;line-height: 50px;cursor: pointer;"></i>
          </div>
          <div class="layui-col-md6" style="height: 98%;">
            <h3>已绑定收货方</h3>
            <div id="lineInformation_div5"></div>
          </div>
        </div>
        <div class="layui-row h-49" id="lineInformation_distinguishType_2" style="display: none;">
          <h3>行政区域</h3>
          <div id="lineInformation_tree" class="ztree"></div>
        </div>
      </div>
    </div>
    <div id="lineInformation_div_map" class="grid-container-full">
      <div class="layui-row">
        <div class="layui-col-lg12">
          <div class="tc-title">
            <a href="#" id="lineInformation_return2" class="back-link"><i class="layui-icon layui-icon-return"></i></a>
            <span id="lineInformation_title2">地图详情</span>
            <div style="float:right"><button class="layui-btn layui-btn-sm layui-btn-normal"
                id="lineInformation_map_adjust"><i class="layui-icon">&#xe605;</i>线路调整</button></div>

          </div>
        </div>
      </div>
      <div class="layui-row" style="height: calc(100% - 50px)">
        <div class="layui-col-lg12 tc-panel" style="padding: 0">
          <div class="layui-col-lg8 tc-panel" style="padding: 5px">
            <div id="lineInformation_div_map_leftMain" style="height: 100%;"></div>
            <!-- <div id="panel"></div> -->
          </div>
          <div class="layui-col-lg4 tc-panel" style="padding: 5px;overflow-y: auto;">
            <div id="lineInformation_div_map_rightMain"></div>
          </div>
        </div>
      </div>
    </div>
    <div id="lineInformation_div9" class="grid-container-full">
      <div class="layui-row">
        <div class="layui-col-lg12">
          <div class="tc-title">
            <a href="#" id="lineInformation_return3" class="back-link"><i class="layui-icon layui-icon-return"></i></a>
            <span id="lineInformation_title1">调线模式</span>
            <div style="float:right"><button class="layui-btn layui-btn-sm layui-btn-normal"
                id="lineInformation_div422_save"><i class="layui-icon">&#xe605;</i>调整完成</button></div>
          </div>
        </div>
      </div>
      <div class="layui-row" style="height: calc(100% - 50px)">
        <div class="layui-col-lg12 tc-panel">
          <div id="lineInformation_div422"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript"
  src="https://webapi.amap.com/maps?v=2.0&key=7a7f83315e1f4db61723b012737b7e30&plugin=AMap.Driving"></script>