![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fc3e75c9f5056e4712ce275d70edb296.png)
<a href="javascript:;" class="btn btn btn-danger redo" style="margin-left: 0.5rem;" onclick="redo()">新重做</a>
<form class="layui-form" id="test" style="display:none">
<div class="layui-form-item">
<div class="col-md-12">
<table class="layui-table" id="serviceTables" >
<colgroup>
<col width="50%">
<col width="20%">
<col width="30%">
</colgroup>
<thead>
<tr>
<th>
责任部门
</th>
<th>占比
<th>操作</th>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>
<button id="newBtn" type="button" class="layui-btn layui-btn-primary layui-btn-fluid" > <i class="layui-icon"></i> 新增</button><br>
</div>
</div>
</form>
function redo(){
layer.open({
type:1,
area:['500px','600px'],
title: '重做',
content: $("#test"),
cancel: function(layero,index){
layer.closeAll();
}
});
$("#newBtn").click(function() {
var str = '';
str += '<tr>';
str += '<td>';
str += '<select name="depart" id="depart" class="form-control depart" lay-verify="required" lay-search>';
str += ' <option value="">请选择</option>';
str += ' <option value="秃毛呀">秃毛?</option>';
str += ' <option value="秃驴呀">秃驴?</option>';
str += ' <option value="秃牙呀">秃牙?</option>';
str += ' <option value="秃顶呀">秃顶?</option>';
str += '</select></td>';
str += '<td>';
str += '<input type="number" name="title" class="layui-input username" id="username" style="width:90%;" min="0" max="100"';
str += 'onmousewheel="$.fn.commonBulkJs.stopScrollFun()" οnscrοll="$.fn.commonBulkJs.stopScrollFun()" required lay-verify="required" placeholder="占比" autocomplete="on">';
str += '</td>';
str += '<td><button type="button" class="layui-btn layui-btn-xs qrBtn"> <i class="layui-icon">确定</i></button>';
str += '<button type="button" class="layui-btn layui-btn-xs delBtn"> <i class="layui-icon">删除</i></button></td>';
str += '</tr>';
$("#serviceTables").append(str);
layui.use('form', function() {
var form = layui.form;
form.render();
});
});
$("#myTable").on("click",".qrBtn",function(){
$("#myTable tr:last").remove();
var newStr = '';
var serviceName = $(this).parent().parent().find("td:nth-child(1)").find("input").val();
var servicePrice = $(this).parent().parent().find("td:nth-child(2)").find("input").val();
newStr += '<tr>';
newStr += '<td>';
newStr += serviceName;
newStr += '</td>';
newStr += '<td>' + servicePrice + '</td>';
newStr += '<td><a href="#" class="co-green bjBtn">编辑</a> <a href="#" class="co-green delBtn">删除</a></td>';
newStr += '</tr>';
$("#myTable").append(newStr);
layui.use('form', function() {
var form = layui.form;
form.render();
});
});
$("#myTable").on("click", ".bjBtn", function () {
var thinLine = $(this).parents('tr');
thinLine.each(function (i) {
var reg = /编辑/;
$(this).children('td').each(function (j) {
var tdDom = $(this);
var tdPreText = $(this).text();
if (reg.test(tdPreText)) {
var newBtns = '<button type="button" class="layui-btn layui-btn-xs qrBtn"><i class="layui-icon">确定</i></button>';
newBtns += '<button type="button" class="layui-btn layui-btn-xs cancelBtn"><i class="layui-icon">取消</i></button>';
$(this).html(newBtns);
} else {
$(this).html("<input type='text'>").find("input").addClass('layui-input').val(tdPreText);
}
});
});
});
}