ConstructionCost/web/building_saas/glj/html/project_glj.html

<style type="text/css">
  .copy,
  #save-as-tips {
    display: none;
  }
</style>
<div class="toolsbar px-1" id="projectGljToolsBar">
  <div class="form-inline py-1">
    <label class="mx-2">使用单价文件：<span id="current-name"></span>（<label class="a_color" id="pop-used-list"
        data-original-title="" title="">与<span id="used-project-count">0</span>个单位工程同步</label>）
      <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-unitFile"><i
          class="fa fa-exchange"></i> 选择其他</a>
      <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#unitFile-save-as"><i
          class="fa fa-files-o"></i> 另存单独用</a>
      <a class="btn btn-sm ml-1" id="editUnitFile" href="/unitPrice/index/123" target="_"> 编辑单价文件</a>
    </label>
    <select class="form-control form-control-sm" style="width: auto; font-size: .875rem ;color: #007bff"
      id="adjustType">
      <option value="priceInfo" selected>造价信息差额调整法</option>
      <option value="priceCoe">价格指数调整法</option>
    </select>
  </div>

</div>

<div class="container-fluid">
  <div class="row">
    <div class="gl-side  " id='filterType'>
      <ul class="nav flex-column nav-side mt-2 mb-2" style="margin-top: 0px!important;">
        <li class="nav-item"><a class="nav-link active" href="#" id="ALL">所有人材机</a></li>
        <!--   <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="LABOUR">人工</a></li>
                <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="GENERAL_MATERIAL">材料</a></li>
                <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="GENERAL_MACHINE">机械</a></li>
                <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="MAIN_MATERIAL">主材</a></li>
                <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="EQUIPMENT">设备</a></li>-->
      <!--   <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="FBFX">分部分项人材机</a></li>
        <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="TECH">措施项目人材机</a></li>
        <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="JGCL">甲供材料</a></li>
        <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="ZGCL">暂估材料</a></li> -->
        <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="SCHZ">三材汇总</a></li>
        <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="ZYCL">主要材料</a></li>
