YangHuCost/web/building_saas/fee_rates/fee_rate.html

<div>
    <div class="toolsbar_feeRate px-1 ">
        <div class="form-inline py-1">
            <label  class="mx-2" >使用费率文件：<span id="feeRateFileName">费率1</span>（<label class="a_color" id="pop-lv">与<span id="projectCount">3</span> 个单位工程同步</label>）
                <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-lv" id="changFeeRateFile"><i class="fa fa-exchange"></i> 选择其他</a>
                <a class="btn btn-sm ml-1" href="#" data-toggle="modal" id="save-as" data-target="#copy-lv"><i class="fa fa-files-o"></i> 另存单独用</a></label>
        </div>
    </div>
    <div class="toolsbar_feeRate px-1">
        <div class="row" style="margin-left: 0px">
            <div class="col-lg-8 p-0">
                <div class="form-inline py-1 row">
                    <div class="col-12 form-inline">   
                        <label >工程所在地:</label> &nbsp;&nbsp;
                        <select class="form-control form-control-sm" id="location"></select> 
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <label >费率标准:</label> &nbsp;&nbsp;
                        <select class="form-control form-control-sm" id="feeRateStandard" style="width: 495px;"><option value=""></option></select>   
                    </div>
                

                       <!-- <label class="mx-2" >基于&nbsp;&nbsp;<span id="feeRateLibName">重庆渝建发[2016]35号</span></label>                 
                 <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#set-lv" id="setNewFeeRate"><i class="fa fa-cog"></i> 重选标准</a> -->
                </div>
            </div>
            <!--<div class="col-lg-4 p-0">
                <div class="form-inline py-1" style="margin-top: 5px"><input type="checkbox" id="cascadeSet" checked >  <label class="mx-2" >统一设置相同参数</label></div>
            </div>-->
        </div>
    </div>
    <div class="container-fluid">
        <div class="row ">
            <div class="col-lg-8 p-0 ">
                <div class="grid main-data-full-feeRate" id="divFee"></div>
            </div>
            <div class="col-lg-4 p-0">
                <div class="grid main-data-full-feeRate" id="subRate"></div>
            </div>
        </div>
    </div>
    <!--弹出更换-->
    <div class="modal fade" id="change-lv" 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 id="radio1" name="chaneg-lv-Radio" type="radio" value="0" onclick="changeFRadioClick()" class="" checked>
                            <span class="custom-control-indicator"></span>
                            <span class="custom-control-description">从本建设项目中选择</span>
                        </label>
                        <label class="custom-control custom-radio">
                            <input id="radio2" name="chaneg-lv-Radio" type="radio" value="1" onclick="changeFRadioClick()" class="">
                            <span class="custom-control-indicator"></span>
                            <span class="custom-control-description">从其他建设项目中复制</span>
                        </label>
                    </div>
                    <!--从本建设项目中选择-->
                    <div class="form-group" id="fromProject">
                        <label id="currentProject"></label>
                        <select class="form-control" id="currentOptions"></select>
                    </div>
                    <!--从其他建设项目中复制-->
                    <div id="fromOther" >
                        <div class="form-group">
                            <label>选择建设项目</label>
                            <select class="form-control" id="otherProject"></select>
                        </div>
                        <div class="form-group">
                            <select class="form-control" id="otherFeeRateOption"></select>
                            <small class="form-text text-muted">你选择的费率文件将复制一份至新项目，不会影响原建设项目的费率文件。</small>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button"  class="btn btn-primary" data-dismiss="modal" id="changeFeeRateConfirm">确定</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!--弹出设置-->
    <div class="modal fade" id="set-lv" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><span id="set-lv-feeRateName" style="display: none">费率1 &nbsp;</span>重选标准</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>
                        <select class="form-control" id="standardSelect"></select>
                        <small class="form-text text-danger">重新选择费率标准将重置当前费率文件的所有费率，正在使用当前费率文件的其他单位工程也将受影响。</small>
                    </div>
                    <div class="form-group">
                        <label>正在使用当前费率文件的单位工程有：</label>
                        <ul class="list-unstyled" id="usageProjectList">

                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="changeConfirm" data-dismiss="modal">确定</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!--弹出 另存新文件-->
    <div class="modal fade" id="copy-lv" 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 id="valid_name" type="hidden">
                        <input class="form-control" id="copyFeeRateName" value="">
                        <!--默认为复制费率文件名字+副本 2字，用户修改后需判断是否在同项目下存在同名-->
                        <small class="form-text text-danger" id="nameError" style="display: none">已存在同名费率文件。</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="saveAsConfirm">确定</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!--弹出 重命名窗口-->
    <div class="modal fade" id="rename-lv" 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="newFeeRateID" value="" style="display: none">
                        <input class="form-control" id="newFeeRateName" value="">
                        <small class="form-text text-danger" id="renameError">本建设项目中已存在同名费率文件。</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="renameConfirm">确定</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!--弹出 乘系数窗口-->
    <div class="modal fade" id="widthCoeDiv" 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="width_coe_value" value="">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="widthCoeDivConfirm">确定</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

</div>