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="#" id ="exec_divide_btn" >执行分摊</a>
      <a class="btn btn-sm ml-1" href="#" id="cancel_divide_btn" > 取消分摊</a></label>
      <a class="btn btn-sm ml-1" href="#" id="cancel_all_divide_btn" > 取消所有分摊</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-7" style="padding: 0px;" id="divide_main_sheet"></div>
          <div class="main-data-top left col-5" 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>

<!--弹出 执行分摊-->
<div class="modal fade" id="exec_divide_div" data-backdrop="static">
  <div class="modal-dialog modal-lg" style="max-width: 1100px" role="document">
      <div class="modal-content" style="width: 1100px">
          <div class="modal-header">
              <h5 class="modal-title">执行分摊</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
              </button>
          </div>
          <div class="modal-body">
            <label>混凝土拌合站建设费分摊到：</label>
              <div class="row" style="height:400px;border-top: 1px solid #ccc;"><!--sjs id设置在这个div-->
                  <div style="overflow: hidden; width: 100%;" id="billSelectedSheet" > </div>
              </div>
              <div class="row" style="height:250px"><!--sjs id设置在这个div-->
                  <div style="overflow: hidden; width: 100%" id="execBillSheet"></div>
              </div>
          </div>
          <div class="modal-footer" style="justify-content: left;">
            <div class=" col-10" style="overflow: hidden" id="install_setting">
              <div >
                  <!--<div class="setting_title">整个项目统一计取</div>-->
                  <fieldset class="form-group"  style="border:1px solid #b3b3b3;padding: 15px">
                      <legend class="legend" >分摊方式：</legend>
                      <div class=" row" style="margin-left: 10px;">
                        <div class=" col-6">
                          <label class="form-check-label">
                            <input class="form-check-input divide_type" name="divide_type" id="divide_by_bills" value="0" type="radio">
                            按清单金额分摊
                        </label>
                        </div>
                         <div class=" col-6">
                          <label class="form-check-label">
                              <input class="form-check-input divide_type" name="divide_type" id="divide_by_concrete" value="1" type="radio">
                              按混凝土用量分摊
                          </label>
                        </div>
                        <div class=" col-6">
                          <label class="form-check-label">
                            <input class="form-check-input divide_type" name="divide_type" id="divide_by_customer" value="2" type="radio">
                            自定义分摊比例
                        </label>
                        </div>
                      </div>
                  </fieldset>
              </div>
          </div>
              <button  class="btn btn-primary" id="divide_confirm" data-dismiss="modal">确定</button>
              <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
          </div>
      </div>
  </div>
</div>