Calculation/app/view/sp_setting/category_modal.ejs

<!--弹出添加类别-->
<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 form-control-sm"  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 btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" 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 form-control-sm"  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 btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" id="edit-cate-ok">确认</button>
            </div>
        </div>
    </div>
</div>
<!--弹出添加值-->
<div class="modal fade" id="add" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">添加值</h5>
            </div>
            <div class="modal-body" style="max-height: 500px;overflow: auto">
                <table class="table table-bordered">
                    <thead>
                    <tr><th width="10%" class="text-center">序号</th><th>值</th><th width="10%">包含标段</th><th width="40px">排序</th><th width="10%">删除</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 btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" 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 btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger btn-sm" 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 btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger btn-sm" id="del-cate-value-ok">确认删除</button>
            </div>
        </div>
    </div>
</div>