YangHuCost/web/building_saas/main/html/divide.html

<div class="toolsbar d-flex px-1 justify-content-between" id="divideToolsBar">
  <div class="form-inline py-1">
      <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#exe_divide">执行分摊</a>
      <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#cancel_divide"> 取消分摊</a></label>
      <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#cancel_all_divide"> 取消所有分摊</a></label>
  </div>
  <div class="divide_side-tabs form-inline">
    <ul class="nav nav-tabs" role="tablist">
      <li class="nav-item" id="li_divide_stdRationTab">
        <a class="nav-link px-1 divide-nav-link" style="height: 110%;" href="javascript:void(0)" id="divide_stdRationTab"
           relaPanel="#divide_de">定额库</a>
    </li>
    </ul>
  </div>
</div>

<div class="container-fluid">
  <div class="row" id="divideRow">
      <div class="main-content col p-0 " id="divide_main" style="overflow: hidden">
       <div class="top-content row"  id="divide_top" style="overflow: hidden;margin-left: 0px;margin-right: 0px;">
          <div class="main-data-top left col-6" style="padding: 0px;" id="divide_main_sheet"></div>
          <div class="main-data-top left col-6" style="padding: 0px;" id="divide_bills_sheet"></div>
       </div>
       <div class="resize-y" id="divideResize"></div>
          <div class="bottom-content" id="divideBottom">
              <ul class="nav nav-tabs d-flex" role="tablist">
                  <li class="nav-item">
                      <a class="nav-link active show" id="divide_glj_nav" data-toggle="tab" href="#divide_subItems" role="tab" aria-selected="true">工料机</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link " id="divede_calc_nav" data-toggle="tab" href="#divide_subItems" role="tab" aria-selected="false">计算程序</a>
                  </li>
              </ul>
              <!-- Tab panes -->
              <div class="tab-content"> 
                  <div class="tab-pane active" id="divide_subItems" role="tabpanel">
                      <div class="main-data-bottom" id="divide_subSpread" style="overflow:hidden;float: left;width: 100%;"></div>
                      <div class="main-data-bottom ovf-hidden col-auto p-0" id="divide_itemTextDiv" style="display: none">
                        <div class="resize-x main-data-bottom ovf-hidden" id="divide_rgResize" style="display: none"></div>
                        <div class="item_spread main-data-bottom ovf-hidden " id="divide_gljSubDiv" style="width: 99%;">
                            <div class="tab-content">
                                <div class="tab-pane" id="divide_rnc-zm">
                                    <div class="main-data-bottom ovf-hidden" id = "divide_coeSpread">
                                    </div>
                                </div>
                                <div class="tab-pane" id="divide_rnc-cus">
                                    <div class="main-data-bottom ovf-hidden" id = "divide_cusSpread">
                                    </div>
                                </div>
                                <div class="tab-pane" id="divide_rnc-stable">
                                    <div class="main-data-bottom ovf-hidden" id="divide_stableSpread"></div>
                                </div>
                            </div>
                        </div>
                        <div class=" main-data-bottom ovf-hidden col-auto p-0" id="divide_gljItemTab" style="width: 30px">
                            <div class="rn-nav d-flex align-items-start flex-column divide_gljSubTab">
                                <div id="divide_zmhs_toogle">
                                    <div class="d-flex align-items-start flex-column" data-toggle="tooltip" data-placement="left" title="" data-original-title="打开定额调整">
                                        <span class="mt-3 ml-2 text-primary">定额调整</span>
                                        <i class="fa fa-arrow-left mt-auto mb-3 text-primary ml-2"></i>
                                    </div>
                                </div>
                                <div id="divide_zmhs_nav" style="display: none">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item" data-toggle="tooltip" data-placement="left" title="收起">
                                            <a data-toggle="tab" href="#divide_rnc-close" role="tab" class="zmhs-link nav-link">收起<!--<i class="fa fa-arrow-right"></i>--></a>
                                        </li>
                                       
                                        <li class="nav-item" data-toggle="tooltip" data-placement="left" title="附注条件"><a data-toggle="tab"  id="divide_hs-nav" href="#divide_rnc-zm" role="tab"class="divide_zmhs-link nav-link">换算</a></li>
                                        <li class="nav-item" data-toggle="tooltip" data-placement="left" title="自定义系数"><a data-toggle="tab" href="#divide_rnc-cus" role="tab"class="divide_zmhs-link nav-link">系数</a></li>
                                        <li class="nav-item" data-toggle="tooltip" data-placement="left" title="定额稳定土"><a data-toggle="tab" href="#divide_rnc-stable" role="tab" class="divide_zmhs-link nav-link">稳定土</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="divide_side" style="display: inline-block" id="divide_side">
        <div class="resize-x" id="divideSideResize"></div>
        <div class="tab-content" style="width: 99%; height: 100%; float: left">
          <!--定额库-->
          <div class="tab-pane" id="divide_de">
            <div class="tools-bar-height-d container-fluid" id="divide_deToolsBar">
                <div class="p-1 row">
                    <select class="form-control form-control-sm col-6" id="divide_stdRationLibSelect">
                    </select>
                    <div class="input-group col-6">
                        <input type="text" class="form-control form-control-sm" placeholder="搜索定额" value="" id="divide_rationSearchKeyword">
                        <div class="input-group-append">
                            <button class="btn btn-secondary btn-sm" type="button" id="divide_rationSearch"><i class="fa fa-search" aria-hidden="true"></i></button>
                        </div>
                    </div>
                    <!--搜索结果窗体-->
                    <div class="side-search-box col-12 p-0" id="divide_rationSearchResult" style="display: none;">
                        <div class="d-flex justify-content-between">
                            <div class="my-1">
                                <span id="divide_rationSearchCount"></span>
                                <button id="divide_curRationLib" type="button" class="btn btn-sm btn-secondary" style="margin-left: 15px;">本定额</button>
                                <button id="divide_allRationLibs" type="button" class="btn btn-sm btn-light">全部定额</button>
                            </div>
                            <a title="关闭搜索" class="btn btn-link btn-sm" href="javascript:void(0)"><i class="fa fa-remove" aria-hidden="true"></i></a>
                        </div>
                        <div class="w-100 main-data-side-search"></div>
                    </div>
               
                </div>
            </div>
            <div class="top-content" id="divide_deTopDiv" style="overflow: hidden">
                <div class="" id="divide_stdRationChapter"></div>
            </div>
            <div class="resize-y" id="divide_deResize" style="background: #F1F1F1"></div>
            <div class="bottom-content" id="divide_deBottomDiv">
                <div class="main-data-bottom" id="divide_stdSectionRations"></div>
            </div>
        </div>
        </div>
  </div>
</div>