<!--         <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="AMAE">承包人主要材料设备</a></li>
        <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="PBCL">评标材料</a></li> -->
      </ul>
    </div>
    <div class="main-content col p-0" id="material_adjust" style="overflow: hidden; display: none">
      <div class="" id="material_adjust_sheet" style="overflow: hidden;width: 100%">
      </div>
    </div>
    <div class="main-content col p-0" id="config_material" style="overflow: hidden; display: none">
      <!--暂估材料，主要材料等-->
      <div class="top-content" id="configMaterialTop" style="overflow: hidden">
        <div class="main-data-top" style="width: 100%; overflow: hidden" id="config_material_sheet">
        </div>
      </div>
      <div class="resize-y" id="configMaterialResize"></div>
      <div class="bottom-content" id="configMaterialBottom">
        <ul class="nav nav-tabs" role="tablist">
          <li class="nav-item">
            <a class=" nav-link  active " data-toggle="tab" data-name="related_sheet" id="related_link"
              href="#related_div" role="tab">关联暂估材料</a>
          </li>
          <!--   <li class="nav-item">
                         <a class=" nav-link " data-toggle="tab" data-name="detail_sheet" id="detail_link" href="#related_div" role="tab">关联暂估材料明细</a>
                     </li>-->
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <div class="tab-pane active" id="related_div" role="tabpanel">
            <div class="form-inline py-1 toolsbar_feeRate" id="filterToolDiv">
              <label class="mx-2" for="filterGljName">材料名称包括:</label>
              <input type="text" class="form-control form-control-sm" id="filterGljName">
              <button type="button" class="btn btn-outline-primary btn-sm" id="filterAgain">重新过滤</button>
              <!-- <button type="button" class="btn btn-outline-primary btn-sm" id = "autoRelated">自动关联招标材料</button>-->
            </div>
            <div class="main-data-bottom" id="related_sheet" style="overflow:hidden"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="main-content col p-0" id="project-glj-main" style="overflow: hidden; ">
      <div class="top-content" id="projectGljTop" style="overflow: hidden">
        <div class="main-data-top" style="width: 100%; overflow: hidden" id="project_glj_sheet">
        </div>
      </div>
      <div class="resize-y" id="projectGljResize"></div>
      <div class="bottom-content" id="projectGljBottom">
        <ul class="nav nav-tabs" role="tablist">
          <li class="nav-item" id="info-nav-li">
            <a class="nav-link active show" id="info-nav" data-toggle="tab" data-name="info" href="#info_price_div"
              role="tab">信息价</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="mixRatio-nav" data-toggle="tab" href="#ph_div" role="tab"
              aria-selected="false">组成物计算</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " id="ration-nav" data-toggle="tab" href="#ph_div" role="tab"
              aria-selected="true">相关定额</a>
          </li>
          <!-- <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" data-name="machine_sheet" id="machine_ratio_link" href="#ph_div" role="tab">机械单价</a>
                    </li>-->
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <!--<div class="tab-pane active" id="glj_de_div" role="tabpanel">
                        <div class="main-data-bottom ovf-hidden">
                            相关定额
                        </div>
                    </div>-->
          <div class="tab-pane" id="ph_div" role="tabpanel">
            <div class="main-data-bottom" id="mix_ratio_sheet" style="overflow:hidden">
            </div>
          </div>
          <div class="tab-pane active" id="info_price_div" role="tabpanel">
            <div class="form-inline py-1 toolsbar_feeRate" id="infoToolDiv" style="background:#f7f7f9">
              <label class="mx-2" for="info_area">地区</label>
              <select class="form-control form-control-sm" style="font-size: .875rem; width:120px;" id="info_area">
                <option value=""></option>
                <option value="江北区">江北区</option>
              </select>
              <label class="mx-2" for="info_year">期数</label>
              <select class="form-control form-control-sm" style="font-size: .875rem; width:100px;" id="info_year">
                <option value=""></option>
                <option value="2020">2020</option>
                <option value="2019">2019</option>
                <option value="2018">2018</option>
                <option value="2017">2017</option>
              </select>
              <select class="form-control form-control-sm" style="font-size: .875rem; width:80px;" id="info_month">
                <option value=""></option>
                <option value="01">01</option>
                <option value="02">02</option>
                <option value="03">03</option>
                <option value="04">04</option>
                <option value="05">05</option>
                <option value="06">06</option>
                <option value="07">07</option>
                <option value="08">08</option>
                <option value="09">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
              </select>
              &nbsp;
              <input type="text" class="form-control form-control-sm" id="info_search_name">
              <button type="button" class="btn btn-outline-primary btn-sm" id="info_search_btn"><i
                  class="fa fa-search" aria-hidden="true"></i></button>
              <label class="mr-auto" id = "info-warning"></label>    
              <input type="hidden" class="form-control form-control-sm" id="info_glj_name">
              <input type="hidden" class="form-control form-control-sm" id="info_glj_code">       
              <input type="hidden" class="form-control form-control-sm" id="info_class">       
              <button type="button" class="btn btn-primary  btn-sm" id="muti_apply_info">批量套用</button>
            </div>
            <div class="main-data-bottom" id="info_price_main" style="display: flex;overflow: hidden;"> 
              <div id="info_class_sheet" style="width: 30%; overflow: hidden;"></div>
              <div id="info_price_sheet" style=" width: 70%;overflow: hidden;"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--弹出更换-->
<div class="modal fade" id="change-unitFile" data-backdrop="static">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <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">
        <div class="form-group">
          <label class="custom-control custom-radio">
            <input name="change-type" type="radio" class="" checked="checked" value="0">
            <span class="custom-control-indicator"></span>
            <span class="custom-control-description">从本建设项目中选择</span>
          </label>
          <label class="custom-control custom-radio">
            <input name="change-type" type="radio" class="" value="1">
            <span class="custom-control-indicator"></span>
            <span class="custom-control-description">从其他建设项目中复制</span>
          </label>
        </div>
        <!--从本建设项目中选择-->
        <div class="form-group select option">
          <label id="current-project-name"></label>
          <select class="form-control" id="self-file"></select>
        </div>
        <!--从其他建设项目中复制-->
        <div class="form-group copy option">
          <label>选择建设项目</label>
          <select class="form-control" id="other-project"></select>
        </div>
        <div class="form-group copy option">
          <select class="form-control" id="other-file"></select>
          <small class="form-text text-muted">你选择的单价文件将复制一份至新项目，不会影响原建设项目的单价文件。</small>
        </div>
      </div>
      <div class="modal-footer">
        <a href="javascript:void(0);" class="btn btn-primary" id="change-file-confirm">确定</a>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>
