7x31/SOP
1
0
Fork 0
mirror of https://gitee.com/durcframework/SOP.git synced 2025-08-11 12:56:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

路由添加

Browse Source
This commit is contained in:
tanghc
2019-03-20 14:41:09 +08:00
parent f6857f21b8
commit 1aee96151d
2 changed files with 140 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
sop-admin/sop-admin-front/pages/service/routeManager.html
View File

@@ -43,12 +43,14 @@
</form>
</div>
<div class="layui-btn-group demoTable">
<button class="layui-btn layui-btn-ms layui-btn-normal" lay-event="addRoute">
<i class="layui-icon layui-icon-add-circle-fine"></i>添加路由
<table class="layui-hide" id="routeTable" lay-filter="routeTable"></table>
<script type="text/html" id="toolbar">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-ms layui-btn-normal" lay-event="add">
<i class="layui-icon layui-icon-add-1"></i>添加路由
</button>
</div>
<table class="layui-hide" id="routeTable" lay-filter="routeTable"></table>
</script>
<script type="text/html" id="optBar" >
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">修改</a>
</script>
@@ -58,8 +60,53 @@
</div>
<div id="addWin" style="display: none;padding: 20px;">
<form id="addForm" class="layui-form" action="" lay-filter="addWinFilter">
<input type="hidden" name="serviceId" />
<input type="hidden" name="profile" />
<div class="layui-form-item">
<label class="layui-form-label">id</label>
<div class="layui-input-block">
<input type="text" name="id" class="layui-input"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">uri</label>
<div class="layui-input-block">
<input type="text" name="uri" lay-verify="required" class="layui-input"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">path</label>
<div class="layui-input-block">
<input type="text" name="path" class="layui-input"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">忽略验证</label>
<div class="layui-input-block">
<input type="radio" name="ignoreValidate" value="true" title="是">
<input type="radio" name="ignoreValidate" value="false" title="否">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input type="radio" name="disabled" value="false" title="启用">
<input type="radio" name="disabled" value="true" title="<span class='x-red'>禁用</span>">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="addWinSubmitFilter">保存</button>
<button type="button" class="layui-btn layui-btn-primary" onclick="layer.closeAll()">取消</button>
</div>
</div>
</form>
</div>
<div id="updateWin" style="display: none;padding: 20px;">
<form class="layui-form" action="" lay-filter="updateWinFilter">
<form id="updateForm" class="layui-form" action="" lay-filter="updateWinFilter">
<input type="hidden" name="serviceId" />
<input type="hidden" name="profile" />
<div class="layui-form-item">

58
sop-admin/sop-admin-front/pages/service/routeManager.js
View File

@@ -4,6 +4,9 @@ lib.use(['element', 'table', 'tree', 'form'], function () {
var currentServiceId;
var routeTable;
var profile = window.profile;
var $updateForm = $('#updateForm');
var $addForm = $('#addForm');
var smTitle;
form.on('submit(searchFilter)', function (data) {
var param = data.field;
@@ -12,7 +15,7 @@ lib.use(['element', 'table', 'tree', 'form'], function () {
return false;
});
//监听提交
// 监听修改提交
form.on('submit(updateWinSubmitFilter)', function(data) {
ApiUtil.post('route.update', data.field, function (resp) {
layer.closeAll();
@@ -21,6 +24,15 @@ lib.use(['element', 'table', 'tree', 'form'], function () {
return false;
});
// 监听保存提交
form.on('submit(addWinSubmitFilter)', function(data) {
ApiUtil.post('route.add', data.field, function (resp) {
layer.closeAll();
routeTable.reload();
})
return false;
});
function initTree() {
ApiUtil.post('service.list', {profile: profile}, function (resp) {
var serviceList = resp.data;
@@ -61,6 +73,7 @@ lib.use(['element', 'table', 'tree', 'form'], function () {
searchTable({
serviceId: serviceId
});
smTitle = '[ <strong>profile：</strong>' + profile + '&nbsp;&nbsp;&nbsp;&nbsp;<strong>serviceId：</strong>' + currentServiceId + ' ]';
}
/**
@@ -74,8 +87,18 @@ lib.use(['element', 'table', 'tree', 'form'], function () {
};
if (!routeTable) {
routeTable = table.render({
routeTable = initTable(postData);
} else {
routeTable.reload({
where: postData
})
}
}
function initTable(postData) {
var routeTable = table.render({
elem: '#routeTable'
, toolbar: '#toolbar'
, url: ApiUtil.createUrl('route.list')
, where: postData
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
@@ -105,26 +128,43 @@ lib.use(['element', 'table', 'tree', 'form'], function () {
table.on('tool(routeTable)', function(obj) {
var data = obj.data;
if(obj.event === 'edit'){
$updateForm.get(0).reset();
//表单初始赋值
data.profile = profile;
data.serviceId = currentServiceId;
data.disabled = data.disabled + '';
data.ignoreValidate = data.ignoreValidate + '';
data.serviceId = currentServiceId;
data.profile = profile;
form.val('updateWinFilter', data)
layer.open({
type: 1
,title: '修改路由'
,title: '修改路由' + smTitle
,area: ['500px', '400px']
,content: $('#updateWin') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
});
}
});
} else {
routeTable.reload({
where: postData
})
table.on('toolbar(routeTable)', function(obj) {
if (obj.event === 'add') {
$addForm.find('input[name=id]').prop('readonly', false);
$addForm.get(0).reset();
var data = {};
data.profile = profile;
data.serviceId = currentServiceId;
data.id = '';
// 新加的路由先设置成禁用
data.disabled = 'true';
data.ignoreValidate = 'false';
form.val('addWinFilter', data);
layer.open({
type: 1
,title: '添加路由' + smTitle
,area: ['500px', '400px']
,content: $('#addWin')
});
}
});
return routeTable;
}
initTree();