YangHuCost/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></label>
        <div class="input-group input-group-sm mr-2">
            <select class="form-control form-control-sm" id="vvTax">
                <option value="">车船税标准</option>
                <option>福建车船税标准（2012）</option>
            </select>
        </div>
        <a class="btn btn-sm ml-1" id="editUnitFile" href="/unitPrice/index/123" target="_"> 编辑单价文件</a>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
      <div class=" gl-side  filterType" 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"><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="PBCL">评标材料</a></li>
        </ul>
      </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 left" id="project_glj_sheet"></div>
            <div id="project_glj_sheet_Temp" style="display: none"></div>
         </div>
         <div class="resize-y" id="projectGljResize"></div>
            <div class="bottom-content" id="projectGljBottom">
                <ul class="nav nav-tabs d-flex" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active show" id="calc-nav" data-toggle="tab" href="#mc" role="tab" aria-selected="true">材料计算</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" href="#" data-toggle="modal" data-target="#calcCoeDiv"></i> 计算系数</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 container-fluid active" id="mc" role="tabpanel">
                        <div class="row">
                            <div class="main-data-bottom ovf-hidden" id="materialCalcSheet" style="width: 55%"></div>
                            <div class="main-data-bottom ovf-hidden full-h "  id="calcDiv" style="width: 45%">
                                <div class="resize-x  ovf-hidden left full-h" id="mrResize"></div>
                                <div class=" left full-h" style="width: 30px" >
                                    <div class="rn-nav cn-nav d-flex align-items-start flex-column"id="calTab">
                                        <ul class="nav nav-tabs">
                                            <li class="nav-item"><a data-toggle="tab" href="#rnc-yf" role="tab" class="nav-link material_link active">运费计算</a></li>
                                            <li class="nav-item"><a data-toggle="tab" id="priceTab" href="#rnc-yj" role="tab" class="nav-link material_link">原价计算</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class=" left full-h" id="spreadTabDiv">
                                    <div class="tab-content full-h">
                                        <div class="tab-pane full-h active" id="rnc-yf">
                                            <div class=" ovf-hidden full-h">
                                                <div class="ovf-hidden full-h" id="freightSheet"></div>
                                                <div class="ovf-hidden half-h" id="freight_ration" style="display: none">
                                                    <div class="ovf-hidden full-h" id="freight_ration_sheet"></div>  <!---->
                                                    <div class="left full-h" id="freight_ration_ass" style="display: none">
                                                        <label class="mx-2" id="freight_ass_label" for="freight_ass_value" style="margin-top: 10px">运距m</label><br>
                                                        <input type="text" class="form-control form-control-sm ration_ass_value" id="freight_ass_value">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane full-h" id="rnc-yj">
                                            <div class="full-h ovf-hidden">
                                                <div class="ovf-hidden half-h" id="priceSheet" style=""></div>
                                                <div class="ovf-hidden half-h" id="price_ration" >
                                                    <div class="ovf-hidden full-h" id="price_ration_sheet" ></div>
                                                    <div class="left full-h" id="price_ration_ass" style="display: none">
                                                        <label class="mx-2" id="price_ass_label" for="price_ass_value" style="margin-top: 10px">运距m</label><br>
                                                        <input type="text" class="form-control form-control-sm ration_ass_value" id="price_ass_value">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </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" id="jx_div" role="tabpanel">
                        <div class="main-data-bottom" id="machine_sheet">
                        </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="calcCoeDiv" 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 = "machineConstCoeLabel">机械不变费用系数</label>
                    <input class="form-control" id="machineConstCoe" value="">
                </div>
                <div class="form-group">
                    <label id = "assistProductionLabel">辅助生产间接费费率(%)</label>
                    <input class="form-control" id="assistProductionFeeRate" value="">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="calcCoeConfirm">确定</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>


<!--弹出 插入内蒙古运费计算窗口口-->
<div class="modal fade" id="insertNeimengDiv" 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="freight_start" value="">
                    <label>材料种类</label>
                    <select class="form-control" id="freight_materialType">
                        <option value="地方材料">地方材料</option>
                        <option value="外购材料">外购材料</option>
                        <option value="沥青、燃料等">沥青、燃料等</option>
                    </select>
                    <label>运输距离</label>
                    <input class="form-control" id="freight_kmDistance" value="0">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="insertFreightconfirm">确定</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>


<!--弹出 计算综合电价窗口-->
<div class="modal fade" id="electrovalenceDiv" 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="height: 200px;padding: 0px">
                <div class="ovf-hidden full-h" id="electrovalence_sheet"></div>
            </div>
            <div class="modal-footer">
                <div style="width: 70%">
                    <button type="button" class="btn btn-danger" id="removeElectrovalencec">删除</button>
                    <label id="electrovalenceLabel">综合电价：</label>
                </div>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="electrovalencecConfirm">确定</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>