<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta name="viewport" charset="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>表单配置</title>
|
<link rel="stylesheet" href="static/plugins/jquery-steps/css/main.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/jquery-steps/css/jquery.steps.css" type="text/css">
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-datagrid-dnd/datagrid-dnd.js"></script>
|
<script src="static/plugins/ace/src-noconflict/ace.js" type="text/javascript"></script>
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
</head>
|
<body>
|
<div class="pt-form">
|
<form id="form1" method="post">
|
<table style="width: 100%; margin-bottom:10px;">
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 表单名称：
|
</td>
|
<td>
|
<input id="formName" name="formName" class="easyui-textbox" type="text"
|
data-options="required:true,width:'610' " value="${form.formName}"/>
|
<input type="hidden" class="easyui-textbox" id="formId" name="formId" value="${form.formId}"/>
|
</td>
|
</tr>
|
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 所属模块：
|
</td>
|
<td>
|
<input id="moduleName" name="moduleName" class="easyui-textbox" type="text" style="width:610px;"
|
value="${form.moduleName}"/>
|
<input type="hidden" id="moduleId" name="moduleId" class="easyui-textbox" type="text"
|
value="${form.moduleId}"/>
|
</td>
|
</tr>
|
<tr style="display:none">
|
<td class="tbtitle">排序：</td>
|
<td>
|
<input id="sortNum" name="sortNum" class="easyui-numberspinner" style="width:610px;"
|
value="${form.sortNum}">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
表单类型：
|
</td>
|
<td>
|
<input class="easyui-radiobutton" name="formType" value="0" label="PC端" data-options="checked:true">
|
<input class="easyui-radiobutton" name="formType" value="1" label="手机端">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
表单风格：
|
</td>
|
<td>
|
<input class="easyui-radiobutton" name="formStyle" value="0" label="普通模式"
|
data-options="checked:true">
|
<input class="easyui-radiobutton" name="formStyle" value="1" label="极简模式">
|
<input class="easyui-radiobutton" name="formStyle" value="2" label="统一保存模式">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 主业务表名：
|
</td>
|
<td>
|
<input id="mainTableName" name="mainTableName" class="easyui-textbox" type="text"
|
style="width:610px;"
|
data-options="required:true,buttonText:'选表',prompt:'请选择表...',onClickButton:selectTable"
|
value="${form.mainTableName}"/> <input id="mainTableId" name="mainTableId"
|
class="easyui-textbox" type="hidden"
|
value="${form.mainTableId}"/>
|
</td>
|
</tr>
|
|
<tr>
|
<td class="tbtitle">
|
保存后自动关闭：
|
</td>
|
<td>
|
<input id="enableAutoClose" name="enableAutoClose" type="hidden" value="${form.enableAutoClose}"/>
|
<input id="enableAutoCloseText" class="easyui-switchbutton"
|
data-options="onText:'是',offText:'否',onChange:setEnableValue"/>
|
</td>
|
</tr>
|
</table>
|
</form>
|
</div>
|
|
<div class="pt-form-btn" style="bottom:0px;">
|
<div class="form-group">
|
<button type="button" class="pt-btn pt-btn-primary" onclick="doSave();">确定</button>
|
<button type="reset" class="pt-btn pt-btn-default" onclick="closeWindow();">关闭</button>
|
</div>
|
</div>
|
|
</body>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
callBack: null
|
};
|
var editor1, editor2, editor3;
|
$(function () {
|
editor1 = ace.edit("relationSql");
|
editor1.setTheme("ace/theme/monokai");
|
editor1.session.setMode("ace/mode/sql");
|
editor1.setFontSize(16);
|
|
editor2 = ace.edit("customStyle");
|
editor2.setTheme("ace/theme/monokai");
|
editor2.session.setMode("ace/mode/javascript");
|
editor2.setFontSize(16);
|
|
editor3 = ace.edit("customJs");
|
editor3.setTheme("ace/theme/monokai");
|
editor3.session.setMode("ace/mode/css");
|
editor3.setFontSize(16);
|
|
new ResizeScroll({"id": ".pt-form", "height": "506"});
|
initEnableCheck();
|
});
|
|
//初始化选择项
|
function initEnableCheck() {
|
//初始化是否选择
|
if ("${form.enableOtherTables}" == "true") {
|
$('#enableOtherTablesText').switchbutton("check");
|
//$('#tb_otherTable').show();
|
$('#tr1').show();
|
$('#tr2').show();
|
$('#tr3').show();
|
|
} else {
|
$('#enableOtherTablesText').switchbutton("uncheck");
|
//$('#tb_otherTable').hide();
|
$('#tr1').hide();
|
$('#tr2').hide();
|
$('#tr3').hide();
|
|
}
|
|
if ("${form.enableAutoClose}" == "true") {
|
$('#enableAutoCloseText').switchbutton("check");
|
} else {
|
$('#enableAutoCloseText').switchbutton("uncheck");
|
}
|
//初始化radiobutton
|
$("input[radiobuttonName='formType'][value='${form.formType}']").radiobutton('check');
|
$("input[radiobuttonName='formStyle'][value='${form.formStyle}']").radiobutton('check');
|
}
|
|
//关联其他表
|
function setEnableValue(checked) {
|
$('#' + this.id.replace("Text", "")).val(checked);
|
if (checked) {
|
if (this.id == "enableOtherTablesText") {
|
$('#tr1').show();
|
$('#tr2').show();
|
$('#tr3').show();
|
}
|
|
} else {
|
if (this.id == "enableOtherTablesText") {
|
$('#tr1').hide();
|
$('#tr2').hide();
|
$('#tr3').hide();
|
}
|
}
|
}
|
|
//选择表、关联表
|
function selectTable() {
|
var multiSelect = true;
|
var iptId = this.id;
|
if (iptId == "mainTableName") {
|
multiSelect = false;
|
}
|
wcp.picker.selectTable({
|
title: "请选择表",
|
multiSelect: multiSelect,
|
moduleId: '${form.moduleId}',
|
layerOpener: window
|
}, function (rows) {
|
var selectedTables = "";
|
var selectedTableIds = "";
|
$.each(rows, function (index, value) {
|
selectedTables += value.tableName + ',';
|
selectedTableIds += value.tableId + ',';
|
});
|
selectedTables = selectedTables.substr(0, selectedTables.length - 1);
|
selectedTableIds = selectedTableIds.substr(0, selectedTableIds.length - 1);
|
$('#' + iptId).textbox("setValue", selectedTables);
|
$('#mainTableId').textbox("setValue", selectedTableIds);
|
});
|
}
|
|
//确定按钮事件
|
function doSave() {
|
//验证表单信息
|
var isValid = $('#form1').form('validate');
|
if (!isValid) {
|
wcp.notify.error('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
var formData = $("#form1").serializeObject();
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/form/saveForm",
|
data: JSON.stringify(formData),
|
}).done(function (result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
//关闭窗口
|
closeWindow();
|
top.wcp.notify.success("保存成功！");
|
}));
|
}
|
|
//关闭窗口事件
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
|
</html>
|