<!--弹出 另存新文件-->
<div class="modal fade" id="unitFile-save-as" data-backdrop="static">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <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">
        <div class="form-group">
          <label>单价文件名称</label>
          <input class="form-control" id="save-as-name" value="">
          <small class="form-text text-danger" id="save-as-tips">已存在同名单价文件。</small>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="save-as-confirm">确定</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>


<!--弹出 重命名窗口-->
<div class="modal fade" id="rename-unitFile" data-backdrop="static">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <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">
        <div class="form-group">
          <label>单价文件名称</label>
          <input class="form-control" id="newUnitFileID" value="" style="display: none">
          <input class="form-control" id="newUnitFileName" value="">
          <small class="form-text text-danger" id="renameError_unitFile">本建设项目中已存在同名单价文件。</small>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="renameUnitFileConfirm">确定</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<!--弹出 从人材机汇总中选择-->
<div class="modal fade" id="selectFromGLJ" data-backdrop="static">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <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" style="padding: 0px">
        <div class="btn-toolbar" style="margin: 10px">
          <div class="btn-group btn-group-sm mr-2">
            <button type="button" class="btn btn-outline-primary glj_sel_check_btn">全选</button>
            <button type="button" class="btn btn-outline-primary glj_sel_check_btn">全选主材</button>
            <button type="button" class="btn btn-outline-primary glj_sel_check_btn">全选设备</button>
          </div>
          <!--前面3个按钮 有选中状态，出现 取消 按钮-->
          <button type="button" class="btn btn-outline-danger btn-sm mr-2 glj_sel_check_btn">取消</button>
          <div class="input-group input-group-sm mr-2" style="width:200px">
            <input type="text" class="form-control form-control-sm" placeholder="查找" id="glj_sel_input" value="">
            <div class="input-group-append">
              <button class="btn btn-outline-primary btn-sm" id="glj_sel_btn_find" type="button"><i class="fa fa-search"
                  aria-hidden="true"></i></button>
            </div>
          </div>
          <div class="input-group input-group-sm">
            <div class="form-check form-check-inline">
              <input class="form-check-input glj_sel_input" type="checkbox" id="glj_sel_all" value="0">
              <label class="form-check-label" for="glj_sel_all">所有</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_labour"
                value="1">
              <label class="form-check-label" for="glj_sel_labour">人</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_material"
                checked value="2">
              <label class="form-check-label" for="glj_sel_material">材</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_machine"
                value="3">
              <label class="form-check-label" for="glj_sel_machine">机</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_main"
                checked value="4">
              <label class="form-check-label" for="glj_sel_main">主材</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_eqp" checked
                value="5">
              <label class="form-check-label" for="glj_sel_eqp">设备</label>
            </div>
          </div>
        </div>
        <div class="modal-auto-height" style="margin-top:10px; border: 1px solid #ccc">
          <div id="glj_from_sheet" style="overflow: hidden;height: 100%"></div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="glj_sel_confirm" data-dismiss="modal">确定</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<!--暂估材料弹出 从人材机汇总中选择-->
