<%@ 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>
|
<style>
|
html, body {
|
height: 100%;
|
}
|
|
body {
|
overflow: hidden;
|
}
|
|
.sourceBody {
|
border-top: 1px solid #eee;
|
}
|
|
.viewBody {
|
padding: 0 20px;
|
}
|
</style>
|
|
<body>
|
|
<div id="allView" class="easyui-tabs" style="width:100%; height:100%" data-options="tabPosition:'left'">
|
<div title="基本信息" class="pt-form viewBody">
|
<form id="formView1" 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="viewId" name="viewId" value="${view.viewId}"/>
|
<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="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>
|
<input type="hidden" id="enableModuleDataAuthorize" name="enableModuleDataAuthorize"/>
|
<input id="enableModuleDataAuthorizeText" class="easyui-switchbutton"
|
data-options="onText:'是',offText:'否',onChange:setEnableValue"/>
|
</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>
|
<tr style="display:none">
|
<td class="tbtitle">排序：</td>
|
<td>
|
<input id="sortNum" name="sortNum" class="easyui-numberspinner" style="width:610px;"
|
value="${view.sortNum}">
|
</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 title="数据配置" class="pt-form viewBody">
|
<form id="formView2" method="post">
|
<table style="width: 100%; margin-bottom:10px;">
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 选择源：
|
</td>
|
<td>
|
<input class="easyui-radiobutton" name="dataSourceType" value="0" label="SQL语句:"
|
data-options="checked:true,onChange:dataSourceChange">
|
<input class="easyui-radiobutton" name="dataSourceType" value="1" label="存储过程:"
|
data-options="onChange:dataSourceChange">
|
<input class="easyui-radiobutton" name="dataSourceType" value="2" label="程序集方法:"
|
data-options="onChange:dataSourceChange">
|
</td>
|
</tr>
|
|
</table>
|
<div title="SQL语句" class="sourceBody">
|
<table style="width: 100%;">
|
<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="editable:false,required:true,buttonText:'选表',prompt:'请选择表...',onClickButton:selectTable"
|
value="${view.mainTableName}"/>
|
<input id="mainTableId" name="mainTableId" type="text" style="display:none"
|
value="${view.mainTableId}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">关联表名：</td>
|
<td>
|
<input id="relationTableNames" name="relationTableNames" class="easyui-textbox" type="text"
|
style="width:610px;"
|
data-options="buttonText:'选表',prompt:'请选择表...',onClickButton:selectTable"
|
value="${view.relationTableNames}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 选择字段：
|
</td>
|
<td>
|
<input id="sqlSelect" name="sqlSelect" class="easyui-textbox" type="text"
|
style="width:610px;height:50px;"
|
data-options="required:true,buttonText:'选字段',multiline:true,prompt:'请选择字段...',onClickButton:selectColumn"
|
value="${view.sqlSelect}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 表关系：
|
</td>
|
<td>
|
<input id="sqlFrom" name="sqlFrom" class="easyui-textbox" type="text" style="width:610px"
|
data-options="required:true,buttonText:'选表',prompt:'请选择表...',onClickButton:selectTableRelation"
|
value="${view.sqlFrom}"/>
|
</td>
|
</tr>
|
|
<tr>
|
<td class="tbtitle">查询条件：</td>
|
<td>
|
<textarea rows="2" cols="20" id="hid_sqlWhere"
|
style="display: none;">${view.sqlWhere}</textarea>
|
<pre id="sqlWhere" style="height:200px; width:610px;"></pre>
|
<div id="sqlWhereDefaultHtml" style="display:none"></div>
|
<span class="pt-text-color">注：模块启用软删除后，请添加“delete_state=0”的条件，过滤掉已删除的数据</span>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">分组字段：</td>
|
<td>
|
<input id="sqlGroupColumns" name="sqlGroupColumns" class="easyui-textbox" type="text"
|
style="width:610px;"
|
value="${view.sqlGroupColumns}"
|
data-options=" editable:false,buttonText:'选字段',prompt:'请选择字段...',onClickButton:selectColumn"/>
|
</td>
|
</tr>
|
<tr>
|
<td class=" tbtitle">默认排序：
|
</td>
|
<td>
|
<input id="sqlOrder" name="sqlOrder" class="easyui-textbox" type="text" style="width:610px;"
|
value="${view.sqlOrder}"
|
data-options="buttonText:'选字段',prompt:'请选择字段...',onClickButton:selectColumn"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">默认查询字段：</td>
|
<td>
|
<input id="defaultSearchFields" name="defaultSearchFields" class="easyui-textbox"
|
style="width:610px;" value="${view.defaultSearchFields}"
|
data-options="buttonText:'选字段',prompt:'请选择字段...',onClickButton:selectColumn"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">查询提示语：</td>
|
<td>
|
<input id="defaultSearchPrompt" name="defaultSearchPrompt" class="easyui-textbox"
|
style="width:610px;" value="${view.defaultSearchPrompt}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">ID字段：</td>
|
<td>
|
<input id="idField" name="idField" class="easyui-textbox" style="width:610px;"
|
value="${view.idField}"
|
data-options="required:true,editable:false,buttonText:'选字段',prompt:'请选择字段...',onClickButton:selectColumn"/>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div title="存储过程" class="sourceBody hide">
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 存储过程名称：
|
</td>
|
<td>
|
<input class="easyui-textbox" type="text" data-options="width:'610' "/>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div title="程序集方法" class="sourceBody hide">
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 程序集
|
</td>
|
<td>
|
<input class="easyui-combobox"
|
data-options="valueField: 'id',textField: 'text',editable:false,width:'610'">
|
</td>
|
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 类名
|
</td>
|
<td>
|
<input class="easyui-combobox"
|
data-options="valueField: 'id',textField: 'text',editable:false,width:'610'">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 方法名
|
</td>
|
<td>
|
<input class="easyui-combobox"
|
data-options="valueField: 'id',textField: 'text',editable:false,width:'610'">
|
</td>
|
</tr>
|
</table>
|
</div>
|
</form>
|
</div>
|
<div title="操作配置" class="viewBody" style="padding:10px 20px;">
|
<table id="t_operation"></table>
|
<div id="operation_toolbar" class="clear">
|
<div class="pull-right">
|
<a href="javascript:;" onclick="selectViewOperation();" class="pt-btn pt-btn-success">
|
<i class="fa fa-plus"></i>
|
新增
|
</a>
|
<a onclick="deleteViewOperationClick();" class="pt-btn pt-btn-danger">
|
<i class="fa fa-trash-o"></i>
|
删除
|
</a>
|
<a href="javascript:;" class="pt-btn pt-btn-info" onclick="enableSort(this,'t_operation')">
|
<i class="fa fa-retweet"></i>
|
排序
|
</a>
|
<a href="javascript:;" onclick='t_operation.datagrid("reload");' class="pt-btn pt-btn-purple">
|
<i class="fa fa-refresh"></i>
|
刷新
|
</a>
|
</div>
|
</div>
|
</div>
|
<div title="条件查询" class="viewBody" style="padding:10px 20px;">
|
<form id="formView4" method="post">
|
<table id="t_conditions"></table>
|
<div id="field_conditions_toolbar" class="clear">
|
<div class="pull-right">
|
<a href="javascript:;" onclick="addPublicViewConditionColumn();" class="pt-btn pt-btn-success">
|
<i class="fa fa-plus"></i>
|
添加公共条件
|
</a>
|
<a href="javascript:;" onclick="addViewConditionColumn();" class="pt-btn pt-btn-success">
|
<i class="fa fa-plus"></i>
|
新增
|
</a>
|
<a onclick="deleteViewConditionColumnClick();" class="pt-btn pt-btn-danger">
|
<i class="fa fa-trash-o"></i>
|
删除
|
</a>
|
<a href="javascript:;" onclick='freshTable("t_conditions")' class="pt-btn pt-btn-purple">
|
<i class="fa fa-refresh"></i>
|
刷新
|
</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div title="显示配置" class="pt-form viewBody">
|
<form id="formView5" method="post">
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">事件类型：</td>
|
<td>
|
<select id="rowClickEventType" name="rowClickEventType" class="easyui-combobox"
|
style="width:610px;" data-options="editable:false,panelHeight:'auto'">
|
<option value="0">无</option>
|
<option value="1">单击</option>
|
<option value="2">双击</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">响应类型：</td>
|
<td>
|
<input class="easyui-radiobutton" name="openMode"
|
data-options="checked:true,onChange:openModeChange" value="0" label="打开页面">
|
|
<input class="easyui-radiobutton " name="openMode" data-options="onChange:openModeChange"
|
value="1" label="执行一段js">
|
|
</td>
|
</tr>
|
<tr id="tr_openWebPage">
|
<td class="tbtitle">打开页面方式：</td>
|
<td>
|
<select id="openUrlType" name="openUrlType" class="easyui-combobox" style="width:610px;"
|
data-options="editable:false,panelHeight:'auto',onChange:doComboxChangeEvent">
|
<option value="0">tab选项卡</option>
|
<option value="1">弹出层</option>
|
<option value="2">新窗口</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">打开窗口名称：
|
<i class="fa fa-exclamation-circle pt-color-warning easyui-tooltip"
|
title="若为空则使用默认窗口名称，字段可用“{字段名}”进行定义"
|
data-options="hideDelay: 3000,
|
position: 'right',
|
onShow: function(){
|
$(this).tooltip('tip').css({
|
backgroundColor: '#eb9814',
|
borderColor: '#d38f23',
|
color: '#fff',
|
width: '260px',
|
lineHeight:'24px'
|
});
|
}"></i>
|
</td>
|
<td>
|
<input id="openWindowTitle" name="openWindowTitle" class="easyui-textbox" type="text"
|
data-options="buttonText:'选字段',prompt:'请选择字段...',onClickButton:selectOpenWindowTitleField"
|
style="width:610px;" value="${view.openWindowTitle}"/>
|
</td>
|
</tr>
|
<tr id="tr_doJs" style="display:none;">
|
<td class="tbtitle">执行一段js：</td>
|
<td>
|
<textarea rows="2" cols="20" id="hid_customRunScript"
|
style="display: none;">${view.customRunJs}</textarea>
|
<pre id="customRunScript" style="height:200px; width:610px;">
|
</pre>
|
<div id="customRunScriptDefaultHtml" style="display:none">/*
|
注释：参数是index,row,单/双事件，取行数据示例：row.字段名 */
|
</div>
|
</td>
|
</tr>
|
<tr id="tr_openWebPageParam" style="display:none;">
|
<td class="tbtitle">层宽度/高度：</td>
|
<td>
|
<input id="openUrlWidth" name="openUrlWidth" class="easyui-numberspinner" type="text"
|
style="width:300px" value="${view.openUrlWidth}"/>
|
/
|
<input id="openUrlHeight" name="openUrlHeight" class="easyui-numberspinner" type="text"
|
style="width:300px" value="${view.openUrlHeight}"/>
|
</td>
|
</tr>
|
<tr id="tr_enableCustomType">
|
<td class="tbtitle">跳转链接：</td>
|
<td>
|
<input type="hidden" id="enableCustomType" name="enableCustomType"
|
value="${view.enableCustomType}"/>
|
<input id="enableCustomTypeText" class="easyui-switchbutton"
|
data-options="onText:'其他',offText:'默认',onChange:setEnableValue"/>
|
</td>
|
</tr>
|
<tr id="tr_openForm">
|
<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="buttonText:'选表单',prompt:'请选择表单...',onClickButton:selectForm"
|
value="${view.openFormName}"/>
|
</td>
|
</tr>
|
<tr id="tr_defaultFormParams">
|
<td class="tbtitle">表单默认参数：
|
<i class="fa fa-exclamation-circle pt-color-warning easyui-tooltip"
|
title="请按照“字段名1|字段值1;字段名2|字段值2”的形式填写"
|
data-options="hideDelay: 3000,
|
position: 'right',
|
onShow: function(){
|
$(this).tooltip('tip').css({
|
backgroundColor: '#eb9814',
|
borderColor: '#d38f23',
|
color: '#fff',
|
width: '260px',
|
lineHeight:'24px'
|
});
|
}"></i>
|
</td>
|
<td>
|
<input id="defaultFormParams" name="defaultFormParams" class="easyui-textbox" type="text"
|
data-options="buttonText:'选字段',prompt:'请选择字段...',onClickButton:selectDefaultFormParamsField"
|
style="width:610px;" value="${view.defaultFormParams}"/>
|
</td>
|
</tr>
|
<tr id="tr_url" style="display:none;">
|
<td class="tbtitle">链接地址：
|
<i class="fa fa-exclamation-circle pt-color-warning easyui-tooltip"
|
title="链接地址后面会自动带上以下参数：</br>viewId,formId,keyId,relationTableId</br>relationKeyId,openUrlType,flowDefinitionId"
|
data-options="hideDelay: 3000,
|
position: 'right',
|
onShow: function(){
|
$(this).tooltip('tip').css({
|
backgroundColor: '#eb9814',
|
borderColor: '#d38f23',
|
color: '#fff',
|
width: '260px',
|
lineHeight:'24px'
|
});
|
}"></i>
|
</td>
|
<td>
|
<input id="openCustomUrl" name="openCustomUrl" class="easyui-textbox" type="text"
|
style="width:610px;"
|
data-options="buttonText:'生成阅读版式链接',onClickButton:generateFormatReadingUrl"
|
value="${view.openCustomUrl}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">自定义样式：</td>
|
<td>
|
<input type="hidden" id="enableCustomStyle" name="enableCustomStyle"
|
value="${view.enableCustomStyle}"/>
|
<input id="enableCustomStyleText" class="easyui-switchbutton"
|
data-options="onText:'其他',offText:'默认',onChange:setEnableValue"/>
|
<div id="div_customStyle" style="display:none; ">
|
<textarea rows="2" cols="20" id="hid_customStyleEvent"
|
style="display: none;">${view.customStyleJs}</textarea>
|
<pre id="customStyleEvent" style="height:300px;width:610px;">
|
</pre>
|
<div id="customStyleEventDefaultHtml" style="display:none">/* rowStyler:
|
function(index,row){ if (row.listprice>80){ return
|
'background-color:#6293BB;color:#fff;'; // return {class:'r1', style:{'color:#fff'}}; }
|
} */
|
</div>
|
</div>
|
</td>
|
</tr>
|
|
<tr>
|
<td class="tbtitle">自定义属性：</td>
|
<td>
|
<input type="hidden" id="enableCustomProperty" name="enableCustomProperty"
|
value="${view.enableCustomProperty}"/>
|
<input id="enableCustomPropertyText" class="easyui-switchbutton"
|
data-options="onText:'其他',offText:'默认',onChange:setEnableValue"/>
|
<div id="div_otherDatagridEvent" style="display:none; ">
|
<textarea rows="2" cols="20" id="hid_otherDatagridEvent"
|
style="display: none;">${view.customPropertyJs} </textarea>
|
<pre id="otherDatagridEvent" style="height:300px;width:610px;">
|
</pre>
|
<div id="otherDatagridEventDefaultHtml" style="display:none;">/* onClickCell:
|
function(index,field,value){ }, onLoadSuccess: data(index,row){ } //... */
|
</div>
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">是否显示导航分类：</td>
|
<td>
|
<input type="hidden" id="enableNavClassify" name="enableNavClassify"
|
value="${view.enableNavClassify}"/>
|
<input id="enableNavClassifyText" class="easyui-switchbutton"
|
data-options="onText:'是',offText:'否',onChange:setEnableValue"/>
|
</td>
|
</tr>
|
<tr class="tr_navClassify" style="display:none;">
|
<td class="tbtitle">导航分类选择：</td>
|
<td>
|
<input type="hidden" id="navClassifyIds" name="navClassifyIds" value="${view.navClassifyIds}"/>
|
<input id="navClassifyNames" name="navClassifyNames" class="easyui-textbox" type="text"
|
style="width:610px;"
|
data-options="buttonText:'选导航',prompt:'请选择需要显示的导航分类...',onClickButton:selectNavClassify"
|
value="${view.navClassifyNames}"/>
|
</td>
|
</tr>
|
<tr class="tr_navClassify" style="display:none;">
|
<td class="tbtitle">默认展开的分类导航：</td>
|
<td>
|
<input type="hidden" id="defExpandNavClassifyId" name="defExpandNavClassifyId"
|
value="${view.defExpandNavClassifyId}"/>
|
<input id="defExpandNavClassifyName" name="defExpandNavClassifyName" class="easyui-textbox"
|
type="text"
|
style="width:300px;"
|
data-options="buttonText:'选导航',prompt:'请选择默认展开的导航分类...',onClickButton:selectExpandNavClassify"
|
value="${view.defExpandNavClassifyName}"/>
|
<input id="defSelectNavClassifyItem" name="defSelectNavClassifyItem" class="easyui-textbox"
|
type="text"
|
style="width:300px;" data-options="prompt:'默认选中项'"
|
value="${view.defSelectNavClassifyItem}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">是否显示提示信息：</td>
|
<td>
|
<input type="hidden" id="enableTooltip" name="enableTooltip"
|
value="${view.enableTooltip}"/>
|
<input id="enableTooltipText" class="easyui-switchbutton"
|
data-options="onText:'是',offText:'否',onChange:setEnableValue"/>
|
</td>
|
</tr>
|
<tr class="tr_tooltip" style="display:none;">
|
<td class="tbtitle">提示信息类型：</td>
|
<td>
|
<select id="tooltipType" name="tooltipType" class="easyui-combobox" style="width:300px;"
|
data-options="editable:false,panelHeight:'auto',prompt:'请选择提示信息类型'">
|
<option value="0">直接显示</option>
|
<option value="1">图标显示</option>
|
</select>
|
<select id="tooltipClass" name="tooltipClass" class="easyui-combobox" style="width:300px;"
|
data-options="editable:false,panelHeight:'auto',prompt:'请选择提示信息样式'">
|
<option value="success">成功</option>
|
<option value="danger">危险</option>
|
<option value="warning">警告</option>
|
<option value="primary">主要</option>
|
</select>
|
</td>
|
</tr>
|
<tr class="tr_tooltip" style="display:none;">
|
<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="tooltipContent" maxlength="500">${view.tooltipContent}</textarea>
|
</td>
|
</tr>
|
</table>
|
</form>
|
</div>
|
<div title="显示风格" class="viewBody">
|
<form id="formView6" method="post" class="pt-form">
|
<table style="width: 100%; margin-bottom:10px;">
|
<tr>
|
<td class="tbtitle">前端视图类型：</td>
|
<td>
|
<input class="easyui-radiobutton" name="frontViewType" value="0" label="默认"
|
data-options="checked:true,onChange:frontViewTypeChange">
|
<input class="easyui-radiobutton" name="frontViewType" value="1" label="自定义"
|
data-options="onChange:frontViewTypeChange">
|
</td>
|
</tr>
|
<tr style="display:none;" id="tr_frontViewName">
|
<td class="tbtitle"><em class="pt-color-danger">*</em>前端视图名称：</td>
|
<td>
|
<input id="frontViewName" name="frontViewName" value="${view.frontViewName}"
|
class="easyui-textbox" type="text" style="width:610px;"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">视图列表样式：</td>
|
<td>
|
<input class="easyui-radiobutton" name="listStyleType"
|
data-options="checked:true,onChange:listStyleTypeChange" value="0" label="默认">
|
<input class="easyui-radiobutton " name="listStyleType"
|
data-options="onChange:listStyleTypeChange" value="1" label="明细信息">
|
<input class="easyui-radiobutton " name="listStyleType"
|
data-options="onChange:listStyleTypeChange" value="2" label="数据行分组">
|
<input class="easyui-radiobutton " name="listStyleType"
|
data-options="onChange:listStyleTypeChange" value="3" label="子母表">
|
<input class="easyui-radiobutton " name="listStyleType"
|
data-options="onChange:listStyleTypeChange" value="4" label="树形列表">
|
</td>
|
</tr>
|
</table>
|
<div class="sourceBody">
|
<table style="width:100%;margin:10px 0 0 0;">
|
<tr id="tr_detailType" style="display:none;">
|
<td class="tbtitle">
|
明细信息类型:
|
</td>
|
<td>
|
<input class="easyui-radiobutton" id="detailType1" name="detailType"
|
data-options="checked:true,onChange:detailTypeChange" value="0" label="详细信息">
|
<input class="easyui-radiobutton " id="detailType2" name="detailType"
|
data-options="onChange:detailTypeChange" value="1" label="子列表">
|
</td>
|
</tr>
|
<tr id="tr_detailUrl" style="display:none;">
|
<td class="tbtitle">
|
详细信息URL:
|
</td>
|
<td>
|
<input name="detailUrl" class="easyui-textbox" type="text" data-options="width:'600' "/>
|
</td>
|
</tr>
|
<tr id="tr_targetConfig" style="display:none;">
|
<td style="width: 100%;">
|
<table style="width: 100%; margin:0px;">
|
<tr>
|
<td class="tbtitle">目标模块：</td>
|
<td>
|
<input id="targetModuleName" name="targetModuleName"
|
value="${view.targetModuleName}" class="easyui-textbox" type="text"
|
data-options="width:'300',editable:false,buttonText:'选模块',prompt:'请选择目标模块...',onClickButton:selectModule"/>
|
<input type="text" id="targetModuleId" name="targetModuleId"
|
style="display:none" value="${view.targetModuleId}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">目标关联字段：</td>
|
<td>
|
<input class="easyui-textbox" type="text" id="targetRelationColumnName"
|
name="targetRelationColumnName"
|
data-options="width:'300',buttonText:'选字段',prompt:'请选择目标模块关联字段...',onClickButton:selectColumn"
|
value="${view.targetRelationColumnName}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">本模块关联字段：</td>
|
<td>
|
<input class="easyui-textbox" type="text" id="localRelationColumnName"
|
name="localRelationColumnName"
|
data-options="width:'300',buttonText:'选字段',prompt:'请选择本模块关联字段...',onClickButton:selectColumn"
|
value="${view.localRelationColumnName}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">选择视图：</td>
|
<td>
|
<select id="targetView" class="easyui-combobox" style="width:300px;"
|
data-options="editable:false,panelHeight:'auto',valueField:'id', textField:'text',onChange:doComboxChangeEvent">
|
|
</select>
|
<input type="text" id="targetViewId" name="targetViewId" style="display:none"
|
value="${view.targetViewId}"/>
|
<input type="text" id="targetViewName" name="targetViewName"
|
style="display:none" value="${view.targetViewName}"/>
|
</td>
|
</tr>
|
</table>
|
</td>
|
</tr>
|
<tr id="tr_groupConfig" style="display:none;">
|
<td style="width: 100%;">
|
<table style="width: 100%; margin:0px;">
|
<tr>
|
<td class="tbtitle">分组字段：</td>
|
<td>
|
<input id="groupColumnName" name="groupColumnName" class="easyui-textbox"
|
type="text"
|
data-options="width:'300',buttonText:'选字段',prompt:'请选择分组字段...',onClickButton:selectColumn"
|
value="${view.groupColumnName}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">分组标题样式：</td>
|
<td>
|
<input id="groupTitleStyle" name="groupTitleStyle" class="easyui-textbox"
|
type="text" data-options="width:'300' "/>
|
</td>
|
</tr>
|
</table>
|
</td>
|
</tr>
|
<tr id="tr_treeConfig" style="display:none;">
|
<td style="width: 100%;">
|
<table style="width: 100%; margin:0px;">
|
<tr>
|
<td class="tbtitle">父节点字段：</td>
|
<td>
|
<input id="treeParentColumnName" name="treeParentColumnName"
|
class="easyui-textbox"
|
type="text"
|
data-options="width:'300',buttonText:'选字段',prompt:'请选择父节点字段...',onClickButton:selectColumn"
|
value="${view.treeParentColumnName}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">树节点字段：</td>
|
<td>
|
<input id="treeNodeColumnName" name="treeNodeColumnName" class="easyui-textbox"
|
type="text"
|
data-options="width:'300',buttonText:'选字段',prompt:'请选择树节点字段...',onClickButton:selectColumn"
|
value="${view.treeNodeColumnName}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">树节点图标样式：</td>
|
<td>
|
<input id="treeNodeIconCls" name="treeNodeIconCls" class="easyui-textbox"
|
type="text"
|
data-options="width:'300',buttonText:'选图标',prompt:'请选择树节点图标...',onClickButton:selectIcon"
|
value="${view.treeNodeIconCls}"/>
|
</td>
|
</tr>
|
</table>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</form>
|
<table id="t_subtabConfig" style="margin-top:5px;"></table>
|
<div id="subtab_toolbar" class="clear">
|
<div class="pull-right">
|
<a href="javascript:;" onclick="selectViewSubtab();" class="pt-btn pt-btn-success">
|
<i class="fa fa-plus"></i>
|
新增
|
</a>
|
<a onclick="deleteViewSubtabClick();" class="pt-btn pt-btn-danger">
|
<i class="fa fa-trash-o"></i>
|
删除
|
</a>
|
<a href="javascript:;" class="pt-btn pt-btn-info" onclick="enableSort(this,'t_subtabConfig')">
|
<i class="fa fa-retweet"></i>
|
排序
|
</a>
|
<a href="javascript:;" onclick='t_subtabConfig.datagrid("reload");' class="pt-btn pt-btn-purple">
|
<i class="fa fa-refresh"></i>
|
刷新
|
</a>
|
</div>
|
</div>
|
</div>
|
<div title="字段配置" class="viewBody" style="padding:10px 20px;">
|
<table id="t_field"></table>
|
<div id="field_toolbar" class="clear">
|
<div class="pull-right">
|
<a href="javascript:;" onclick="batchEditViewColumn();" class="pt-btn pt-btn-success">
|
<i class="fa fa-exchange"></i>
|
批量修改
|
</a>
|
<a href="javascript:;" onclick="selectViewColumns();" class="pt-btn pt-btn-success">
|
<i class="fa fa-plus-circle"></i>
|
批量新增
|
</a>
|
<a href="javascript:;" onclick="addViewColumn();" class="pt-btn pt-btn-success">
|
<i class="fa fa-plus"></i>
|
新增
|
</a>
|
<a onclick="deleteViewColumnClick();" class="pt-btn pt-btn-danger">
|
<i class="fa fa-trash-o"></i>
|
删除
|
</a>
|
<a href="javascript:;" class="pt-btn pt-btn-info" onclick="enableSort(this,'t_field')">
|
<i class="fa fa-retweet"></i>
|
排序
|
</a>
|
<a href="javascript:;" onclick='t_field.datagrid("reload");' class="pt-btn pt-btn-purple">
|
<i class="fa fa-refresh"></i>
|
刷新
|
</a>
|
</div>
|
</div>
|
</div>
|
|
<div title="视图事件" class="pt-form viewBody">
|
<table style="width: 100%;">
|
<!-- <tr>
|
<td class="tbtitle">开启自定义事件：</td>
|
<td>
|
<input class="easyui-switchbutton" data-options="onText:'是',offText:'否',onChange:showCustomEvent" />
|
|
</td>
|
</tr>
|
-->
|
<tr id="tr_CustomEvent">
|
<td class="tbtitle">自定义JS事件：</td>
|
<td>
|
<textarea rows="2" cols="20" id="hid_customEvent"
|
style="display: none;">${view.customEventJs} </textarea>
|
<pre id="customEvent" style="height:460px;">
|
</pre>
|
<div id="customEventDefaultHtml" style="display:none">/* 自定义默认事件 */</div>
|
|
</td>
|
</tr>
|
</table>
|
|
</div>
|
|
</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 t_field = null;
|
var t_conditions = null;
|
var t_operation = null;
|
var tr_subtabConfig = null;
|
var editor_sqlWhere = null;
|
var editor_property = null;
|
var editor_customStyle = null;
|
var editor_customEvent = null;
|
var editor_customRunScript = null;
|
var permissionParentId;
|
|
$(function () {
|
|
permissionParentId = "${parentId}";
|
var id = "${view.viewId}";
|
if (id != "" && id > 0) {
|
$("#viewIdentify").textbox('textbox').attr('readonly', true);
|
//$("#viewIdentify").textbox("disable");
|
}
|
//判断权限名称是否可编写
|
if ("${view.enablePermission}" == "true") {
|
$("#permissionName").textbox("enable");
|
$('#enablePermissionText').switchbutton("check");
|
$("#enablePermission").val(true);
|
} else {
|
$('#enablePermissionText').switchbutton("uncheck");
|
$("#permissionName").textbox("disable");
|
$("#enablePermission").val(false);
|
}
|
|
$("#permission_but").click(function () {
|
selectPermission();
|
});
|
|
t_operation = $("#t_operation").datagrid({
|
rownumbers: true,
|
fitColumns: true,
|
method: "get",
|
checkOnSelect: false,
|
selectOnCheck: false,
|
url: 'config/view/getViewOperationByViewId?viewId=${view.viewId}',
|
toolbar: "#operation_toolbar",
|
emptyMsg: "没有找到匹配的记录",
|
columns: [[
|
{
|
field: 'ck',
|
checkbox: true
|
},
|
{
|
field: 'displayName',
|
title: '显示名称',
|
width: 100
|
},
|
{
|
field: 'operationName',
|
title: '操作名称'
|
},
|
{
|
field: 'createTime',
|
title: '创建时间',
|
width: 50
|
},
|
{
|
field: 'lastModifyUserName',
|
title: '创建人',
|
width: 50
|
},
|
{
|
field: 'id',
|
title: '操作',
|
width: 50,
|
align: 'center',
|
formatter: function (value, row, index) {
|
if (value) {
|
return '<a href="javadcript:;" onclick=\'deleteViewOperation("' + value + '");\' class="pt-color-danger"><i class="fa fa-trash-o" title="删除"></i></a>';
|
|
} else {
|
return "";
|
}
|
|
}
|
}
|
]],
|
onLoadSuccess: function (data) {
|
}
|
});
|
|
t_field = $("#t_field").datagrid({
|
rownumbers: true,
|
fitColumns: true,
|
method: "get",
|
checkOnSelect: false,
|
selectOnCheck: false,
|
url: 'config/viewColumn/getViewColumnList?viewId=${view.viewId}',
|
toolbar: "#field_toolbar",
|
emptyMsg: "没有找到匹配的记录",
|
columns: [[
|
{
|
field: 'ck',
|
checkbox: true
|
},
|
{
|
field: 'fieldName',
|
title: '字段名称',
|
width: 100,
|
sortable: true
|
},
|
{
|
field: 'columnTitle',
|
title: '显示名称',
|
width: 100,
|
sortable: true
|
},
|
{
|
field: 'columnPosition',
|
title: '列对齐',
|
align: 'center',
|
width: 50,
|
formatter: function (value) {
|
var columnPosition = '';
|
switch (value) {
|
case "left":
|
columnPosition = '左对齐';
|
break;
|
case "center":
|
columnPosition = '居中';
|
break;
|
case "right":
|
columnPosition = '右对齐';
|
break;
|
}
|
return columnPosition;
|
}
|
},
|
{
|
field: 'enableOrder',
|
title: '是否排序',
|
align: 'center',
|
width: 50,
|
formatter: function (value) {
|
if (value) {
|
return "是";
|
} else {
|
return "否";
|
}
|
}
|
},
|
{
|
field: 'displayWidth',
|
title: '列宽度',
|
width: 80,
|
align: 'center'
|
},
|
{
|
field: 'columnId',
|
title: '操作',
|
width: 100,
|
align: 'center',
|
formatter: function (value, row, index) {
|
if (value) {
|
return ' <a href="javadcript:void(0);" onclick=\'openEditViewColumn("' + value + '");\' class="pt-color-success"><i class="fa fa-pencil" title="编辑"></i></a><a href="javadcript:;" onclick=\'deleteViewColumn("' + value + '");\' class="pt-color-danger"><i class="fa fa-trash-o" title="删除"></i></a>';
|
|
} else {
|
return "";
|
}
|
|
}
|
}
|
]],
|
onLoadSuccess: function (data) {
|
}
|
});
|
|
t_conditions = $("#t_conditions").datagrid({
|
rownumbers: true,
|
fitColumns: true,
|
method: "get",
|
checkOnSelect: false,
|
selectOnCheck: false,
|
url: 'config/viewConditionColumn/getViewConditionColumnList?viewId=${view.viewId}',
|
toolbar: "#field_conditions_toolbar",
|
emptyMsg: "没有找到匹配的记录",
|
columns: [[
|
{
|
field: 'ck',
|
checkbox: true
|
},
|
{
|
field: 'columnName',
|
title: '字段名称',
|
width: 100
|
},
|
{
|
field: 'columnTitle',
|
title: '显示名称',
|
width: 100
|
},
|
{
|
field: 'columnType',
|
title: '字段类型',
|
width: 100,
|
formatter: function (value, row, index) {
|
switch (value) {
|
case 0:
|
return "字符串";
|
break;
|
case 1:
|
return "整型";
|
break;
|
case 2:
|
return "日期型";
|
break;
|
case 3:
|
return "浮点型";
|
break;
|
default:
|
return "未知类型";
|
break;
|
|
}
|
|
}
|
},
|
{
|
field: 'displayMode',
|
title: '显示方式',
|
width: 100,
|
formatter: function (value, row, index) {
|
switch (value) {
|
case 0:
|
return "输入框";
|
break;
|
case 1:
|
return "单选按钮";
|
break;
|
case 2:
|
return "多选按钮";
|
break;
|
case 3:
|
return "下拉框";
|
break;
|
case 4:
|
return "弹出先择（多级关键字）";
|
break;
|
default:
|
return "未知";
|
break;
|
|
}
|
}
|
},
|
{
|
field: 'createTime',
|
title: '创建时间',
|
width: 100
|
},
|
{
|
field: 'columnId',
|
title: '操作',
|
width: 100,
|
align: 'center',
|
formatter: function (value, row, index) {
|
|
if (value) {
|
return ' <a href="javadcript:void(0);" onclick=\'openEditViewConditionColumn("' + value + '");\' class="pt-color-success"><i class="fa fa-pencil" title="编辑"></i></a><a href="javadcript:;" onclick=\'deleteViewConditionColumn("' + value + '");\' class="pt-color-danger"><i class="fa fa-trash-o" title="删除"></i></a>';
|
|
} else {
|
return "";
|
}
|
|
}
|
}
|
]],
|
onLoadSuccess: function (data) {
|
}
|
});
|
|
t_subtabConfig = $("#t_subtabConfig").datagrid({
|
rownumbers: true,
|
fitColumns: true,
|
method: "get",
|
checkOnSelect: false,
|
selectOnCheck: false,
|
url: 'config/view/getSubtabByViewId?viewId=${view.viewId}',
|
toolbar: "#subtab_toolbar",
|
emptyMsg: "没有找到匹配的记录",
|
columns: [[
|
{
|
field: 'ck',
|
checkbox: true
|
},
|
{
|
field: 'subtabName',
|
title: '页签名称',
|
width: 80
|
},
|
{
|
field: 'createTime',
|
title: '创建时间'
|
},
|
{
|
field: 'id',
|
title: '操作',
|
width: 50,
|
align: 'center',
|
formatter: function (value, row, index) {
|
if (value) {
|
return '<a href="javadcript:;" onclick=\'deleteViewSubtab("' + value + '");\' class="pt-color-danger"><i class="fa fa-trash-o" title="删除"></i></a>';
|
|
} else {
|
return "";
|
}
|
|
}
|
}
|
]],
|
onLoadSuccess: function (data) {
|
}
|
});
|
|
|
var sqlWhere = $("#hid_sqlWhere").val();
|
editor_sqlWhere = ace.edit("sqlWhere"); //where事件框
|
editor_sqlWhere.setTheme("ace/theme/monokai");
|
editor_sqlWhere.session.setMode("ace/mode/sql");
|
editor_sqlWhere.setFontSize(16);
|
editor_sqlWhere.session.setValue(sqlWhere);
|
var sqlWhereDefaultHtml = $('#sqlWhereDefaultHtml').html();
|
if (editor_sqlWhere.getValue().replace(/(^\s*)|(\s*$)/g, "") == "" && '${view.viewId}' == '') {
|
editor_sqlWhere.session.setValue(sqlWhereDefaultHtml);
|
}
|
|
var customRunScript = $("#hid_customRunScript").val();
|
editor_customRunScript = ace.edit("customRunScript"); //单击双击事件框
|
editor_customRunScript.setTheme("ace/theme/monokai");
|
editor_customRunScript.session.setMode("ace/mode/javascript");
|
editor_customRunScript.setFontSize(16);
|
editor_customRunScript.session.setValue(customRunScript);
|
var customRunScriptDefaultHtml = $('#customRunScriptDefaultHtml').html();
|
if (editor_customRunScript.getValue().replace(/(^\s*)|(\s*$)/g, "") == "" && '${view.viewId}' == '') {
|
editor_customRunScript.session.setValue(customRunScriptDefaultHtml);
|
}
|
|
var customStyleEvent = $("#hid_customStyleEvent").val();
|
editor_customStyle = ace.edit("customStyleEvent"); //其他样式框
|
editor_customStyle.setTheme("ace/theme/monokai");
|
editor_customStyle.session.setMode("ace/mode/javascript");
|
editor_customStyle.setFontSize(16);
|
editor_customStyle.session.setValue(customStyleEvent);
|
var customStyleEventDefaultHtml = $('#customStyleEventDefaultHtml').html();
|
if (editor_customStyle.getValue().replace(/(^\s*)|(\s*$)/g, "") == "" && '${view.viewId}' == '') {
|
editor_customStyle.session.setValue(customStyleEventDefaultHtml);
|
}
|
|
var otherDatagridEvent = $("#hid_otherDatagridEvent").val();
|
editor_property = ace.edit("otherDatagridEvent"); //其他datagrid自定义属性事件框
|
editor_property.setTheme("ace/theme/monokai");
|
editor_property.session.setMode("ace/mode/javascript");
|
editor_property.setFontSize(16);
|
editor_property.session.setValue(otherDatagridEvent);
|
var otherDatagridEventDefaultHtml = $('#otherDatagridEventDefaultHtml').html();
|
if (editor_property.getValue().replace(/(^\s*)|(\s*$)/g, "") == "") {
|
editor_property.session.setValue(otherDatagridEventDefaultHtml);
|
}
|
|
var customEvent = $("#hid_customEvent").val();
|
editor_customEvent = ace.edit("customEvent"); //其他自定义事件框
|
editor_customEvent.setTheme("ace/theme/monokai");
|
editor_customEvent.session.setMode("ace/mode/javascript");
|
editor_customEvent.setFontSize(16);
|
editor_customEvent.session.setValue(customEvent);
|
var customEventDefaultHtml = $('#customEventDefaultHtml').html();
|
if (editor_customEvent.getValue().replace(/(^\s*)|(\s*$)/g, "") == "" && '${view.viewId}' == '') {
|
editor_customEvent.session.setValue(customEventDefaultHtml);
|
}
|
|
new ResizeScroll({
|
"id": ".viewBody",
|
"height": "506"
|
});
|
|
initEnableCheck();
|
})
|
|
function deleteViewColumnClick() {
|
//获取dg选中的数据行
|
var checkRows = $("#t_field").datagrid("getChecked");
|
if (checkRows.length == 0) {
|
wcp.message.info("请选择需要删除的视图列！");
|
} else {
|
var ids = new Array();
|
$.each(checkRows, function (index, value) {
|
ids.push(value.columnId);
|
});
|
deleteViewColumns(ids);
|
}
|
}
|
|
//删除单个视图列事件
|
function deleteViewColumn(columnId) {
|
deleteViewColumns([columnId]);
|
}
|
|
//删除视图列事件
|
function deleteViewColumns(viewColumnIds) {
|
layer.confirm("确定要删除选择的视图列吗？", {
|
icon: 3,
|
title: '提示'
|
}, function (index) {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/viewColumn/deleteViewColumn",
|
data: JSON.stringify(viewColumnIds),
|
}).done(function (result) {
|
wcp.notify.success('删除成功！');
|
//刷新数据
|
refreshData();
|
}));
|
});
|
}
|
|
function deleteViewOperationClick() {
|
//获取dg选中的数据行
|
var checkRows = $("#t_operation").datagrid("getChecked");
|
if (checkRows.length == 0) {
|
wcp.message.info("请选择需要删除的操作！");
|
} else {
|
var ids = new Array();
|
$.each(checkRows, function (index, value) {
|
ids.push(value.id);
|
});
|
deleteViewOperations(ids);
|
}
|
}
|
|
//删除单个视图列事件
|
function deleteViewOperation(id) {
|
deleteViewOperations([id]);
|
}
|
|
//删除视图列事件
|
function deleteViewOperations(ids) {
|
layer.confirm("确定要删除选择的操作吗？", {
|
icon: 3,
|
title: '提示'
|
}, function (index) {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/view/deleteViewOperation",
|
data: JSON.stringify(ids),
|
}).done(function (result) {
|
wcp.notify.success('删除成功！');
|
//刷新数据
|
$('#t_operation').datagrid('reload');
|
}));
|
});
|
}
|
|
function deleteViewConditionColumnClick() {
|
//获取dg选中的数据行
|
var checkRows = $("#t_conditions").datagrid("getChecked");
|
if (checkRows.length == 0) {
|
wcp.message.info("请选择需要删除的查询列！");
|
} else {
|
var ids = new Array();
|
$.each(checkRows, function (index, value) {
|
ids.push(value.columnId);
|
});
|
deleteViewConditionColumns(ids);
|
}
|
}
|
|
function deleteViewConditionColumn(viewConditionColumnId) {
|
deleteViewConditionColumns([viewConditionColumnId]);
|
}
|
|
//删除条件查询列事件
|
function deleteViewConditionColumns(viewConditionColumnIds) {
|
layer.confirm("确定要删除选择的列吗？", {
|
icon: 3,
|
title: '提示'
|
}, function (index) {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/viewConditionColumn/deleteViewConditionColumn",
|
data: JSON.stringify(viewConditionColumnIds),
|
}).done(function (result) {
|
wcp.notify.success('删除成功！');
|
//刷新数据
|
refreshConditionsData();
|
}));
|
});
|
}
|
|
//删除视图页签
|
function deleteViewSubtabClick() {
|
//获取dg选中的数据行
|
var checkRows = $("#t_subtabConfig").datagrid("getChecked");
|
if (checkRows.length == 0) {
|
wcp.message.info("请选择需要删除的视图页签！");
|
} else {
|
var ids = new Array();
|
$.each(checkRows, function (index, value) {
|
ids.push(value.id);
|
});
|
deleteViewSubtabs(ids);
|
}
|
}
|
|
//删除单个视图页签事件
|
function deleteViewSubtab(subtabId) {
|
deleteViewSubtabs([subtabId]);
|
}
|
|
//删除视图页签事件
|
function deleteViewSubtabs(subtabIds) {
|
layer.confirm("确定要删除选择的视图页签吗？", {
|
icon: 3,
|
title: '提示'
|
}, function (index) {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/view/deleteViewSubtab?viewId=${view.viewId}",
|
data: JSON.stringify(subtabIds),
|
}).done(function (result) {
|
wcp.notify.success('删除成功！');
|
//刷新数据
|
$('#t_subtabConfig').datagrid('reload');
|
}));
|
});
|
}
|
|
//设置隐藏域值
|
function setEnableValue(checked) {
|
$('#' + this.id.replace("Text", "")).val(checked);
|
if (checked) {
|
if (this.id == "enableCustomTypeText") {
|
$("#tr_url").show();
|
$("#tr_openForm").hide();
|
$("#tr_defaultFormParams").hide();
|
}
|
if (this.id == "enableCustomStyleText") {
|
$("#div_customStyle").show();
|
}
|
if (this.id == "enableCustomPropertyText") {
|
$("#div_otherDatagridEvent").show();
|
}
|
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();
|
}
|
if (this.id == "enableNavClassifyText") {
|
$('.tr_navClassify').show();
|
}
|
if (this.id == "enableTooltipText") {
|
$('.tr_tooltip').show();
|
}
|
} else {
|
if (this.id == "enableCustomTypeText") {
|
$("#tr_url").hide();
|
$("#tr_openForm").show();
|
$("#tr_defaultFormParams").show();
|
}
|
if (this.id == "enableCustomStyleText") {
|
$("#div_customStyle").hide();
|
}
|
if (this.id == "enableCustomPropertyText") {
|
$("#div_otherDatagridEvent").hide();
|
}
|
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();
|
}
|
if (this.id == "enableNavClassifyText") {
|
$('.tr_navClassify').hide();
|
}
|
if (this.id == "enableTooltipText") {
|
$('.tr_tooltip').hide();
|
}
|
}
|
}
|
|
//combox切换事件
|
function doComboxChangeEvent(id) {
|
if (this.id == "openUrlType" || id == "openUrlType") {
|
var openUrlType = $('#openUrlType').val();
|
if (openUrlType == '1' || openUrlType == '2') {
|
$("#tr_openWebPageParam").show();
|
} else {
|
$("#tr_openWebPageParam").hide();
|
}
|
} else if (this.id == "targetView") {
|
var viewName = $('#targetView').combobox('getText');
|
var viewId = $('#targetView').combobox('getValue');
|
$('#targetViewName').val(viewName);
|
$('#targetViewId').val(viewId);
|
}
|
}
|
|
//初始化选择项
|
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();
|
}
|
if ("${view.enableCustomType}" == "true") {
|
$('#enableCustomTypeText').switchbutton("check");
|
$("#tr_url").show();
|
$("#tr_openForm").hide();
|
$("#tr_defaultFormParams").hide();
|
} else {
|
$('#enableCustomTypeText').switchbutton("uncheck");
|
$("#tr_url").hide();
|
$("#tr_openForm").show();
|
$("#tr_defaultFormParams").show();
|
}
|
|
if ("${view.enableCustomStyle}" == "true") {
|
$('#enableCustomStyleText').switchbutton("check");
|
$("#div_customStyle").show();
|
} else {
|
$('#enableCustomStyleText').switchbutton("uncheck");
|
$("#div_customStyle").hide();
|
}
|
if ("${view.enableCustomProperty}" == "true") {
|
$('#enableCustomPropertyText').switchbutton("check");
|
$("#div_otherDatagridEvent").show();
|
} else {
|
$('#enableCustomPropertyText').switchbutton("uncheck");
|
$("#div_otherDatagridEvent").hide();
|
}
|
var openUrlType = '${view.openUrlType}';
|
if (openUrlType == '1') {
|
$("#tr_openWebPageParam").show();
|
} else {
|
$("#tr_openWebPageParam").hide();
|
}
|
|
if ("${view.enableNavClassify}" == "true") {
|
$('#enableNavClassifyText').switchbutton("check");
|
$(".tr_navClassify").show();
|
} else {
|
$('#enableNavClassifyText').switchbutton("uncheck");
|
$(".tr_navClassify").hide();
|
}
|
if ("${view.enableModuleDataAuthorize}" == "true") {
|
$('#enableModuleDataAuthorizeText').switchbutton("check");
|
} else {
|
$('#enableModuleDataAuthorizeText').switchbutton("uncheck");
|
}
|
if ("${view.enableTooltip}" == "true") {
|
$('#enableTooltipText').switchbutton("check");
|
$(".tr_tooltip").show();
|
} else {
|
$('#enableTooltipText').switchbutton("uncheck");
|
$(".tr_tooltip").hide();
|
}
|
var listStyleType = '${view.listStyleType}';
|
|
if (listStyleType == '1') {
|
$("#tr_detailType").show();
|
var detailType = '${view.detailType}';
|
if (detailType == '0') {
|
$("#tr_detailUrl").show();
|
$("#tr_targetConfig").hide();
|
} else {
|
$("#tr_detailUrl").hide();
|
$("#tr_targetConfig").show();
|
}
|
} else {
|
$("#tr_detailType").hide();
|
$("#tr_detailUrl").hide();
|
$("#tr_targetConfig").hide();
|
$('#t_subtabConfig').datagrid("getPanel").hide();
|
}
|
|
//初始化下拉列表combobox
|
$('#paginationType').combobox('setValue', '${view.paginationType}');
|
$('#rowClickEventType').combobox('setValue', '${view.rowClickEventType}');
|
$('#openUrlType').combobox('setValue', '${view.openUrlType}');
|
$('#tooltipType').combobox('setValue', '${view.tooltipType}');
|
$('#tooltipClass').combobox('setValue', '${view.tooltipClass}');
|
//初始化radiobutton
|
$("input[radiobuttonName='frontViewType'][value='${view.frontViewType}']").radiobutton('check');
|
$("input[radiobuttonName='dataSourceType'][value='${view.dataSourceType}']").radiobutton('check');
|
$("input[radiobuttonName='openMode'][value='${view.openMode}']").radiobutton('check');
|
$("input[radiobuttonName='listStyleType'][value='${view.listStyleType}']").radiobutton('check');
|
$("input[radiobuttonName='detailType'][value='${view.detailType}']").radiobutton('check');
|
|
loadTargetModuleView();
|
}
|
|
function selectTable() {
|
var idName = this.id;
|
var mltiSelect = false;
|
var moduleId = '${view.moduleId}';
|
var idElement = '';
|
var nameElement = idName;
|
if (idName == "relationTableNames" || idName == "tableNames") {
|
mltiSelect = true;
|
moduleId = null;
|
} else if (idName == 'mainTableName') {
|
idElement = 'mainTableId';
|
}
|
wcp.picker.selectTable({
|
title: "请选择表",
|
multiSelect: mltiSelect,
|
moduleId: moduleId,
|
idElement: idElement,
|
nameElement: nameElement,
|
layerOpener: window
|
}, function (rows) {
|
var selectedTables = "";
|
$.each(rows, function (index, value) {
|
selectedTables += value.tableName + ',';
|
});
|
selectedTables = selectedTables.substr(0, selectedTables.length - 1);
|
if (idName == 'mainTableName' || idName == "relationTableNames") {
|
|
var sqlFrom = $('#sqlFrom').val();
|
if (sqlFrom != '') {
|
$('#sqlFrom').textbox("setValue", sqlFrom + "," + selectedTables);
|
} else {
|
$('#sqlFrom').textbox("setValue", selectedTables);
|
}
|
|
}
|
//$('#sqlFrom').textbox("setValue", selectedTables);
|
});
|
}
|
|
function selectTableRelation() {
|
wcp.picker.selectTable({
|
title: "请选择表",
|
multiSelect: true,
|
layerOpener: window
|
}, function (rows) {
|
var sqlFroms = "";
|
$.each(rows, function (index, value) {
|
sqlFroms += value.tableName + ',';
|
});
|
sqlFroms = sqlFroms.substr(0, sqlFroms.length - 1);
|
$('#sqlFrom').textbox("setValue", sqlFroms);
|
});
|
}
|
|
//批量选择视图列
|
function selectViewColumns() {
|
var viewId = $('#viewId').val();
|
if (viewId == "") {
|
wcp.message.info("请先保存视图！");
|
return;
|
}
|
var tableNames = $('#mainTableName').val();
|
var relationTableNames = $('#relationTableNames').val();
|
if (relationTableNames != '') {
|
tableNames += ',' + relationTableNames;
|
}
|
wcp.picker.selectTableColumn({
|
title: "批量选择视图列",
|
tableName: tableNames,
|
multiSelect: true,
|
layerOpener: window
|
}, function (rows) {
|
var columnList = new Array();
|
$.each(rows, function (index, value) {
|
columnList.push(value.displayName + '|' + value.columnName);
|
});
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/viewColumn/saveViewColumns?viewId=${view.viewId}",
|
data: JSON.stringify(columnList),
|
}).done(function (result) {
|
top.wcp.notify.success("保存成功！");
|
//刷新数据
|
refreshData();
|
}));
|
});
|
}
|
|
//增加视图操作
|
function selectViewOperation() {
|
var viewId = $('#viewId').val();
|
var moduleId = '${view.moduleId}';
|
if (viewId == "") {
|
wcp.message.info("请先保存视图！");
|
return;
|
}
|
wcp.picker.selectOperation({
|
title: "请选择操作",
|
multiSelect: true,
|
operationPosition: 0,
|
moduleId: moduleId,
|
layerOpener: window
|
}, function (rows) {
|
var operationIdList = new Array();
|
$.each(rows, function (index, value) {
|
operationIdList.push(value.operationId);
|
});
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/view/saveViewOperation?viewId=${view.viewId}",
|
data: JSON.stringify(operationIdList),
|
}).done(function (result) {
|
top.wcp.notify.success("保存成功！");
|
//刷新数据
|
$('#t_operation').datagrid('reload');
|
}));
|
});
|
}
|
|
//增加视图页签操作
|
function selectViewSubtab() {
|
var moduleId = '${view.moduleId}';
|
wcp.picker.selectSubtab({
|
title: "请选择页签",
|
multiSelect: true,
|
subtabPosition: 0,
|
moduleId: moduleId,
|
layerOpener: window
|
}, function (rows) {
|
var subtabIdList = new Array();
|
$.each(rows, function (index, value) {
|
subtabIdList.push(value.subtabId);
|
});
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/view/saveViewSubtab?viewId=${view.viewId}",
|
data: JSON.stringify(subtabIdList),
|
}).done(function (result) {
|
top.wcp.notify.success("保存成功！");
|
//刷新数据
|
$('#t_subtabConfig').datagrid('reload');
|
}));
|
});
|
}
|
|
//选择图标
|
function selectIcon() {
|
var idName = this.id;
|
|
wcp.picker.selectIcon({
|
title: "请选择图标",
|
nameElement: idName,
|
layerOpener: window
|
});
|
}
|
|
//批量修改字段属性
|
function batchEditViewColumn() {
|
var viewId = '${view.viewId}';
|
//获取dg选中的数据行
|
var checkRows = $("#t_field").datagrid("getChecked");
|
if (checkRows.length == 0) {
|
wcp.message.info("请选择需要修改的视图列！");
|
} else {
|
var ids = new Array();
|
$.each(checkRows, function (index, value) {
|
ids.push(value.columnId);
|
});
|
var url = "config/viewColumn/batchEditViewColumnIndex?viewId=" + viewId;
|
var title = "批量编辑视图列";
|
top.layer.open({
|
title: title,
|
type: 2,
|
area: ["820px", "450px"],
|
fixed: false,
|
content: url,
|
success: function (layero, index) {
|
var iframeWin = window.top[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
iframeWin.params.ids = ids;
|
//将回调函数传给子页面
|
iframeWin.params.callBack = refreshData;
|
}
|
});
|
}
|
}
|
|
|
//新增视图列
|
function addViewColumn() {
|
editViewColumn(0, '${view.viewId}');
|
}
|
|
function openEditViewColumn(value) {
|
editViewColumn(value, '${view.viewId}');
|
}
|
|
//视图列编辑方法
|
function editViewColumn(viewColumnId, viewId) {
|
var tableNames = $('#mainTableName').val();
|
var relationTableNames = $('#relationTableNames').val();
|
if (relationTableNames != '') {
|
tableNames += ',' + relationTableNames;
|
}
|
var url = "config/viewColumn/editViewColumn?viewColumnId=" + viewColumnId + "&viewId=" + viewId + "&tableName=" + tableNames;
|
var title = viewId == 0 ? "新增视图列" : "编辑视图列";
|
top.layer.open({
|
title: title,
|
type: 2,
|
area: ["820px", "600px"],
|
fixed: false,
|
content: url,
|
success: function (layero, index) {
|
var body = window.top.layer.getChildFrame('body', index);
|
var iframeWin = window.top[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
//将回调函数传给子页面
|
iframeWin.params.callBack = refreshData;
|
}
|
});
|
}
|
|
//添加公共查询条件
|
function addPublicViewConditionColumn() {
|
var tableNames = $('#mainTableName').val();
|
var relationTableNames = $('#relationTableNames').val();
|
if (relationTableNames != '') {
|
tableNames += ',' + relationTableNames;
|
}
|
var url = "config/viewConditionColumn/publicViewConditionColumn?viewId=${view.viewId}&tableName=" + tableNames;
|
var title = "选择公共查询条件";
|
top.layer.open({
|
title: title,
|
type: 2,
|
area: ["800px", "590px"],
|
fixed: false,
|
content: url,
|
success: function (layero, index) {
|
var body = window.top.layer.getChildFrame('body', index);
|
var iframeWin = window.top[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
//将回调函数传给子页面
|
iframeWin.params.callBack = refreshConditionsData;
|
}
|
});
|
}
|
|
//新增视图
|
function addViewConditionColumn() {
|
editViewConditionColumn(0, '${view.viewId}');
|
}
|
|
function openEditViewConditionColumn(value) {
|
editViewConditionColumn(value, '${view.viewId}');
|
}
|
|
//自定义查询列编辑方法
|
function editViewConditionColumn(viewConditionColumnId, viewId) {
|
var tableNames = $('#mainTableName').val();
|
var relationTableNames = $('#relationTableNames').val();
|
if (relationTableNames != '') {
|
tableNames += ',' + relationTableNames;
|
}
|
var url = "config/viewConditionColumn/editViewConditionColumn?viewConditionColumnId=" + viewConditionColumnId + "&viewId=" + viewId + "&tableName=" + tableNames;
|
var title = viewId == 0 ? "新增条件查询列" : "编辑条件查询列";
|
top.layer.open({
|
title: title,
|
type: 2,
|
area: ["800px", "590px"],
|
fixed: false,
|
content: url,
|
success: function (layero, index) {
|
var body = window.top.layer.getChildFrame('body', index);
|
var iframeWin = window.top[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
//将回调函数传给子页面
|
iframeWin.params.callBack = refreshConditionsData;
|
}
|
});
|
}
|
|
//刷新视图列数据
|
function refreshData() {
|
$('#t_field').datagrid('reload');
|
}
|
|
function refreshConditionsData() {
|
$('#t_conditions').datagrid('reload');
|
}
|
|
//选择模块
|
function selectModule() {
|
wcp.picker.selectModule({
|
title: "请选择模块",
|
multiSelect: false,
|
idElement: "targetModuleId",
|
nameElement: "targetModuleName", //赋值不成功问题？？
|
layerOpener: window
|
}, function (rows) {
|
loadTargetModuleView();
|
});
|
}
|
|
//选择字段
|
function selectColumn() {
|
var tableNames = '';
|
var idName = this.id;
|
var multiSelect = true;
|
var moduleId = null;
|
switch (idName) {
|
case "idField":
|
multiSelect = false;
|
tableNames = $('#mainTableName').val();
|
break;
|
case "sqlSelect":
|
case "defaultSearchFields":
|
case "sqlOrder":
|
var mainTableName = $('#mainTableName').val();
|
var relationTableNames = $('#relationTableNames').val();
|
tableNames = mainTableName;
|
if (relationTableNames.length > 0) {
|
tableNames = mainTableName + ',' + relationTableNames;
|
}
|
break;
|
case "targetRelationColumnName":
|
tableNames = null;
|
multiSelect = false;
|
moduleId = $('#targetModuleId').val();
|
break;
|
case "localRelationColumnName":
|
case "groupColumnName":
|
case "treeParentColumnName":
|
case "treeNodeColumnName":
|
tableNames = null;
|
multiSelect = false;
|
moduleId = '${view.moduleId}';
|
break;
|
}
|
wcp.picker.selectTableColumn({
|
title: "请选择字段",
|
tableName: tableNames,
|
moduleId: moduleId,
|
multiSelect: multiSelect,
|
layerOpener: window
|
}, function (rows) {
|
var selectedColumns = "";
|
var selectedDisplayName = "";
|
$.each(rows, function (index, value) {
|
selectedColumns += value.columnName + ',';
|
selectedDisplayName += value.displayName + ',';
|
});
|
selectedColumns = selectedColumns.substr(0, selectedColumns.length - 1);
|
selectedDisplayName = selectedDisplayName.substr(0, selectedDisplayName.length - 1);
|
$('#' + idName).textbox("setValue", selectedColumns);
|
if (idName == 'defaultSearchFields') {
|
$('#defaultSearchPrompt').textbox("setValue", "请输入" + selectedDisplayName + "查询");
|
}
|
});
|
}
|
|
//选择表单
|
function selectForm() {
|
wcp.picker.selectForm({
|
title: "请选择表单",
|
multiSelect: false,
|
moduleId: '${view.moduleId}',
|
idElement: 'openFormId',
|
nameElement: 'openFormName',
|
separator: ',',
|
layerOpener: window
|
});
|
}
|
|
function selectOpenWindowTitleField() {
|
var tableNames = $('#mainTableName').val();
|
var relationTableNames = $('#relationTableNames').val();
|
if (relationTableNames != '') {
|
tableNames += ',' + relationTableNames;
|
}
|
wcp.picker.selectTableColumn({
|
title: "选择打开窗口标题字段",
|
tableName: tableNames,
|
multiSelect: true,
|
layerOpener: window
|
}, function (rows) {
|
if (rows.length > 0) {
|
var val = $("#openWindowTitle").val();
|
|
$.each(rows, function (index, value) {
|
val += "{" + value.columnName + '}';
|
});
|
|
$("#openWindowTitle").textbox("setValue", val);
|
}
|
});
|
}
|
|
//选表单默认参数字段
|
function selectDefaultFormParamsField() {
|
var tableNames = $('#mainTableName').val();
|
var relationTableNames = $('#relationTableNames').val();
|
if (relationTableNames != '') {
|
tableNames += ',' + relationTableNames;
|
}
|
wcp.picker.selectTableColumn({
|
title: "选择表单默认参数字段",
|
tableName: tableNames,
|
multiSelect: true,
|
layerOpener: window
|
}, function (rows) {
|
if (rows.length > 0) {
|
var val = $("#defaultFormParams").val();
|
if (val != "") {
|
val += ";";
|
}
|
$.each(rows, function (index, value) {
|
val += value.columnName + '|';
|
if (index < rows.length - 1) {
|
val += ";";
|
}
|
});
|
|
$("#defaultFormParams").textbox("setValue", val);
|
}
|
});
|
}
|
|
//选择导航分类
|
function selectNavClassify() {
|
wcp.picker.selectTopNavClassify({
|
moduleId: "${view.moduleId}"
|
}, setSelectNavClassify);
|
}
|
|
function setSelectNavClassify(rows) {
|
var ids = "";
|
var names = "";
|
$.each(rows, function (index, value) {
|
ids += value.classificationId;
|
names += value.classificationName;
|
if (index < rows.length - 1) {
|
ids += ",";
|
names += ",";
|
}
|
});
|
|
$("#navClassifyIds").val(ids);
|
$("#navClassifyNames").textbox("setValue", names);
|
}
|
|
//选择导航分类
|
function selectExpandNavClassify() {
|
wcp.picker.selectTopNavClassify({
|
moduleId: "${view.moduleId}",
|
multiSelect: false,
|
idElement: "defExpandNavClassifyId",
|
nameElement: "defExpandNavClassifyName"
|
});
|
}
|
|
//数据源切换
|
function dataSourceChange(checked) {
|
if (checked) {
|
var value = $(this).val();
|
$(".sourceBody").eq(value).removeClass("hide").siblings("div").addClass("hide");
|
}
|
}
|
|
//前端视图类型切换
|
function frontViewTypeChange(checked) {
|
if (checked) {
|
var value = $(this).val();
|
if (value == "0") {
|
$("#tr_frontViewName").hide();
|
$("#frontViewName").textbox('textbox').validatebox({
|
required: false
|
});
|
} else {
|
$("#tr_frontViewName").show();
|
$("#frontViewName").textbox('textbox').validatebox({
|
required: true
|
});
|
}
|
}
|
}
|
|
//响应类型类型切换
|
function openModeChange(checked) {
|
if (checked) {
|
var value = $(this).val();
|
if (value == 0) {
|
$("#tr_openWebPage").show();
|
var openUrlType = $('#openUrlType').val();
|
if (openUrlType == '1') {
|
$("#tr_openWebPageParam").show();
|
} else {
|
$("#tr_openWebPageParam").hide();
|
}
|
$("#tr_enableCustomType").show();
|
if ($("#enableCustomType").val() == "true") {
|
$("#tr_url").show();
|
$("#tr_openForm").hide();
|
$("#tr_defaultFormParams").hide();
|
} else {
|
$("#tr_url").hide();
|
$("#tr_openForm").show();
|
$("#tr_defaultFormParams").show();
|
}
|
$("#tr_doJs").hide();
|
} else {
|
$("#tr_openWebPage").hide();
|
$("#tr_openWebPageParam").hide();
|
$("#tr_enableCustomType").hide();
|
$("#tr_url").hide();
|
$("#tr_openForm").hide();
|
$("#tr_defaultFormParams").hide();
|
$("#tr_doJs").show();
|
}
|
}
|
}
|
|
function generateFormatReadingUrl() {
|
wcp.picker.selectFormatReading({
|
moduleId: "${view.moduleId}"
|
}, function (rows) {
|
if (rows.length > 0) {
|
var url = "general/viewFormatReading?templateId=" + rows[0].templateId;
|
$("#openCustomUrl").textbox("setValue", url);
|
}
|
});
|
}
|
|
//视图列表样式切换
|
function listStyleTypeChange(checked) {
|
if (checked) {
|
var value = $(this).val();
|
switch (value) {
|
case "0": //默认
|
$("#tr_groupConfig").hide();
|
$('#t_subtabConfig').datagrid("getPanel").hide();
|
$("#tr_detailType").hide();
|
$("#tr_detailUrl").hide();
|
$("#tr_targetConfig").hide();
|
$("#tr_treeConfig").hide();
|
break;
|
case "1": //明细信息
|
$("#tr_detailType").show();
|
$("#tr_groupConfig").hide();
|
$('#t_subtabConfig').datagrid("getPanel").hide();
|
var detailTypeValue = $('input[type="radio"][name="detailType"]:checked').val();
|
if (detailTypeValue == "0") {
|
$("#tr_detailUrl").show();
|
$("#tr_targetConfig").hide();
|
} else {
|
$("#tr_detailUrl").hide();
|
$("#tr_targetConfig").show();
|
}
|
$("#tr_treeConfig").hide();
|
break;
|
case "2": //数据行分组
|
$("#tr_detailType").hide();
|
$("#tr_groupConfig").show();
|
$('#t_subtabConfig').datagrid("getPanel").hide();
|
$("#tr_detailUrl").hide();
|
$("#tr_targetConfig").hide();
|
$("#tr_treeConfig").hide();
|
break;
|
case "3": //页签模式
|
$("#tr_detailType").hide();
|
$("#tr_groupConfig").hide();
|
t_subtabConfig.datagrid("reload");
|
$('#t_subtabConfig').datagrid("getPanel").show();
|
$("#tr_detailUrl").hide();
|
$("#tr_targetConfig").hide();
|
$("#tr_treeConfig").hide();
|
break;
|
case "4": //树形模式
|
$("#tr_groupConfig").hide();
|
$('#t_subtabConfig').datagrid("getPanel").hide();
|
$("#tr_detailType").hide();
|
$("#tr_detailUrl").hide();
|
$("#tr_targetConfig").hide();
|
$("#tr_treeConfig").show();
|
break;
|
}
|
}
|
}
|
|
//明细信息设置切换
|
function detailTypeChange(checked) {
|
var listStyleTypeValue = $('input[type="radio"][name="listStyleType"]:checked').val();
|
if (checked && listStyleTypeValue == "1") {
|
var value = $(this).val();
|
if (value == 0) {
|
$("#tr_detailUrl").show();
|
$("#tr_targetConfig").hide();
|
} else {
|
$("#tr_detailUrl").hide();
|
$("#tr_targetConfig").show();
|
}
|
}
|
}
|
|
//绑定目标模块视图
|
function loadTargetModuleView() {
|
var targetModuleId = $("#targetModuleId").val();
|
$.ajax({
|
type: 'POST',
|
contentType: "application/json; charset=utf-8",
|
url: "config/view/getViewListByModuleId?moduleId=" + targetModuleId,
|
dataType: 'json',
|
success: function (datas) {
|
var data = [];
|
data.push({
|
"text": "====请选择====",
|
"id": 0
|
});
|
$.each(datas, function (i, val) {
|
data.push({
|
"text": val.viewName,
|
"id": val.viewId
|
});
|
})
|
$("#targetView").combobox("loadData", data);
|
$('#targetView').combobox('setValue', '${view.targetViewId}');
|
}
|
});
|
}
|
|
function enableSort(obj, tname) {
|
var oA = $(obj);
|
var tip = $.trim(oA.text());
|
switch (tname) {
|
case "t_field":
|
if (tip == "排序") {
|
oA.html('<i class="fa fa-retweet"></i>保存排序');
|
t_field.datagrid("enableDnd");
|
} else {
|
oA.html('<i class="fa fa-retweet"></i>排序');
|
if (tip == "保存排序") {
|
//保存表格中排序
|
saveSortNum(tname, 'config/viewColumn/saveSortNum');
|
}
|
}
|
break;
|
case "t_operation":
|
if (tip == "排序") {
|
oA.html('<i class="fa fa-retweet"></i>保存排序');
|
t_operation.datagrid("enableDnd");
|
} else {
|
oA.html('<i class="fa fa-retweet"></i>排序');
|
if (tip == "保存排序") {
|
//保存表格中排序
|
saveSortNum(tname, 'config/view/saveOperationSortNum');
|
}
|
}
|
break;
|
case "t_subtabConfig":
|
if (tip == "排序") {
|
oA.html('<i class="fa fa-retweet"></i>保存排序');
|
t_subtabConfig.datagrid("enableDnd");
|
} else {
|
oA.html('<i class="fa fa-retweet"></i>排序');
|
if (tip == "保存排序") {
|
//保存表格中排序
|
saveSortNum(tname, 'config/view/saveSubtabSortNum');
|
}
|
}
|
break;
|
}
|
}
|
|
function freshTable(tableName) {
|
switch (tableName) {
|
case "t_field":
|
t_field.datagrid("reload");
|
break;
|
case "t_conditions":
|
t_conditions.datagrid("reload");
|
break;
|
|
}
|
}
|
|
//确定按钮事件
|
function doSave() {
|
//验证表单信息
|
var isValid1 = $('#formView1').form('validate');
|
var isValid2 = $('#formView2').form('validate');
|
var isValid5 = $('#formView5').form('validate');
|
var isValid6 = $('#formView6').form('validate');
|
if (!isValid1 || !isValid2 || !isValid5 || !isValid6) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
var obj1 = $("#formView1").serializeObject();
|
var obj2 = $("#formView2").serializeObject();
|
var obj5 = $("#formView5").serializeObject();
|
var obj6 = $("#formView6").serializeObject();
|
var sqlWhere = {
|
'sqlWhere': editor_sqlWhere.getValue()
|
};
|
|
var customPropertyJs = {
|
'customPropertyJs': editor_property.getValue().replace(/(^\s*)|(\s*$)/g, "")
|
};
|
var customStyleJs = {
|
'customStyleJs': editor_customStyle.getValue().replace(/(^\s*)|(\s*$)/g, "")
|
};
|
var customEventJs = {
|
'customEventJs': editor_customEvent.getValue().replace(/(^\s*)|(\s*$)/g, "")
|
};
|
var customRunJs = {
|
'customRunJs': editor_customRunScript.getValue().replace(/(^\s*)|(\s*$)/g, "")
|
};
|
var obj = $.extend({}, obj1, obj2, sqlWhere, obj5, obj6, customStyleJs, customPropertyJs, customRunJs, customEventJs);
|
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/view/saveDesignView?permissionId=${permissionId}" + "&parentId=" + permissionParentId,
|
data: JSON.stringify(obj),
|
}).done(function (result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
//关闭窗口
|
closeWindow();
|
top.wcp.notify.success("保存成功！");
|
}));
|
|
}
|
|
//保存列排序号
|
function saveSortNum(dataGridId, postUrl) {
|
var data = $('#' + dataGridId).datagrid('getRows');
|
var Ids_SortNums = new Array();
|
$.each(data, function (i, row) {
|
if (dataGridId == "t_operation") {
|
Ids_SortNums.push(row.id + "_" + (i + 1));
|
} else if (dataGridId == "t_subtabConfig") {
|
Ids_SortNums.push(row.id + "_" + (i + 1));
|
} else {
|
Ids_SortNums.push(row.columnId + "_" + (i + 1));
|
}
|
});
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: postUrl,
|
data: JSON.stringify(Ids_SortNums),
|
}).done(function (result) {
|
freshTable(dataGridId);
|
top.wcp.notify.success("保存排序成功！");
|
}));
|
}
|
|
//判断权限名称是否填写
|
function isPermissionChange(checked) {
|
$("#enablePermission").val(checked);
|
if (checked) {
|
$("#permissionName").textbox("enable");
|
} else {
|
$("#permissionName").textbox("disable");
|
}
|
}
|
|
//选择权限
|
function selectPermission() {
|
//usedParentId = $("#parentId").combotree("getValue");
|
var enablePermission = $("#enablePermission").val();
|
var viewId = $("#viewId").val();
|
if (enablePermission != 0 && (viewId == "" || viewId == 0)) {
|
wcp.picker.selectPermission({
|
title: "请选择权限",
|
multiSelect: false,
|
nameElement: "permissionName",
|
layerOpener: window
|
});
|
}
|
}
|
|
//生成权限
|
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=" + 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 closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
|
</html>
|
