提交 2bf9dd6b 编写于 作者: Skyeye云's avatar Skyeye云

表单布局新增API接口信息

上级 2ed3eb6e
...@@ -96,7 +96,7 @@ layui.config({ ...@@ -96,7 +96,7 @@ layui.config({
function openWritePage() { function openWritePage() {
_openNewWindows({ _openNewWindows({
url: "../../tpl/operate/writeOperate.html", url: "../../tpl/operate/writeOperate.html",
title: systemLanguage["com.skyeye.addPageTitle"][languageType], title: systemLanguage["com.skyeye.recordPageTitle"][languageType],
pageId: "writeOperate", pageId: "writeOperate",
area: ['90vw', '90vh'], area: ['90vw', '90vh'],
callBack: function (refreshCode) { callBack: function (refreshCode) {
......
...@@ -49,7 +49,7 @@ layui.config({ ...@@ -49,7 +49,7 @@ layui.config({
cols: [[ cols: [[
{ type: 'radio', fixed: 'left' }, { type: 'radio', fixed: 'left' },
{ field: 'name', title: '名称', align: 'left', width: 120 }, { field: 'name', title: '名称', align: 'left', width: 120 },
{ field: 'remark', title: '简介', align: 'left', width: 350 }, { field: 'remark', title: '简介', align: 'left', width: 200 },
{ field: 'numCode', title: '页面编号', align: 'center', width: 150 }, { field: 'numCode', title: '页面编号', align: 'center', width: 150 },
{ field: 'type', title: '类型', align: 'left', width: 120, templet: function (d) { { field: 'type', title: '类型', align: 'left', width: 120, templet: function (d) {
return skyeyeClassEnumUtil.getEnumDataNameByCodeAndKey("dsFormPageType", 'id', d.type, 'name'); return skyeyeClassEnumUtil.getEnumDataNameByCodeAndKey("dsFormPageType", 'id', d.type, 'name');
......
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'form'], function (exports) {
winui.renderColor();
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
form = layui.form;
showGrid({
id: "showForm",
url: reqBasePath + "dsformpage006",
params: {id: parent.rowId},
pagination: false,
method: "GET",
template: $("#showTemplate").html(),
ajaxSendAfter:function (json) {
skyeyeClassEnumUtil.showEnumDataListByClassName("dsFormPageType", 'select', "type", json.bean.type, form);
matchingLanguage();
form.render();
form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
id: parent.rowId,
name: $("#name").val(),
remark: $("#remark").val(),
type: $("#type").val(),
className: parent.objectId
};
AjaxPostUtil.request({url: reqBasePath + "writeDsFormPage", params: params, type: 'json', method: "POST", callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
}
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
\ No newline at end of file
...@@ -63,21 +63,15 @@ layui.config({ ...@@ -63,21 +63,15 @@ layui.config({
} else if (layEvent === 'delet'){ // 删除 } else if (layEvent === 'delet'){ // 删除
delet(data); delet(data);
} else if (layEvent === 'edit'){ // 编辑 } else if (layEvent === 'edit'){ // 编辑
edit(data); rowId = data.id;
openWritePage();
} }
}); });
// 添加 // 添加
$("body").on("click", "#addBean", function() { $("body").on("click", "#addBean", function() {
_openNewWindows({ rowId = '';
url: "../../tpl/dsFormPage/pageAdd.html", openWritePage();
title: systemLanguage["com.skyeye.addPageTitle"][languageType],
pageId: "pageAdd",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
}); });
// 表单设计 // 表单设计
...@@ -102,13 +96,11 @@ layui.config({ ...@@ -102,13 +96,11 @@ layui.config({
}); });
} }
// 编辑 function openWritePage() {
function edit(data) {
rowId = data.id;
_openNewWindows({ _openNewWindows({
url: "../../tpl/dsFormPage/pageEdit.html", url: "../../tpl/dsFormPage/writePage.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType], title: systemLanguage["com.skyeye.recordPageTitle"][languageType],
pageId: "pageEdit", pageId: "writePage",
area: ['90vw', '90vh'], area: ['90vw', '90vh'],
callBack: function (refreshCode) { callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000}); winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
......
...@@ -9,19 +9,43 @@ layui.config({ ...@@ -9,19 +9,43 @@ layui.config({
var index = parent.layer.getFrameIndex(window.name); var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$, var $ = layui.$,
form = layui.form; form = layui.form;
var selOption = getFileContent('tpl/template/select-option.tpl');
skyeyeClassEnumUtil.showEnumDataListByClassName("dsFormPageType", 'select', "type", '', form); $("#serviceStr").html(getDataUseHandlebars(selOption, {rows: serviceMap}));
if (!isNull(parent.rowId)) {
AjaxPostUtil.request({url: reqBasePath + "dsformpage006", params: {id: parent.rowId}, type: 'json', method: 'GET', callback: function (json) {
$("#name").val(json.bean.name);
$("#remark").val(json.bean.remark);
skyeyeClassEnumUtil.showEnumDataListByClassName("dsFormPageType", 'select', "type", json.bean.type, form);
var businessApi = json.bean.businessApi;
$("#serviceStr").val(businessApi.serviceStr);
$("#api").val(businessApi.api);
skyeyeClassEnumUtil.showEnumDataListByClassName("httpMethodEnum", 'select', "method", businessApi.method, form);
}});
} else {
skyeyeClassEnumUtil.showEnumDataListByClassName("dsFormPageType", 'select', "type", '', form);
skyeyeClassEnumUtil.showEnumDataListByClassName("httpMethodEnum", 'select', "method", '', form);
}
matchingLanguage(); matchingLanguage();
form.render(); form.render();
form.on('submit(formAddBean)', function (data) { form.on('submit(formWriteBean)', function (data) {
if (winui.verifyForm(data.elem)) { if (winui.verifyForm(data.elem)) {
var params = { var params = {
id: isNull(parent.rowId) ? '' : parent.rowId,
name: $("#name").val(), name: $("#name").val(),
remark: $("#remark").val(), remark: $("#remark").val(),
type: $("#type").val(), type: $("#type").val(),
className: parent.objectId className: parent.objectId
}; };
var businessApi = {
serviceStr: $("#serviceStr").val(),
api: $("#api").val(),
method: $("#method").val()
};
params.businessApi = JSON.stringify(businessApi);
AjaxPostUtil.request({url: reqBasePath + "writeDsFormPage", params: params, type: 'json', method: "POST", callback: function (json) { AjaxPostUtil.request({url: reqBasePath + "writeDsFormPage", params: params, type: 'json', method: "POST", callback: function (json) {
parent.layer.close(index); parent.layer.close(index);
parent.refreshCode = '0'; parent.refreshCode = '0';
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="name" name="name" win-verify="required" placeholder="请输入名称" class="layui-input"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">布局类型</label>
<div class="layui-input-block">
<select lay-filter="type" lay-search="" win-verify="required" id="type" name="type">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">简介</label>
<div class="layui-input-block">
<textarea id="remark" name="remark" placeholder="请输入简介" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formAddBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
</form>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/dsFormPage/'}).use('pageAdd');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="padding:20px; margin:0 auto;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
</form>
</div>
<script type="text/x-handlebars-template" id="showTemplate">
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="name" name="name" win-verify="required" placeholder="请输入名称" class="layui-input" value="{{name}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">布局类型</label>
<div class="layui-input-block">
<select lay-filter="type" lay-search="" win-verify="required" id="type" name="type">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">页面简介</label>
<div class="layui-input-block">
<textarea id="remark" name="remark" placeholder="请输入页面简介" class="layui-textarea">{{remark}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formEditBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
{{/bean}}
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/dsFormPage/'}).use('pageEdit');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="name" name="name" win-verify="required" placeholder="请输入名称" class="layui-input"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">布局类型</label>
<div class="layui-input-block">
<select lay-filter="type" lay-search="" win-verify="required" id="type" name="type">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">简介</label>
<div class="layui-input-block">
<textarea id="remark" name="remark" placeholder="请输入简介" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">请求事件</span><hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">所属服务<i class="red">*</i></label>
<div class="layui-input-block">
<select id="serviceStr" name="serviceStr" lay-filter="serviceStr" win-verify="required"></select>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">接口地址<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="api" name="api" placeholder="请输入接口地址" win-verify="required" class="layui-input" maxlength="200"/>
<div class="layui-form-mid layui-word-aux">该接口地址为数据保存/查询的接口地址,如果不需要填写该接口,请填写:-</div>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">请求方式<i class="red">*</i></label>
<div class="layui-input-block">
<select id="method" name="method" lay-filter="method" win-verify="required"></select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formWriteBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
</form>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/dsFormPage/'}).use('writePage');
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册