Calculation/app/view/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"  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>
            <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>