<%@ 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">
|
<div class="form-unit1">基本信息</div>
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 视图名称：</td>
|
<td>
|
<input id="viewName" name="viewName" class="easyui-textbox" type="text" data-options="required:true" style="width:610px" value="${view.viewName}" />
|
<input type="hidden" class="easyui-textbox" id="moduleId" name="moduleId" value="${view.moduleId}" />
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">视图标识：</td>
|
<td>
|
<input id="viewIdentify" name="viewIdentify" class="easyui-textbox" type="text" value="${view.viewIdentify }"
|
data-options="required:true,validType:['regIdentify','viewIdentifyCount']" style="width:610px;" />
|
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">表单：</td>
|
<td>
|
<input type="hidden" id="openFormId" name="openFormId" value="${view.openFormId}"/>
|
<input id="openFormName" name="openFormName" class="easyui-textbox" type="text" style="width:610px;" data-options="required:true,buttonText:'选表单',prompt:'请选择表单...',onClickButton:selectForm" value="${view.openFormName}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">是否使用权限：</td>
|
<td>
|
<input type="hidden" id="enablePermission" name="enablePermission" />
|
<input id="enablePermissionText" class="easyui-switchbutton" data-options="onText:'是',offText:'否',onChange:isPermissionChange" />
|
</td>
|
|
</tr>
|
<tr>
|
<td class="tbtitle">权限名称：</td>
|
<td>
|
<input id="permissionName" name="permissionName" class="easyui-textbox" type="text" value="${view.permissionName }"
|
data-options="editable:false,buttonText:'生成',prompt:'',onClickButton:function(){generatePermission();}" style="width:85%;" />
|
<a id="permission_but" class="pt-btn pt-btn-default">选择权限</a>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">备注说明：</td>
|
<td>
|
<textarea class="layui-textarea" placeholder="最多输入500字符" style="width: 95%;height: 100px;border-color: lightgrey;border-radius: 5px 5px 5px 5px;" name="remark" maxlength="500" >${view.remark}</textarea>
|
</td>
|
</tr>
|
</table>
|
<div class="form-unit1">分页配置</div>
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 启用分页：</td>
|
<td>
|
<input type="hidden" id="enablePagination" name="enablePagination" value="${view.enablePagination}"/>
|
<input id="enablePaginationText" class="easyui-switchbutton"
|
data-options="onText:'是',offText:'否',onChange:setEnableValue"/>
|
</td>
|
</tr>
|
<tr id='tr_enableDefineConfig' style='display:none'>
|
<td class="tbtitle">
|
自定义配置：</td>
|
<td>
|
<input type="hidden" id="enableDefineConfig" name="enableDefineConfig" value="${view.enableDefineConfig}"/>
|
<input id="enableDefineConfigText" class="easyui-switchbutton"
|
data-options="onText:'是',offText:'否',onChange:setEnableValue"/>
|
</td>
|
</tr>
|
<tr id='tr_pageList' style='display:none'>
|
<td class="tbtitle">分页大小列表：</td>
|
<td>
|
<input id="pageList" name="pageList" class="easyui-textbox" style="width:610px;" value="${view.pageList}" />
|
</td>
|
</tr>
|
<tr id='tr_pageSize' style='display:none'>
|
<td class="tbtitle">分页大小：</td>
|
<td>
|
<input id="pageSize" name="pageSize" class="easyui-numberspinner" style="width:610px;" value="${view.pageSize}" />
|
</td>
|
</tr>
|
|
<tr id='tr_paginationType' style='display:none'>
|
<td class="tbtitle">分页位置：</td>
|
<td>
|
<select id="paginationType" name="paginationType" class="easyui-combobox" style="width:610px;" data-options="editable:false,panelHeight:'auto'">
|
<option value="bottom" selected>底部</option>
|
<option value="top" >顶部</option>
|
<option value="both" >底部+顶部</option>
|
</select>
|
</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 type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
callBack : null
|
};
|
var permissionParentId = -1;
|
$(function () {
|
|
//判断权限名称是否可编写
|
if ("${view.enablePermission}") {
|
$("#permissionName").textbox("enable");
|
$('#enablePermissionText').switchbutton("check");
|
$("#enablePermission").val("true");
|
} else {
|
$('#enablePermissionText').switchbutton("uncheck");
|
$("#permissionName").textbox("disable");
|
$("#enablePermission").val("false");
|
}
|
$("#permission_but").click(function() {
|
selectPermission();
|
});
|
|
new ResizeScroll({ "id": ".pt-form", "height": "480" });
|
|
initEnableCheck();
|
});
|
|
//初始化选择项
|
function initEnableCheck()
|
{
|
if("${view.enablePagination}"=="true")
|
{
|
$('#enablePaginationText').switchbutton("check");
|
$('#tr_enableDefineConfig').show();
|
if("${view.enableDefineConfig}"=="true")
|
{
|
$('#enableDefineConfigText').switchbutton("check");
|
$('#tr_pageList').show();
|
$('#tr_pageSize').show();
|
$('#tr_paginationType').show();
|
} else{
|
$('#tr_pageList').hide();
|
$('#tr_pageSize').hide();
|
$('#tr_paginationType').hide();
|
}
|
}else{
|
$('#tr_enableDefineConfig').hide();
|
$('#enablePaginationText').switchbutton("uncheck");
|
$('#tr_pageList').hide();
|
$('#tr_pageSize').hide();
|
$('#tr_paginationType').hide();
|
}
|
}
|
//选择权限
|
function selectPermission() {
|
//usedParentId = $("#parentId").combotree("getValue");
|
var enablePermission = $("#enablePermission").val();
|
var viewId = $("view.viewId");
|
if (enablePermission != 0 && (viewId == viewId || viewId == 0)) {
|
wcp.picker.selectPermission({
|
title : "请选择权限",
|
multiSelect : false,
|
nameElement : "permissionName",
|
layerOpener : window
|
});
|
}
|
|
}
|
|
//确定按钮事件
|
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/view/saveView?permissionId=" + "${permissionId}" + "&parentId=" + permissionParentId,
|
data : JSON.stringify(formData),
|
}).done(function(result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
//关闭窗口
|
closeWindow();
|
top.wcp.notify.success("保存成功！");
|
}));
|
}
|
|
//设置隐藏域值
|
function setEnableValue(checked)
|
{
|
$('#'+this.id.replace("Text","")).val(checked);
|
if(checked)
|
{
|
if(this.id=="enablePaginationText")
|
{
|
$('#tr_enableDefineConfig').show();
|
var enableDefineConfig=$('#enableDefineConfig').val();
|
if(enableDefineConfig=='true')
|
{
|
$('#tr_pageList').show();
|
$('#tr_pageSize').show();
|
$('#tr_paginationType').show();
|
}
|
}
|
if(this.id=="enableDefineConfigText")
|
{
|
$('#tr_pageList').show();
|
$('#tr_pageSize').show();
|
$('#tr_paginationType').show();
|
}
|
}else{
|
if(this.id=="enablePaginationText")
|
{
|
$('#tr_enableDefineConfig').hide();
|
$('#tr_pageList').hide();
|
$('#tr_pageSize').hide();
|
$('#tr_paginationType').hide();
|
}
|
if(this.id=="enableDefineConfigText")
|
{
|
$('#tr_pageList').hide();
|
$('#tr_pageSize').hide();
|
$('#tr_paginationType').hide();
|
}
|
}
|
}
|
|
//判断权限名称是否填写
|
function isPermissionChange(checked) {
|
$("#enablePermission").val(checked);
|
if (checked) {
|
$("#permissionName").textbox("enable");
|
} else {
|
$("#permissionName").textbox("disable");
|
}
|
}
|
|
//生成权限
|
function generatePermission() {
|
var viewIdentify = $("#viewIdentify").textbox("getValue");
|
var moduleId = $("#moduleId").val();
|
if (viewIdentify == "") {
|
layer.alert("请填写视图标识！");
|
return false;
|
}
|
if (moduleId == 0) {
|
permissionParentId = 0;
|
$("#permissionName").textbox("setValue", viewIdentify);
|
} else {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url : "config/view/generatePermission?moduleId=${view.moduleId}",
|
}).done(function(result) {
|
if (typeof result.parentId != "undefined") {
|
permissionParentId = result.parentId;
|
}
|
var permissionName = result.permissionName;
|
var permission;
|
if (permissionName != null && permissionName != "") {
|
permission = permissionName + "." + viewIdentify;
|
} else {
|
permission = viewIdentify;
|
}
|
$("#permissionName").textbox("setValue", permission);
|
}));
|
}
|
}
|
//选择表单
|
function selectForm()
|
{
|
wcp.picker.selectForm({
|
title : "请选择表单",
|
multiSelect : false,
|
moduleId:'${view.moduleId}',
|
idElement : 'openFormId',
|
nameElement : 'openFormName',
|
separator:',',
|
layerOpener : window
|
});
|
}
|
//关闭窗口事件
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
|
</html>
|
