ConstructionCost/web/building_saas/glj/html/glj_index.html

<style type="text/css">
    .copy,#save-as-tips{
        display: none;
    }
</style>
<div class="toolsbar px-1">
    <div class="form-inline py-1">
        <label class="mx-2">当前使用：<span id="used-name"></span>（<a href="#" id="pop-dj" data-original-title="" title=""><span id="used-count">0</span> 单位工程使用</a>）
            <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-dj"><i class="fa fa-exchange"></i> 选择其他</a>
            <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#file-save-as-dialog"><i class="fa fa-files-o"></i> 另存单独用</a></label>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12 p-0" id="glj-main">
            <div class="top-content">
                <div class="main-data-top" id="project-glj">
                    <p style="text-align: center; margin-top: 30px;">正在加载数据</p>
                </div>
            </div>
            <div class="bottom-content">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" data-name="ration" href="#glj_de" role="tab">相关定额</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" data-name="mix-ratio" href="#ph" role="tab">配合比表</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" data-name="machine" href="#jx" role="tab">机械单价</a>
                    </li>
                    <li class="nav-item ml-auto mr-4">
                        <a class="nav-link text-muted position-absolute resize" data-toggle="tooltip" data-placement="bottom" title="按住，上下拖动调整高度"><i class="fa fa-arrows-v"></i></a>
                    </li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active" id="glj_de" role="tabpanel">
                        <div class="main-data-bottom ovf-hidden">
                            相关定额
                        </div>
                    </div>
                    <div class="tab-pane" id="ph" role="tabpanel">
                        <div class="main-data-bottom" id="mix-ratio">
                        </div>
                    </div>
                    <div class="tab-pane" id="jx" role="tabpanel">
                        <div class="main-data-bottom" id="machine">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--弹出更换-->
<div class="modal fade" id="change-dj" 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="custom-control-input" 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="custom-control-input" 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">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <a href="javascript:void(0);" class="btn btn-primary" id="change-file-confirm">确定</a>
            </div>
        </div>
    </div>
</div>
<!--弹出 另存新文件-->
<div class="modal fade" id="file-save-as-dialog" 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-secondary" data-dismiss="modal">取消</button>
                <a href="javascript:void(0);" class="btn btn-primary" id="save-as-confirm">确定</a>
            </div>
        </div>
    </div>
</div>