<!--弹出添加类别-->
<div class="modal fade" id="add-cate" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">添加类别</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>类别名称</label>
                    <input class="form-control"  placeholder="请使用简短的名称" type="text" name="name">
                </div>
                <div class="form-group">
                    <label>类型</label>
                    <div name="type">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="add-cate-ok">确认添加</button>
            </div>
        </div>
    </div>
</div>
<!--弹出编辑类别-->
<div class="modal fade" id="edit-cate" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">编辑类别</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>类别名称</label>
                    <input class="form-control"  placeholder="请使用简短的名称" value="年份" type="text" name="name">
                </div>
                <div class="form-group">
                    <label>类型</label>
                    <div name="type">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="edit-cate-ok">确认</button>
            </div>
        </div>
    </div>
</div>
<!--弹出添加值-->
<div class="modal fade" id="add" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">添加值</h5>
            </div>
            <div class="modal-body">
                <table class="table table-bordered">
                    <thead>
                    <tr><th>值</th><th>包含标段</th><th>删除</th></tr>
                    </thead>
                    <tbody id="value-list">
                    </tbody>
                </table>
                <div class="alert alert-warning mt-3" role="alert">
                    新建类别，如项目中已有标段，所有标段默认都是用第一个值。
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="add-ok">确认</button>
            </div>
        </div>
    </div>
</div>
<!--弹出删除-->
<div class="modal fade" id="del-cate" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">删除类别</h5>
            </div>
            <div class="modal-body">
                <h5>删除后，数据无法恢复，请谨慎操作。</h5>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger" id="del-cate-ok">确认删除</button>
            </div>
        </div>
    </div>
</div>
<!--弹出删除值 如果值下有标段-->
<div class="modal fade" id="del-cate-value" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">删除值</h5>
            </div>
            <div class="modal-body">
                <h6>该值下有 <span id="tender-count">5</span> 个标段，请设置删除后归属值。</h6>
                <div class="form-group">
                    <label>选择目标值</label>
                    <div id="tender-target">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
                            <label class="form-check-label" for="inlineRadio1">2018</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
                            <label class="form-check-label" for="inlineRadio2">2017</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger" id="del-cate-value-ok">确认删除</button>
            </div>
        </div>
    </div>
</div>