主页面html代码：
服务管理
layui.use([‘admin’, ‘table’, ‘view’, ‘element’, ‘form’], function () {
var $ = layui.$
, admin = layui.admin
, view = layui.view
, table = layui.table
, form = layui.form
, element = layui.element;
table.render({
elem: ‘#test-table-toolbar’
, url: ‘../Data.aspx?cmd=select_webservice’
, toolbar: ‘#test-table-toolbar-toolbarDemo’
, cols: [[
{ type: ‘numbers’, fixed: ‘left’ }
, { fixed: ‘left’, title: ‘操作’, toolbar: ‘#test-table-toolbar-barDemo’, width: 200 }
, { field: ‘servicename’, width: 175, title: ‘名称’, align: ‘center’, sort: true }
, {
field: ‘servicename’, title: ‘服务’, width: 200, templet: function (d) {
return “
“;
}}
, { field: ‘filename’, width: 310, title: ‘脚本位置’, align: ‘center’, sort: true }
, { field: ‘servicedescription’, width: 175, title: ‘描述’, align: ‘center’, sort: true }
, { field: ‘app_url’, width: 355, title: ‘节点注册地址’, align: ‘center’, sort: true }
, { field: ‘app_url_reg_time’, width: 175, title: ‘节点注册时间’, align: ‘center’, sort: true }
]]
, page: true
, limit: 10
, limits: [10, 15, 20, 25, 30]
, text: ‘对不起，加载出现异常！’
});
//监听行工具事件
table.on(‘tool(test-table-toolbar)’, function (obj) {
var data = obj.data;
if (obj.event === ‘show’) {
admin.popup({
title: ‘编辑工单’
, area: [‘450px’, ‘450px’]
, id: ‘LAY-popup-workorder-add’
, success: function (layero, index) {
view(this.id).render(‘app/workorder/listform’).done(function () {
form.render(null, ‘layuiadmin-form-workorder’);
//监听提交
form.on(‘submit(LAY-app-workorder-submit)’, function (data) {
var field = data.field; //获取提交的字段
//提交 Ajax 成功后，关闭当前弹层并重载表格
//$.ajax({});
layui.table.reload(‘LAY-app-workorder’); //重载表格
layer.close(index); //执行关闭
});
});
}
});
}
});
//搜索表单
form.render(null, ‘test-table-toolbar’);
//监听搜索
form.on(‘submit(reguest-inspect-form-search)’, function (data) {
var field = data.field;
//执行重载
table.reload(‘reguest-inspect-table-page’, {
where: field
});
});
table.on(‘toolbar(test-table-toolbar)’, function (obj) {
var checkStatus = table.checkStatus(obj.config.id);
switch (obj.event) {
case ‘serviceadd’:
admin.popup({
title: ‘增加服务’
, area: [‘450px’, ‘250px’]
, id: ‘LAY-popup-content-add’
, success: function (layero, index) {
view(this.id).render(‘app/esb-sub/add/serviceadd’).done(function () {
form.render(null, ‘layuiadmin-app-form-list’);
//监听提交
form.on(‘submit(layuiadmin-app-form-submit)’, function (data) {
var data_json = data.field; //获取提交的字段
//alert(field);
//提交 Ajax 成功后，关闭当前弹层并重载表格
//$.ajax({});
$.ajax({
type: ‘POST’,
url: ‘../data.aspx?cmd=save_service’,
dataType: “JSON”,
crossDomain: true,
data: { data_json: JSON.stringify(data.field)},
success: function (result) {
layer.alert(result.msg);
},
error: function (jqXHR, textStatus, errorThrown) {
layer.alert(result.msg);
}
});
layui.table.reload(‘test-table-toolbar’); //重载表格
layer.close(index); //执行关闭
});
});
}
});
break;
};
});
//监听提交
form.on(‘submit(layuiadmin-app-form-submit)’, function (data) {
var field = data.field; //获取提交的字段
//提交 Ajax 成功后，关闭当前弹层并重载表格
//$.ajax({});
$.ajax({
type: ‘POST’,
url: ‘../../../../../data.aspx?cmd=save_service’,
dataType: “JSON”,
crossDomain: true,
data: data,
success: function (result) {
layer.alert(result.msg);
},
error: function (jqXHR, textStatus, errorThrown) {
layer.alert(result.msg);
}
});
table.reload(‘test-table-toolbar’); //重载表格
layer.close(index); //执行关闭
});
//编辑
table.on(‘tool(test-table-toolbar)’, function (obj) {
var data = obj.data;
if (obj.event === ‘edit’) {
admin.popup({
title: ‘修改服务’
, area: [‘450px’, ‘250px’]
, id: ‘LAY-popup-content-add’
, success: function (layero, index) {
view(this.id).render(‘app/esb-sub/update/serviceupdate’, data).done(function () {
form.render(null, ‘layuiadmin-app-form-service-update’);
//监听提交
form.on(‘submit(layuiadmin-app-form-submit)’, function (data) {
var data_json = data.field; //获取提交的字段
//alert(JSON.stringify(data.field));
//提交 Ajax 成功后，关闭当前弹层并重载表格
//$.ajax({});
$.ajax({
type: ‘POST’,
url: ‘../Data.aspx?cmd=save_service’,
dataType: “JSON”,
crossDomain: true,
data: { data_json: JSON.stringify(data.field), servicename_old: data.field.servicename == “undefined” ? “” : data.field.servicename },
success: function (result) {
layui.msg(result.msg);
},
error: function (jqXHR, textStatus, errorThrown) {
alert(result.msg);
}
});
layui.table.reload(‘test-table-toolbar’); //重载表格
layer.close(index); //执行关闭
});
});
}
});
}
if (obj.event === ‘del’) {
layer.confirm(‘真的删除行么’, function (index) {
obj.del();
layer.close(index);
$.ajax({
type: ‘POST’,
url: ‘../data.aspx?cmd=delete_service ‘,
dataType: “JSON”,
crossDomain: true,
data: data,
success: function (result) {
layer.alert(result.msg);
},
error: function (jqXHR, textStatus, errorThrown) {
layer.alert(result.msg);
}
});
});
}
});
});
子页面代码：
服务名称
服务描述