<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
|
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro"%>
|
<%
|
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 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/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>
|
<style>
|
.combobox-group {
|
clear: both;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div class="margin-lr">
|
<div class="pt-main-top clear">
|
<div class="pt-nav">
|
<span class="pt-title-icon">
|
<i class="fa fa-tasks"></i>
|
</span>
|
<div class="pt-title">
|
<div>
|
<h4>导航分类信息</h4>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="pt-form">
|
<form id="formClassification" method="post">
|
<div class="ptbody">
|
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle" style="width: 140px;">
|
<em class="pt-color-danger">*</em> 分类名称：
|
</td>
|
<td>
|
<input id="classificationName" name="classificationName" class="easyui-textbox" type="text" data-options="required:true" style="width:100%" value="${classification.classificationName }" />
|
<input type="hidden" id="classificationId" name="classificationId" value="${ classification.classificationId}">
|
<input type="hidden" id="moduleId" name="moduleId" value="${ classification.moduleId}">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle" style="width: 140px;">上级分类：</td>
|
<td>
|
<input type="hidden" id="parentId" name="parentId" value="${ classification.parentId}">
|
<input id="parentName" class="easyui-textbox" type="text" data-options="disabled:true" style="width:100%" />
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">分类类型：</td>
|
<td>
|
<div>
|
<input class="easyui-radiobutton" name="classificationType" data-options="onChange:classificationTypeOnchange" value="0" label="手动分类">
|
<input class="easyui-radiobutton" name="classificationType" data-options="onChange:classificationTypeOnchange" value="1" label="智能分类 ">
|
</div>
|
</td>
|
</tr>
|
<tr id="intelligenceType_css" style="display: none">
|
<td class="tbtitle">智能类型：</td>
|
<td>
|
<div>
|
<input class="easyui-radiobutton" name="intelligenceType" data-options="onChange:intelligenceTypeOnchange" value="0" label="业务表获取">
|
<input class="easyui-radiobutton" name="intelligenceType" data-options="onChange:intelligenceTypeOnchange" value="1" label="关键字获取">
|
<input class="easyui-radiobutton" name="intelligenceType" data-options="onChange:intelligenceTypeOnchange" value="2" label="组织机构获取">
|
<input class="easyui-radiobutton" name="intelligenceType" data-options="onChange:intelligenceTypeOnchange" value="3" label="其他表数据">
|
</div>
|
</td>
|
</tr>
|
<tr id="businessType_css">
|
<td class="tbtitle">自定义过滤条件：</td>
|
<td>
|
<div>
|
<input id="customCondition" name="customCondition" class="easyui-textbox" type="text" style="width:480px" value="${classification.customCondition }" />
|
</div>
|
</td>
|
</tr>
|
<tr id="keywordType_css" style="display: none">
|
<td class="tbtitle">关键字类型：</td>
|
<td>
|
<div>
|
<input class="easyui-radiobutton" name="keywordType" value="1" label="单级 ">
|
<input class="easyui-radiobutton" name="keywordType" data-options="onChange:keywordTypeOnchange" value="0" label="多级">
|
</div>
|
</td>
|
</tr>
|
<tr id="keywordName_css" style="display: none">
|
<td class="tbtitle">关键字：</td>
|
<td>
|
<div>
|
<input type="hidden" id="keywordId" name="keywordId" value="${ classification.keywordId}">
|
<input id="keywordName" name="keywordName" class="easyui-textbox" type="text" style="width:480px" value="${classification.keywordName }" data-options="editable:false,buttonText:'选择',prompt:'',onClickButton:selectKeyword" />
|
</div>
|
</td>
|
</tr>
|
<tr id="organizationRange_css" style="display: none">
|
<td class="tbtitle">组织机构范围</td>
|
<td>
|
<div>
|
<input class="easyui-radiobutton" name="organizationRange" data-options="onChange:organizationRangeOnchange" value="0" label="全部">
|
<input class="easyui-radiobutton" name="organizationRange" data-options="onChange:organizationRangeOnchange" value="1" label="当前登录人 ">
|
<input class="easyui-radiobutton" name="organizationRange" data-options="onChange:organizationRangeOnchange" value="2" label="指定">
|
</div>
|
</td>
|
</tr>
|
<tr id="organizationName_css" style="display: none">
|
<td class="tbtitle">指定机构：</td>
|
<td>
|
<div>
|
<input type="hidden" class="easyui-textbox" id="organizationId" name="organizationId" value="${classification.organizationId}">
|
<input id="organizationName" name="organizationName" class="easyui-textbox" type="text" style="width:480px" value="${classification.organizationName }" data-options="editable:false,buttonText:'选择',prompt:'',onClickButton:selectOrganization" />
|
</div>
|
</td>
|
</tr>
|
<tr class="tr_tableOptions" style="display: none">
|
<td class="tbtitle">指定业务表：</td>
|
<td>
|
<div>
|
<input type="hidden" class="easyui-textbox" id="sourceTableId" name="sourceTableId" value="${classification.sourceTableId}">
|
<input id="sourceTableName" name="sourceTableName" class="easyui-textbox" type="text" style="width:480px" value="${classification.sourceTableName }" data-options="editable:false,buttonText:'选择',prompt:'',onClickButton:selectTable" />
|
</div>
|
</td>
|
</tr>
|
<tr class="tr_tableOptions" style="display: none">
|
<td class="tbtitle">文本绑定字段：</td>
|
<td>
|
<div>
|
<input id="sourceTextField" name="sourceTextField" class="easyui-textbox" type="text" style="width:480px" value="${classification.sourceTextField }" data-options="editable:false,buttonText:'选择',prompt:'',onClickButton:selectField" />
|
</div>
|
</td>
|
</tr>
|
<tr class="tr_tableOptions" style="display: none">
|
<td class="tbtitle">值绑定字段：</td>
|
<td>
|
<div>
|
<input id="sourceValueField" name="sourceValueField" class="easyui-textbox" type="text" style="width:480px" value="${classification.sourceValueField }" data-options="editable:false,buttonText:'选择',prompt:'',onClickButton:selectField" />
|
</div>
|
</td>
|
</tr>
|
<tr class="tr_tableOptions" style="display: none">
|
<td class="tbtitle">数据显示条件：</td>
|
<td>
|
<div>
|
<input id="sourceSqlWhere" name="sourceSqlWhere" class="easyui-textbox" type="text" style="width:480px;height:100px;" value="${classification.sourceSqlWhere }" data-options="multiline:true" />
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">表单参数文本绑定字段：</td>
|
<td>
|
<div>
|
<input id="paramTextField" name="paramTextField" class="easyui-textbox" type="text" style="width:480px" value="${classification.paramTextField }" data-options="editable:false,buttonText:'选择',prompt:'',onClickButton:selectField" />
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">表单参数值绑定字段：</td>
|
<td>
|
<div>
|
<input id="paramValueField" name="paramValueField" class="easyui-textbox" type="text" style="width:480px" value="${classification.paramValueField }" data-options="editable:false,buttonText:'选择',prompt:'',onClickButton:selectField" />
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">排序号：</td>
|
<td>
|
<input id="sortNum" name="sortNum" class="easyui-numberspinner" style="width:100%" data-options="min:1,max:1000,editable:true" value="${classification.sortNum }">
|
</td>
|
</tr>
|
</table>
|
|
</div>
|
</form>
|
<div class="pt-form-btn">
|
<div class="form-group">
|
<shiro:hasPermission name="SYS_CONFIG.MODULE.OPERATION.CONFIG.NAVIGATIONCLASSIFICATION.SAVE">
|
<button id="btnSave" class="pt-btn pt-btn-primary">保存</button>
|
</shiro:hasPermission>
|
<button id="btnClose" class="pt-btn pt-btn-default">关闭</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
callBack : null,
|
parentName : null,
|
};
|
|
$(function() {
|
$("input[radiobuttonName='classificationType'][value='${classification.classificationType}']").radiobutton('check');
|
|
var classificationId = "${ classification.classificationId}";
|
if (classificationId != null && classificationId > 0) {
|
$("#parentName").textbox("setValue", "${parentName}");
|
}
|
|
var parentId = "${classification.parentId}";
|
if (parentId != "0") {
|
$("input[radiobuttonName='classificationType'][value='0']").radiobutton('disable', true);
|
$("input[radiobuttonName='classificationType'][value='1']").radiobutton('disable', true);
|
}
|
|
new ResizeScroll({
|
"id" : ".ptbody",
|
fun : function() {
|
var wh = $(window).height();
|
return (wh - 69 - 62);
|
|
}
|
});
|
|
//绑定按钮事件
|
$("#btnSave").click(function() {
|
//验证表单信息
|
var isValid = $('#formClassification').form('validate');
|
if (!isValid) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
|
var obj = $("#formClassification").serializeObject();
|
wcp.ui.setBusy("body", wcp.ajax({
|
url : "config/navigationClassification/saveNavigationClassification",
|
data : JSON.stringify(obj),
|
}).done(function(result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
|
//关闭窗口
|
closeWindow();
|
|
top.wcp.notify.success("保存成功！");
|
}));
|
});
|
|
$("#btnClose").click(function() {
|
closeWindow();
|
});
|
});
|
|
function load(parentName, parentId) {
|
if (typeof parentId == "undefined") {
|
$("#parentName").textbox("setValue", parentName);
|
}
|
}
|
|
function classificationTypeOnchange(checked) {
|
if (checked) {
|
var val = $(this).val();
|
classificationTypeValue(val);
|
}
|
}
|
|
function classificationTypeValue(val) {
|
var classificationId = "${ classification.classificationId}";
|
if (val == 0) {
|
$("#intelligenceType_css").hide();
|
$("#keywordType_css").hide();
|
$("#keywordName_css").hide();
|
$("#organizationRange_css").hide();
|
$("#organizationName_css").hide();
|
$(".tr_tableOptions").hide();
|
} else {
|
var intelligenceType = "${ classification.intelligenceType}";
|
$("#intelligenceType_css").show();
|
if (classificationId != "" && classificationId > 0 && intelligenceType != "") {
|
$("input[radiobuttonName='intelligenceType'][value='${ classification.intelligenceType}']").radiobutton('check');
|
} else {
|
$("input[radiobuttonName='intelligenceType'][value='0']").radiobutton('check');
|
$("#keywordType_css").hide();
|
$("#keywordName_css").hide();
|
$("#organizationRange_css").hide();
|
$("#organizationName_css").hide();
|
$(".tr_tableOptions").hide();
|
}
|
}
|
}
|
|
function intelligenceTypeOnchange(checked) {
|
if (checked) {
|
var val = $(this).val();
|
intelligenceTypeValue(val);
|
}
|
}
|
|
function intelligenceTypeValue(val) {
|
var classificationId = "${ classification.classificationId}";
|
if (val == 0) {
|
$("#businessType_css").show();
|
$("#keywordType_css").hide();
|
$("#keywordName_css").hide();
|
$("#organizationRange_css").hide();
|
$("#organizationName_css").hide();
|
$(".tr_tableOptions").hide();
|
} else if (val == 1) {
|
var keywordType = "${ classification.keywordType}";
|
$("#keywordType_css").show();
|
$("#keywordName_css").show();
|
if (classificationId != "" && classificationId > 0 && keywordType != "") {
|
$("input[radiobuttonName='keywordType'][value='${ classification.keywordType}']").radiobutton('check');
|
} else {
|
$("input[radiobuttonName='keywordType'][value='0']").radiobutton('check');
|
}
|
$("#businessType_css").hide();
|
$("#organizationRange_css").hide();
|
$("#organizationName_css").hide();
|
$(".tr_tableOptions").hide();
|
} else if (val == 2) {
|
var organizationRange = "${ classification.organizationRange}";
|
$("#businessType_css").hide();
|
$("#keywordType_css").hide();
|
$("#keywordName_css").hide();
|
$("#organizationRange_css").show();
|
if (classificationId != "" && classificationId > 0 && organizationRange != "") {
|
$("input[radiobuttonName='organizationRange'][value='${ classification.organizationRange}']").radiobutton('check');
|
} else {
|
$("input[radiobuttonName='organizationRange'][value='0']").radiobutton('check');
|
$("#organizationName_css").hide();
|
}
|
$(".tr_tableOptions").hide();
|
} else if (val == 3) {
|
$("#businessType_css").hide();
|
$("#keywordType_css").hide();
|
$("#keywordName_css").hide();
|
$("#organizationRange_css").hide();
|
$("#organizationName_css").hide();
|
$(".tr_tableOptions").show();
|
}
|
}
|
|
var keywordType = 0;
|
function keywordTypeOnchange(checked) {
|
if (checked) {
|
keywordType = 0;
|
} else {
|
keywordType = 1;
|
}
|
}
|
|
function organizationRangeOnchange(checked) {
|
if (checked) {
|
var val = $(this).val();
|
organizationRangeValue(val);
|
}
|
}
|
|
function organizationRangeValue(val) {
|
if (val == 2) {
|
$("#organizationName_css").show();
|
} else {
|
$("#organizationName_css").hide();
|
}
|
}
|
|
function selectKeyword() {
|
wcp.picker.selectKeyword({
|
title : "请选择关键字",
|
idElement : "keywordId",
|
nameElement : "keywordName",
|
keywordType : keywordType,
|
layerOpener : window
|
});
|
}
|
|
function selectOrganization() {
|
wcp.picker.selectDept({
|
title : "请选择部门",
|
idElement : "organizationId",
|
nameElement : "organizationName",
|
multiSelect : false,
|
layerOpener : window
|
});
|
}
|
|
function selectTable() {
|
wcp.picker.selectTable({
|
title : "请选择业务表",
|
idElement : "sourceTableId",
|
nameElement : "sourceTableName",
|
multiSelect : false,
|
layerOpener : window
|
});
|
}
|
|
function selectField() {
|
var idName = this.id;
|
var tableId = null;
|
var mId = null;
|
|
if (idName.indexOf("source") > -1) {
|
tableId = $("#sourceTableId").val();
|
if (tableId == "") {
|
wcp.message.warn("请先选择业务表！");
|
return;
|
}
|
} else {
|
mId = "${ classification.moduleId}";
|
}
|
|
wcp.picker.selectTableColumn({
|
title : "请选择字段",
|
moduleId : mId,
|
tableId : tableId,
|
multiSelect : false,
|
layerOpener : window
|
}, function(rows) {
|
if (rows != null && rows.length > 0) {
|
$("#" + idName).textbox("setValue", rows[0].columnName);
|
} else {
|
$("#" + idName).textbox("setValue", "");
|
}
|
});
|
}
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
</html>
|
