写一个layui表格，表头（序号，工作内容，完成日期，操作）表格刚加载出来是空的没有值，表格倒数第一行有一个新增按钮（带索引），点击新增按钮增加四个可以输入的单元格

好的，很高兴为您解答。以下是您所需要的layui表格代码，您可以根据自己的需要进行修改和装饰。

<!--引入layui样式和JS-->
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>

<!--在页面中创建表格-->
<table class="layui-table" id="myTable" lay-filter="myTable"></table>

<!--编写JavaScript代码-->
<script>
    layui.use('table', function () {
        var table = layui.table;

        //设置表头数据
        var tableHeader = [[
            {field: 'id', title: '序号'},
            {field: 'name', title: '工作内容'},
            {field: 'date', title: '完成日期'},
            {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150},
        ]];

        //设置表格数据
        var tableData = [];

        //初始化表格
        table.render({
            elem: '#myTable',
            cols: tableHeader,
            data: tableData
        });

        //监听工具条
        table.on('tool(myTable)', function (obj) {
            if(obj.event === 'add'){ //新增按钮被点击
                //获取当前表格的数据
                var tableData = table.cache.myTable;

                //生成一个新的行数据
                var newRow = {
                    id: tableData.length + 1,
                    name: '',
                    date: '',
                };

                //将新行添加到表格中
                tableData.push(newRow);

                //更新表格数据
                table.reload('myTable', {
                    data: tableData
                });
            }
        });
    });
</script>

<!--编写模板字符串（操作列中的删除按钮）-->
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
</script>

希望这个代码对您有所帮助。如果您有其他问题，请随时提出。