You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
496 lines
21 KiB
496 lines
21 KiB
<!DOCTYPE html>
|
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<html>
|
|
<head>
|
|
<title>首页菜单配置列表</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
|
|
<meta name="author" content="Coderthemes">
|
|
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/resourceNew/js/jquery-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
|
|
|
|
|
|
<link rel="stylesheet" href="${ctx }/js/layui/css/layui.css">
|
|
|
|
<!-- 字体图标 -->
|
|
<link href="${ctx}/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/assets/ionicon/css/ionicons.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/css/material-design-iconic-font.min.css" rel="stylesheet">
|
|
|
|
<!-- select2 带搜索的下拉 -->
|
|
<link href="${ctx}/assets/select2/select2.css" rel="stylesheet" type="text/css"/>
|
|
<link href="${ctx}/assets/jquery-multi-select/multi-select.css" rel="stylesheet" type="text/css"/>
|
|
|
|
<!-- 自定义样式 -->
|
|
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="${ctx }/css/style.css">
|
|
<link rel="stylesheet" href="${ctx}/js/JQuery zTree v3.4/css/zTreeStyle/zTreeStyle.css" type="text/css"/>
|
|
<!-- 用超过1.9版本的会ztree报错 -->
|
|
<script type="text/javascript" src="${ctx}/js/jquery-3.7.0.min.js"></script>
|
|
|
|
<script type="text/javascript" src="${ctx}/js/JQuery zTree v3.4/js/jquery.ztree.core-3.5.48.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/common/json_form.js"></script>
|
|
<script src="${ctx}/js/modernizr.min.js"></script>
|
|
<script src="${ctx }/js/layui/layui.all.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$("#sysName").html("首页菜单配置列表");
|
|
$("#pageName").html("首页菜单配置列表");
|
|
|
|
$("#bottom_menu").css('display', 'none');
|
|
var my_menu_html =
|
|
'<a href="${ctx}/sysuser/userlist.do" class="caid_xiang active">用户管理</a>' +
|
|
'<a href="${ctx}/sysuser/userlist.do" class="caid_xiang">角色管理</a>';
|
|
$("#menuList").html(my_menu_html);
|
|
});
|
|
</script>
|
|
<style type="text/css">
|
|
.mousefocus{
|
|
background-color: rgba(0,109,207,.20);
|
|
}
|
|
|
|
|
|
.ztree li span {
|
|
line-height: 16px;
|
|
margin-right: 2px;
|
|
color: #fdfdfd;
|
|
}
|
|
|
|
.layui-input{
|
|
/* background: none; */
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border:0.5px;solid #378888";
|
|
}
|
|
|
|
.layui-textarea{
|
|
/* background: none; */
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border:0.5px;solid #378888";
|
|
}
|
|
|
|
|
|
a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
var zTree1;
|
|
var setting = {
|
|
data: {
|
|
simpleData: {
|
|
enable: true,
|
|
idKey: "dicid",
|
|
pIdKey: "dicpid",
|
|
rootPId: 1
|
|
},
|
|
key: {
|
|
name: "dicname"
|
|
}
|
|
},
|
|
callback: {
|
|
onClick:zTreeOnClick
|
|
}
|
|
};
|
|
|
|
$(document).ready(function(){
|
|
// ${diclist} 数据类型为：
|
|
// var diclist = [
|
|
// {"dicnum": "00","dicpcode":"00","dicremark":"","pname":"","dicpid":-1,"dicid":0,"dicname":"字典管理","dicsn":0},
|
|
// {"dicnum": "01","dicpcode": "00","dicremark": "","dicpid": 0,"dicid": 1,"dicname": "景区类型","dicsn": 0},
|
|
// {"dicnum": "0102","dicpcode": "01","dicremark": "","dicpid": 1,"dicid": 3,"dicname": "宗教寺庙类", "dicsn": 0},
|
|
// {"dicnum": "0103","dicpcode": "01","dicremark": "","dicpid": 1,"dicid": 4,"dicname": "山岳风景类","dicsn": 0}
|
|
// ];
|
|
|
|
// zTree1 = $.fn.zTree.init($("#treeDemo"), setting, diclist);
|
|
zTree1 = $.fn.zTree.init($("#treeDemo"), setting, ${diclist});
|
|
// 默认返回第一个节点
|
|
var node = zTree1.getNodeByParam("dicid", 0);
|
|
zTree1.expandNode(node, true, false);
|
|
});
|
|
|
|
function zTreeOnClick(event, treeId, treeNode) {
|
|
document.getElementById("charubtn").disabled=false;
|
|
$("#zdname").html("");
|
|
document.dicForm.reset();
|
|
var selectedNodes = zTree1.getSelectedNodes();
|
|
var parentnode = treeNode.dicid;
|
|
var url="${ctx}/hbcyjclogin/selectByPrimaryKey.do";
|
|
$.ajax({
|
|
type:'get',
|
|
url:url,
|
|
dataType:'json',
|
|
data:{dicid:parentnode},
|
|
success:function(json){
|
|
jsonObjectToForm(dicForm,json);
|
|
|
|
var dicname = json.dicpname;
|
|
if(dicname != ""){
|
|
$("#pname").val(dicname);
|
|
}else{
|
|
$("#pname").val(json.dicname);
|
|
}
|
|
|
|
|
|
var pid=$("#dicpid").val();
|
|
if(pid!=""&&pid==0){
|
|
// $("#saveBu").attr("disabled",true);
|
|
// $("#updateBu").attr("disabled",false);
|
|
document.getElementById('saveBu').className='layui-btn layui-btn-disabled layui-btn-sm';
|
|
document.getElementById('updateBu').className='layui-btn layui-btn-sm';
|
|
}
|
|
if(pid!=""&&pid!=0){
|
|
// $("#saveBu").attr("disabled",true);
|
|
// $("#updateBu").attr("disabled",false);
|
|
document.getElementById('saveBu').className='layui-btn layui-btn-disabled layui-btn-sm';
|
|
document.getElementById('updateBu').className='layui-btn layui-btn-sm';
|
|
}
|
|
if(pid==-1){
|
|
// $("#saveBu").attr("disabled",true);
|
|
// $("#updateBu").attr("disabled",true);
|
|
document.getElementById('saveBu').className='layui-btn layui-btn-disabled layui-btn-sm';
|
|
document.getElementById('updateBu').className='layui-btn layui-btn-sm';
|
|
}
|
|
}
|
|
});
|
|
}
|
|
//插入
|
|
function insert(){
|
|
$("#saveBu").disabled=false;
|
|
var pid=$("#dicpid").val();
|
|
if(pid==""){
|
|
return layer.msg("请选择您要插入的父节点！");
|
|
// window.parent.customAlertTip("", "请选择您要插入的父节点！");
|
|
// return;
|
|
}
|
|
var node = zTree1.getNodeByParam("dicid",$("#dicid").val());
|
|
$("#pname").val("");
|
|
$("#dicid").val("");
|
|
$("#dicpcode").val("");
|
|
|
|
$("#menutitlepz").val("");
|
|
$("#menuurl").val("");
|
|
$("#menustate").val("");
|
|
$("#menuicon").val("");
|
|
|
|
$("#pname").val(node.dicname);
|
|
$("#dicpid").val(node.dicid);
|
|
$("#dicpcode").val(node.dicnum);
|
|
$("#dicname").val("");
|
|
$("#dicsn").val("");
|
|
$("#dicremark").val("");
|
|
$("#saveBu").attr("disabled",false);
|
|
$("#updateBu").attr("disabled",true);
|
|
document.getElementById('saveBu').className='layui-btn layui-btn-sm';
|
|
document.getElementById('updateBu').className='layui-btn layui-btn-disabled layui-btn-sm';
|
|
$.ajax({
|
|
type:'POST',
|
|
url:"${ctx}/hbcyjclogin/createCode.do",
|
|
dataType:'json',
|
|
data:'pid='+node.dicid+'&d='+new Date(),
|
|
success:function(json){
|
|
$("#dicnum").val(json.diccode);
|
|
}
|
|
});
|
|
document.getElementById("charubtn").disabled=true;
|
|
}
|
|
|
|
//保存
|
|
function save(v){
|
|
var dicname = document.getElementById("dicname").value;
|
|
if(dicname==null || dicname==""){
|
|
return layer.msg("字典名称不能为空");
|
|
}
|
|
var tt=/^\d+(\.\d+)?$/;
|
|
var str=formToJsonObject(dicForm);
|
|
str=JsonToStr(str);
|
|
var pid=$("#dicpid").val();
|
|
var url="${ctx}/hbcyjclogin/addmenuitem.do";
|
|
$.ajax({
|
|
type:'POST',
|
|
url:url,
|
|
dataType:'json',
|
|
data:'jsonStr='+str+'&pid='+pid+'&flag='+v,
|
|
success:function(json){
|
|
if(json.success){
|
|
if(pid!=""){
|
|
layer.msg("数据操作成功");
|
|
wlocation();
|
|
}else{
|
|
layer.msg("数据操作成功");
|
|
wlocation();
|
|
}
|
|
}else{
|
|
if(pid!=""){
|
|
layer.msg("数据保存失败,请联系管理人员");
|
|
wlocation();
|
|
}else{
|
|
layer.msg("数据保存失败,请联系管理人员");
|
|
wlocation();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function wlocation(){
|
|
window.location="${ctx}/hbcyjclogin/getmenulistztree.do";
|
|
}
|
|
|
|
//删除-验证
|
|
function del(){
|
|
var nodes = zTree1.getNodesByParam("dicpid",$("#dicid").val(),null);
|
|
var length=nodes.length;
|
|
if(length>0){
|
|
return layer.msg("该节点下有子结点,不允许删除！");
|
|
}
|
|
var s=$("#dicid").val();
|
|
if(s=="0"){
|
|
return layer.msg("根节点无法删除！");
|
|
}else if(s==""){
|
|
return layer.msg("请选择左侧要删除的节点！");
|
|
}else{
|
|
layer.confirm('确定删除吗？',function(index){
|
|
deltree();
|
|
})
|
|
}
|
|
}
|
|
|
|
// 删除
|
|
function deltree(){
|
|
var s=$("#dicid").val(); //要删除的id
|
|
var url="${ctx}/hbcyjclogin/deleteByPrimaryKey.do";
|
|
$.ajax({
|
|
type:'get',
|
|
url:url,
|
|
data:{id:s},
|
|
dataType:'json',
|
|
success:function(json){
|
|
if(json.mesg=="success"){
|
|
layer.msg("删除数据成功");
|
|
wlocation();
|
|
}else{
|
|
layer.msg("删除数据失败,请联系管理人员");
|
|
wlocation();
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
}
|
|
|
|
|
|
|
|
// getLeftlowermenu();
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '011302'; //测试，需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
|
|
$.ajax({
|
|
url : "${ctx}/hbcyjclogin/getzccd.do",
|
|
data : {"dicnum" : dicnum},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
var leftlowerhtml = "";
|
|
if(data.success){
|
|
var zcdlist = data.data;
|
|
for(var i = 0;i<zcdlist.length;i++){
|
|
var menuurl = zcdlist[i].menuurl; //配置的链接
|
|
var dicname = zcdlist[i].dicname; //名称
|
|
if(dicnum == zcdlist[i].dicnum){
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang active\">"+dicname+"</a>";
|
|
}else{
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang\">"+dicname+"</a>";
|
|
}
|
|
}
|
|
}
|
|
|
|
leftlowerhtml += "<span class=\"jb-lefts\"></span>"+
|
|
"<span class=\"jb-leftx\"></span>"+
|
|
"<span class=\"jb-rights\"></span>"+
|
|
"<span class=\"jb-rightx\"></span>";
|
|
|
|
$("#leftlowermenu").html(leftlowerhtml);
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
</SCRIPT>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$("#sysName").html("首页菜单配置");
|
|
$("#pageName").html("首页菜单配置");
|
|
|
|
$("#bottom_menu").css('display', 'none');
|
|
// var my_menu_html =
|
|
// '<a href="${ctx}/sysuser/userlist.do" class="caid_xiang active">用户管理</a>' +
|
|
// '<a href="${ctx}/sysuser/userlist.do" class="caid_xiang">角色管理</a>';
|
|
// $("#menuList").html(my_menu_html);
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body class="fixed-left" style="width: 100%">
|
|
|
|
<div class="xingk_nr"></div>
|
|
<%@include file="/common/menu.jsp" %>
|
|
<!-- <div class="che_caid"> -->
|
|
<!-- <a class="bttn_caid"><span class="bttn_sxdh"></span></a> -->
|
|
<!-- <div class="caid_nr" style="width:140px;" id = "leftlowermenu"> -->
|
|
<%-- <a href="${ctx}/sysuser/userlist.do" class="caid_xiang">用户中心</a> --%>
|
|
<%-- <a href="${ctx}/hbcyjc/analysisReport/createPage.jsp" class="caid_xiang">大数据报告生成</a> --%>
|
|
<%-- <a href="${ctx}/hbcyjclogin/getlistmunuitem.do" class="caid_xiang active">首页菜单配置</a> --%>
|
|
<%-- <span class="jb-lefts"></span> --%>
|
|
<%-- <span class="jb-leftx"></span> --%>
|
|
<%-- <span class="jb-rights"></span> --%>
|
|
<%-- <span class="jb-rightx"></span> --%>
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
|
|
<!-- Begin page -->
|
|
<div id="wrapper">
|
|
<!-- ============================================================== -->
|
|
<!-- Start right Content here -->
|
|
<!-- ============================================================== -->
|
|
<!-- <div class="row">
|
|
<div class="col-sm-12">
|
|
<h4 class="pull-left page-title">数据字典</h4>
|
|
</div>
|
|
</div> -->
|
|
<div class="panel">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="m-b-30">
|
|
<button type="button" id="charubtn" class="layui-btn layui-btn-sm" data-action="expand-all" onclick="insert()"><i class="fa fa-sign-in"></i>插入</button>
|
|
<button type="button" class="layui-btn layui-btn-sm" data-action="collapse-all" onclick="del()"><i class="fa fa-trash"></i>删除</button>
|
|
</div>
|
|
<div class="row">
|
|
<div class=" col-sm-12">
|
|
<table width="100%">
|
|
<tr>
|
|
<td width="210" valign="top" style="padding-top:10px; border-right:1px solid #2e3f6d; border-top:1px solid #2e3f6d; ">
|
|
<div style="min-height:480px;border: 0.5px solid #2e3f6d">
|
|
<ul id="treeDemo" class="ztree"></ul>
|
|
</div>
|
|
</td>
|
|
<td valign="top">
|
|
<div class=" form" style="margin-left:20px; width: 100%;">
|
|
<form class="layui-form" id="dicForm" name="dicForm" method="post" novalidate>
|
|
<div class="layui-form-item">
|
|
<input type="hidden" id="dicid" name="dicid" value=""/>
|
|
<input type="hidden" id="dicpid" name="dicpid" value=""/>
|
|
<label for="pname" class="layui-form-label">父节点:</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" readonly id="pname" name="pname" type="text">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label for="dicpcode" class="layui-form-label">父编码:</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" readonly id="dicpcode" name="dicpcode" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="dicname" class="layui-form-label">字典名称(标题):</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" id="dicname" name="dicname" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="dicname" class="layui-form-label">字典名称(父页面显示标题标题):</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" id="menutitlepz" name="menutitlepz" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="dicname" class="layui-form-label">跳转链接:</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" id="menuurl" name="menuurl" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="dicname" class="layui-form-label">首页链接状态（1：新页面，2：新地址）:</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" id="menustate" name="menustate" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="dicname" class="layui-form-label">产检首页菜单图标:</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" id="menuicon" name="menuicon" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="dicname" class="layui-form-label">综合展示菜单图标:</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" id="zhzsmenuicon" name="zhzsmenuicon" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="dicnum" class="layui-form-label">字典编码:</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" readonly id="dicnum" name="dicnum" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="dicsn" class="layui-form-label">字典位置:</label>
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<input class="layui-input" id="dicsn" name="dicsn" type="text" onkeyup="value=value.replace(/[^\d]/g,'')">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-form-text">
|
|
<label for="dicremark" class="layui-form-label">字典说明:</label>
|
|
<div class="layui-input-block" style="width: 50%">
|
|
<textarea class="layui-textarea" id="dicremark" name="dicremark" lay-verify="required"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item btn-pos">
|
|
<div class="layui-input-block" style="width: 30%">
|
|
<button class="layui-btn layui-btn-disabled layui-btn-sm" id="updateBu" name="updateBu" onclick="save('update'); return false;"><i class="fa fa-pencil"></i>修改</button>
|
|
<button class="layui-btn layui-btn-sm" id="saveBu" name="saveBu" onclick="save('add');return false;"><i class="fa fa-save"></i>保存</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ============================================================== -->
|
|
<!-- End Right content here -->
|
|
<!-- ============================================================== -->
|
|
<!-- END wrapper -->
|
|
|
|
|
|
</body>
|
|
</html> |