YangHuOperation/web/maintain/bill_template_lib/html/edit.html

<nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0 second_header">
    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item">
            <a class="nav-link active px-3" href="javascript: void(0);">清单模板</a>
        </li>
    </ul>
</nav>

<div class="main">
    <div class="content" >
        <div class=" col-lg-12 p-0">
            <nav class="navbar sticky-top navbar-toggleable-md navbar-light bg-faded tools-bar">
                <div class="collapse navbar-collapse" id="navbarNav">
                    <div class="tools-btn btn-group align-top">
                        <a class="lock-btn-control" href="" class="btn btn-sm"><i class="fa fa-files-o" aria-hidden="true"></i> 复制</a>
                        <a class="lock-btn-control" href="" class="btn btn-sm"><i class="fa fa-scissors" aria-hidden="true"></i> 剪切</a>
                        <a class="lock-btn-control" href="" class="btn btn-sm"><i class="fa fa-clipboard" aria-hidden="true"></i> 粘贴</a>
                        <a href="javascript:void(0)" class="btn btn-sm lock-btn-control" id="insert"><i class="fa fa-sign-in" aria-hidden="true"></i> 插入</a>
                        <a href="javascript:void(0)" class="btn btn-sm lock-btn-control" id="m_insert" data-toggle="modal" data-target="#insertInputDiv"><i class="fa fa-sign-in" aria-hidden="true"></i> 插入多行</a>
                        <a href="javascript:void(0)" class="btn btn-sm lock-btn-control" id="delete"><i class="fa fa-remove" aria-hidden="true"></i> 删除</a>
                        <a href="javascript:void(0)" class="btn btn-sm lock-btn-control" id="upLevel"><i class="fa fa-arrow-left" aria-hidden="true"></i> 升级</a>
                        <a href="javascript:void(0)" class="btn btn-sm lock-btn-control" id="downLevel"><i class="fa fa-arrow-right" aria-hidden="true"></i> 降级</a>
                        <a href="javascript:void(0)" class="btn btn-sm lock-btn-control" id="downMove"><i class="fa fa-arrow-down" aria-hidden="true"></i> 下移</a>
                        <a href="javascript:void(0)" class="btn btn-sm lock-btn-control" id="upMove"><i class="fa fa-arrow-up" aria-hidden="true"></i> 上移</a>
                    </div>
                </div>
            </nav>
            <div class="edit-spread" id="billsSpread"></div>

        </div>
    </div>
</div>

<!--弹出插入多行对话框-->
<div class="modal fade" id="insertInputDiv" data-backdrop="static" style="display: none;" aria-hidden="true">
    <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">×</span>
                </button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label>插入行数</label>
                        <input id="insertCount" class="form-control" placeholder="行数" type="number" min="1" value="1" step="1">
                        <small class="form-text text-danger" id="insertError" style="display: none">请输入正确的行数。</small>
                        <input id="libID" type="hidden">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <a id="m_insert_confirm" href="javascript: void(0);" class="btn btn-primary" >确定</a>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>


<script>
    let billsTemplateData = '<%- billsTemplateData %>';
    let billsFixedFlagList = '<%- billsFixedFlagList %>';
    let billsTypeFlagList = '<%- billsTypeFlagList %>';
    let updateUrl = '/billsTemplate/updateBillsTemplateItem/<%= libID%>';
</script>
<script type="text/javascript" src="/public/web/id_tree.js"></script>
<script type="text/javascript" src="/public/web/sheet/sheet_common.js"></script>
<script type="text/javascript" src="/public/web/tree_sheet/tree_sheet_helper.js"></script>
<script type="text/javascript" src="/public/web/tree_sheet/tree_sheet_controller.js"></script>
<script type="text/javascript" src="/public/web/common_ajax.js"></script>
<script src="/public/web/lock_util.js"></script>
<script type="text/javascript" src="/web/maintain/bill_template_lib/js/bills_template_edit.js"></script>