<div class="modal fade" id="selectPGLJ" data-backdrop="static">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <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" style="padding: 0px">
        <div class="btn-toolbar" style="margin: 10px">
          <div class="btn-group btn-group-sm mr-2">
            <button type="button" class="btn btn-outline-primary pglj_sel_check_btn">全选</button>
            <button type="button" class="btn btn-outline-primary pglj_sel_check_btn">全选主材</button>
            <button type="button" class="btn btn-outline-primary pglj_sel_check_btn">全选设备</button>
          </div>
          <!--前面3个按钮 有选中状态，出现 取消 按钮-->
          <button type="button" class="btn btn-outline-danger btn-sm mr-2 pglj_sel_check_btn">取消</button>
          <div class="input-group input-group-sm mr-2" style="width:200px">
            <input type="text" class="form-control form-control-sm" placeholder="查找" id="pglj_sel_input" value="">
            <div class="input-group-append">
              <button class="btn btn-outline-primary btn-sm" id="pglj_sel_btn_find" type="button"><i
                  class="fa fa-search" aria-hidden="true"></i></button>
            </div>
          </div>
          <div class="input-group input-group-sm">
            <div class="form-check form-check-inline">
              <input class="form-check-input pglj_sel_input" type="checkbox" id="pglj_sel_all" value="0">
              <label class="form-check-label" for="pglj_sel_all">所有</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input pglj_sel_input pglj_sel_input_other" type="checkbox" id="pglj_sel_material"
                checked value="2">
              <label class="form-check-label" for="pglj_sel_material">材</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input pglj_sel_input pglj_sel_input_other" type="checkbox" id="pglj_sel_main"
                checked value="4">
              <label class="form-check-label" for="pglj_sel_main">主材</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input pglj_sel_input pglj_sel_input_other" type="checkbox" id="pglj_sel_eqp"
                checked value="5">
              <label class="form-check-label" for="pglj_sel_eqp">设备</label>
            </div>
          </div>
        </div>
        <div class="modal-auto-height" style="margin-top:10px; border: 1px solid #ccc">
          <div id="pglj_from_sheet" style="overflow: hidden;height: 100%"></div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="pglj_sel_confirm" data-dismiss="modal">确定</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<!--弹出 信息价单位换算窗口-->
<div class="modal fade" id="infoPriceCoeDiv" data-backdrop="static">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <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">
        <!-- <div class="form-group">
                  <label id = "assistProductionLabel">辅助生产间接费费率(%)</label>
                  <input class="form-control" id="assistProductionFeeRate" value="">
              </div> -->
        <input type="hidden" id="infoRow" value="">
        <fieldset class="form-group" style="border:1px solid #b3b3b3;padding: 15px">
          <legend class="legend"></legend>
          <label>材料名称：</label><label id="applyGLJName">钢筋</label><br>
          <label>单位：</label><label id="applyGLJUnit">t</label>=&nbsp;<input id="infoPriceCoe" type="number"
            class="form-control form-control-sm" style="display:inline;width: 200px;" value="">&nbsp;<label
            id="applyInfoUnit">m3</label>
        </fieldset>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="infoPriceCoeConfirm">确定</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>


<!--弹出批量套用窗口-->
<div class="modal fade" id="mutiApplyInfoPriceDiv" data-backdrop="static">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <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" style="padding: 0;">
        <fieldset class="form-group" style="padding: 1rem;">
          <h5>套用条件</h5>
          <label class="form-check-label info-checkbox">
            <input class="" type="checkbox" checked disabled>
            名称
          </label>
          <label class="form-check-label info-checkbox">
            <input class="" type="checkbox" checked disabled>
            规格型号
          </label>
          <label class="form-check-label info-checkbox">
            <input class="" type="checkbox" checked disabled>
            单位
          </label>
        </fieldset>

        <fieldset class="form-group" style="border-top:1px solid #ccc;padding: 1rem;">
          <h5>套用类别</h5>
          <label class="form-check-label info-checkbox">
            <input class="info_apply_type" id="info_label" value="1" type="checkbox">
            人工
          </label>
          <label class="form-check-label info-checkbox">
            <input class="info_apply_type" id="info_material" value="2" type="checkbox" checked>
            材料
          </label>
          <label class="form-check-label info-checkbox">
            <input class="info_apply_type" id="info_machine" value="3" type="checkbox">
            机械
          </label>
          <label class="form-check-label info-checkbox">
            <input class="info_apply_type" id="info_main" value="4" type="checkbox" checked>
            主材
          </label>
          <label class="form-check-label info-checkbox">
            <input class="info_apply_type" id="info_equipment" value="5" type="checkbox" checked>
            设备
          </label>
        </fieldset>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal" id="mutiApplyinfoPriceConfirm">确定</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>