00037-layui 表单有子列表，如何动态新增和保存（弹窗版）？

表单中有一个接收明细的子列表，html:

<div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header" style="background-color: #e6e6e6">接收明细</div>
                <div class="layui-card-body" style="height: 200px;">
                    <table class="layui-hide" id="companyPaperRecordDetailListTable" lay-filter="companyPaperRecordDetailListTable"></table>
                    <script type="text/html" id="companyPaperRecordDetailListTable-toolbar">
                        <div class="layui-btn-container">
                            <button class="layui-btn layui-btn-xs" data-type="addRec">添加</button>
                        </div>
                    </script>
                    <script type="text/html" id="companyPaperRecordDetailListTable-bar">
                        <a class="layui-btn layui-btn-xs" lay-event="editRec">编辑</a>
                        <button class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delRec">删除</button>
                    </script>
                </div>
            </div>
        </div><div class="layui-col-md1