重构华夏erp的整体ui风格

This commit is contained in:
季圣华
2019-09-13 22:16:29 +08:00
parent 4b82ad7f29
commit 9247e77398
345 changed files with 119676 additions and 620 deletions

View File

@@ -1,149 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ERP系统</title>
<link href="/js/HoorayOS_mini/js/HoorayLibs/hooraylibs.css" rel="stylesheet"/>
<link href="/js/HoorayOS_mini/img/ui/index.css" rel="stylesheet"/>
</head>
<body>
<div class="loading"></div>
<!-- 浏览器升级提示 -->
<div class="update_browser_box">
<div class="update_browser">
<div class="subtitle">您正在使用的IE浏览器版本过低<br>我们建议您升级或者更换浏览器,以便体验顺畅、兼容、安全的互联网。</div>
<div class="title">选择一款<span></span>浏览器吧</div>
<div class="browser">
<a href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie" class="ie" target="_blank"
title="ie浏览器">ie浏览器</a>
<a href="http://www.google.cn/chrome/" class="chrome" target="_blank" title="谷歌浏览器">谷歌浏览器</a>
<a href="http://www.firefox.com.cn" class="firefox" target="_blank" title="火狐浏览器">火狐浏览器</a>
<a href="http://www.opera.com" class="opera" target="_blank" title="opera浏览器">opera浏览器</a>
<a href="http://www.apple.com.cn/safari" class="safari" target="_blank" title="safari浏览器">safari浏览器</a>
</div>
<div class="bottomtitle">[&nbsp;<a href="http://www.baidu.com/search/theie6countdown.html" target="_blank">对IE6说再见</a>&nbsp;]
</div>
</div>
</div>
<!-- 桌面 -->
<div id="desktop">
<div id="zoom-tip">
<div><i></i><span></span></div>
<a href="javascript:;" class="close" onclick="HROS.zoom.close();">×</a></div>
<div id="desk">
<div id="desk-1" class="desktop-container">
<div class="scrollbar scrollbar-x"></div>
<div class="scrollbar scrollbar-y"></div>
</div>
<div id="dock-bar">
<div id="dock-container">
<div class="dock-middle">
<div class="dock-applist"></div>
<div class="dock-toollist">
<a id="loginOut" href="#">
<img src="/js/HoorayOS_mini/img/exit.png" style="height:50px;width:50px;">
</a>
<span style="text-align:center;color:white; position:absolute;top:435px; left:15px;">
</span>
</div>
</div>
</div>
</div>
</div>
<div id="task-bar-bg1"></div>
<div id="task-bar-bg2"></div>
<div id="task-bar">
<div id="task-next"><a href="javascript:;" id="task-next-btn" hidefocus="true"></a></div>
<div id="task-content">
<div id="task-content-inner"></div>
</div>
<div id="task-pre"><a href="javascript:;" id="task-pre-btn" hidefocus="true"></a></div>
</div>
</div>
<script src="/js/HoorayOS_mini/js/jquery-1.8.3.min.js"></script>
<script src="/js/HoorayOS_mini/js/HoorayLibs/hooraylibs.js"></script>
<script src="/js/HoorayOS_mini/js/templates.js"></script>
<script src="/js/HoorayOS_mini/js/core.js"></script>
<script src="/js/HoorayOS_mini/js/hros.app.js"></script>
<script src="/js/HoorayOS_mini/js/hros.base.js"></script>
<script src="/js/HoorayOS_mini/js/hros.desktop.js"></script>
<script src="/js/HoorayOS_mini/js/hros.dock.js"></script>
<script src="/js/HoorayOS_mini/js/hros.grid.js"></script>
<script src="/js/HoorayOS_mini/js/hros.maskBox.js"></script>
<script src="/js/HoorayOS_mini/js/hros.taskbar.js"></script>
<script src="/js/HoorayOS_mini/js/hros.popupMenu.js"></script>
<script src="/js/HoorayOS_mini/js/hros.wallpaper.js"></script>
<script src="/js/HoorayOS_mini/js/hros.widget.js"></script>
<script src="/js/HoorayOS_mini/js/hros.window.js"></script>
<script src="/js/HoorayOS_mini/js/hros.zoom.js"></script>
<script type="text/javascript" src="/js/easyui-1.3.5/jquery.easyui.min.js"></script>
<link href="/js/easyui-1.3.5/themes/default/easyui.css" rel="stylesheet" type="text/css"/>
<script>
$(function () {
function getUserSession(fun) {
$.ajax({
type: "get",
url: "/user/getUserSession",
dataType: "json",
success: function (res) {
if(res && res.code === 200) {
if(res.data.user) {
var user = res.data.user;
sessionStorage.setItem("userId", user.id);
fun && fun(user.username);
} else {
fun && fun(null);
}
}
}
});
}
getUserSession(function (username) {
$("#desktop #dock-bar .dock-toollist span").text(username);
});
$('#loginOut').click(function () {
$.messager.confirm("提示","确认要退出系统吗?",function(r){
if(r) {
sessionStorage.removeItem("userId");
location.href = '/user/logout';
}
});
})
//IE下禁止选中
document.body.onselectstart = document.body.ondrag = function () {
return false;
}
//隐藏加载遮罩层
$('.loading').hide();
//IE6升级提示
if ($.browser.msie && $.browser.version < 7) {
if ($.browser.version < 7) {
//虽然不支持IE6但还是得修复PNG图片透明的问题
DD_belatedPNG.fix('.update_browser .browser');
}
$('.update_browser_box').show();
} else {
$('#desktop').show();
//初始化一些桌面信息
HROS.CONFIG.wallpaper = '/js/HoorayOS_mini/img/wallpaper/wallpaper.jpg';
//加载桌面
HROS.base.init();
}
//判断是否存在session如果不存在就跳到登录界面
function UserOut() {
getUserSession(function (username) {
if (!username) {
top.location.href = '/login.html';
}
});
}
UserOut(); //初始化时候执行
});
</script>
</body>
</html>

View File

@@ -1,192 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<!-- 指定以IE8的方式来渲染 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="/js/easyui-1.3.5/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="/js/easyui-1.3.5/themes/icon.css"/>
<link type="text/css" rel="stylesheet" href="/css/common.css"/>
<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/easyui-1.3.5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/js/easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/js/easyui-1.3.5/outlook.js"></script>
<script type="text/javascript" src="/js/common/common.js"></script>
<script type="text/javascript">
function NewTab(name, url, funId) {
window.funId = funId;
addTab(name, url, '');
}
</script>
</head>
<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
<script>
var pageid = getUrlParam('id'); //获取传值id
var id =sessionStorage.getItem("userId");
//alert(pageid);
var userBusinessList = null;
var userBusinessID = null;
var type = null;
var options = "";
var kid = null;
var lei = null;
var last = "";
var functions = "";
var btnStrList = []; //按钮权限列表
//初始化界面
$(function () {
//初始化系统基础信息
initSystemData(id, 'UserRole');
initSelectInfo(0);
initSelect();
});
//初始化系统基础信息
function initSystemData(kid, type) {
$.ajax({
type: "get",
url: "/userBusiness/getBasicData",
data: ({
KeyId: kid,
Type: type
}),
//设置为同步
async: false,
dataType: "json",
success: function (res) {
if (res && res.code === 200) {
userBusinessList = res.data.userBusinessList;
}
else {
userBusinessList = null;
}
}
});
}
//初始化页面选项卡
function initSelectInfo(lei) {
if (userBusinessList != null) {
if (userBusinessList.length > 0) {
options = userBusinessList[0].value;
if (options != "") {
options = options.substring(1, options.length - 1);
}
//app内列表赋值
if (lei == 1) {
last += options + '][';
}
//功能菜单列表
else if (lei == 2) {
functions += options + '][';
}
//按钮权限列表
else if (lei == 3) {
var btnStr = userBusinessList[0].btnstr;
if (btnStr != null) {
var btnObj = JSON.parse(btnStr);
for (var j = 0; j < btnObj.length; j++) {
btnStrList.push(btnObj[j]);
}
}
}
}
}
}
//初始化页面
function initSelect() {
var arr = options.split('][');
for (var i in arr) {
initSystemData(arr[i], 'RoleAPP'); //根据角色找app
initSelectInfo(1);//app内列表赋值
initSystemData(arr[i], 'RoleFunctions'); //根据角色找functions
initSelectInfo(2); //功能菜单列表
initSelectInfo(3); //查询角色对应的按钮权限
}
if (last != "") {
last = "[" + last.substring(0, last.length - 1);
//alert(last);
if (last.indexOf("[" + pageid + "]") != -1) {
//alert("存在");
$("#west").show();
$("#mainPanle").show();
$("#mm").show();
}
else {
//alert("不存在");
$("div").remove();
$("<div style='width:100%;text-align:center;padding-top:20px'><b>抱歉,您没有该权限!</b></div>").appendTo("body");
}
}
if (functions != "") {
functions = "[" + functions.substring(0, functions.length - 1);
//alert(functions);
}
if (btnStrList.length > 0) {
window.winBtnStrList = JSON.stringify(btnStrList); //将按钮功能列表存为全局变量
}
}
</script>
<div region="west" hide="true" split="true" title="导航菜单" style="width:125px;" id="west">
<div id="nav" fit="true" border="false">
<!-- 导航内容 -->
<div>
<ul id="tt"></ul>
<script>
var pNumber = getUrlParam('appID'); //获取传值appid
$(function () {
$('#tt').tree({
url: '/functions/findMenu?pNumber=' + pNumber + '&hasFunctions=' + functions,
animate: true
});
});
</script>
</div>
</div>
</div>
<div id="mainPanle" region="center" style="background: #eee; overflow-y: hidden">
<div id="tabs" class="easyui-tabs" fit="true" border="false"></div>
</div>
<div id="mm" class="easyui-menu" style="width: 120px;">
<div id="mm-tabupdate">
刷新
</div>
<div class="menu-sep">
</div>
<div id="mm-tabclose">
关闭
</div>
<div id="mm-tabcloseall">
全部关闭
</div>
<div id="mm-tabcloseother">
关闭其他页
</div>
<div class="menu-sep">
</div>
<div id="mm-tabcloseright">
关闭右侧页面
</div>
<div id="mm-tabcloseleft">
关闭左侧页面
</div>
<div class="menu-sep">
</div>
<div id="mm-version">
华夏ERP官网
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,25 @@
{{#menu}}
{{#if children}}
<li class="treeview">
<a href="javascript:" data-href="blank" class="addTabPage" title="{{text}}" data-code="{{id}}">
<i class="fa fa-fw {{icon}}"></i>
<span>{{text}}</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
{{#each children}}
<li class="treeview">
<a href="javascript:" data-href="{{url}}" class="addTabPage" title="{{text}}"
data-code="{{id}}">
<i class="fa fa-fw {{icon}}"></i>
<span>{{text}}</span>
</a>
</li>
{{/each}}
</ul>
</li>
{{/if}}
{{/menu}}

View File

@@ -0,0 +1,294 @@
<!DOCTYPE html>
<html>
<head>
<title>消息提醒</title>
<meta charset="utf-8">
<!-- 指定以IE8的方式来渲染 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="/js/easyui-1.3.5/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="/js/easyui-1.3.5/themes/icon.css"/>
<link type="text/css" rel="stylesheet" href="/css/common.css"/>
<script type="text/javascript" src="/js/easyui-1.3.5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/js/easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/js/common/outlook_in.js"></script>
<script type="text/javascript" src="/js/common/common.js"></script>
</head>
<body>
<!-- 数据显示table -->
<div id="tablePanel" class="easyui-panel" data-options="fit:true" style="padding:1px;top:300px;" title="消息列表" iconCls="icon-list">
<table id="searchTable">
<tr>
<td>消息标题:</td>
<td>
<input name="searchMsgTitle" id="searchMsgTitle" style="width:150px;"/>
</td>
<td>&nbsp;</td>
<td>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" id="searchBtn">查询</a>&nbsp;&nbsp;
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-redo" id="searchResetBtn">重置</a>
</td>
</tr>
</table>
<table id="tableData" style="top:300px;border-bottom-color:#FFFFFF"></table>
</div>
<div id="msgDlgShow" class="easyui-dialog" style="width:600px; height:350px; padding:10px 20px;top:50px"
closed="true" modal="true" cache="false" collapsible="false" closable="true">
<table>
<tr>
<td style="width:40px;height:30px;">标题:</td>
<td style="padding:5px;width:500px;">
<span id="msgTitleShow"></span>
</td>
</tr>
<tr>
<td>内容:</td>
<td style="padding:5px;">
<span id="msgContentShow"></span>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
//初始化界面
$(function () {
//初始化系统基础信息
initTableData();
ininPager();
});
//初始化表格数据
function initTableData() {
//改变宽度和高度
$('#tableData').datagrid({
//title:'消息列表',
//iconCls:'icon-save',
//width:700,
height: heightInfo,
nowrap: false,
rownumbers: false,
//动画效果
animate: false,
//选中单行
singleSelect: true,
collapsible: false,
selectOnCheck: false,
//fitColumns:true,
//单击行是否选中
//checkOnSelect : false,
pagination: true,
//交替出现背景
striped: true,
//loadFilter: pagerFilter,
pageSize: initPageSize,
pageList: initPageNum,
columns: [[
{field: 'id', width: 35, align: "center", checkbox: true},
{title: '消息标题', field: 'msgTitle', width: 300,formatter: function (value,res) {
if(res.status == 1) {
return '<b onclick="showMsg(' + res.id + ');">' + value + "</b>";
} else if(res.status == 2) {
return '<span onclick="showMsg(' + res.id + ');">' + value + "</span>";;
}
}},
{title: '时间', field: 'createTime', width: 150},
{title: '状态', field: 'status', width: 100,formatter: function (value) {
if(value == 1) {
return "<b style='color:red'>未读</b>";
} else if(value == 2) {
return "<b style='color:green'>已读</b>";
}
}}
]],
toolbar: [
{
id: 'setStatus',
text: '设为未读',
iconCls: 'icon-undo',
handler: function () {
setStatus();
}
}
],
onLoadError: function () {
$.messager.alert('页面加载提示', '页面加载异常,请稍后再试!', 'error');
return;
}
});
dgResize();
showMsgDetails(1, initPageSize);
}
//初始化键盘enter事件
$(document).keydown(function (event) {
//兼容 IE和firefox 事件
var e = window.event || event;
var k = e.keyCode || e.which || e.charCode;
//兼容 IE,firefox 兼容
var obj = e.srcElement ? e.srcElement : e.target;
//绑定键盘事件为 id是指定的输入框才可以触发键盘事件 13键盘事件 ---遗留问题 enter键效验 对话框会关闭问题
//搜索按钮添加快捷键
if (k == "13" && (obj.id == "searchMsgTitle")) {
$("#searchBtn").click();
}
});
//分页信息处理
function ininPager() {
try {
var opts = $("#tableData").datagrid('options');
var pager = $("#tableData").datagrid('getPager');
pager.pagination({
onSelectPage: function (pageNum, pageSize) {
opts.pageNumber = pageNum;
opts.pageSize = pageSize;
pager.pagination('refresh', {
pageNumber: pageNum,
pageSize: pageSize
});
showMsgDetails(pageNum, pageSize);
}
});
}
catch (e) {
$.messager.alert('异常处理提示', "分页信息异常 : " + e.name + ": " + e.message, 'error');
}
}
//搜索处理
$("#searchBtn").unbind().bind({
click: function () {
showMsgDetails(1, initPageSize);
var opts = $("#tableData").datagrid('options');
var pager = $("#tableData").datagrid('getPager');
opts.pageNumber = 1;
opts.pageSize = initPageSize;
pager.pagination('refresh', {
pageNumber: 1,
pageSize: initPageSize
});
}
});
function showMsg(id) {
$.ajax({
type: "get",
url: "/msg/info?id=" + id,
dataType: "json",
success: function (res) {
if(res && res.code === 200){
if(res.data && res.data.info) {
$('#msgDlgShow').dialog('open').dialog('setTitle','<img src="/js/easyui-1.3.5/themes/icons/list.png"/>&nbsp;查看消息提醒');
$("#msgTitleShow").text(res.data.info.msgTitle);
$("#msgContentShow").text(res.data.info.msgContent);
//更新消息为已读
$.ajax({
type: "post",
url: "/msg/batchUpdateStatus",
data: {
ids: id,
status: "2"
},
dataType: "json",
success: function (res) {
if(res && res.code ==200) {
$("#searchBtn").click();
$(":checkbox").attr("checked", false);
}
}
});
}
}
},
//此处添加错误处理
error: function () {
$.messager.alert('查询提示', '查询数据后台异常,请稍后再试!', 'error');
return;
}
});
}
function setStatus() {
var row = $('#tableData').datagrid('getChecked');
if (row.length == 0) {
$.messager.alert('提示', '没有记录被选中!', 'info');
return;
}
if (row.length > 0) {
$.messager.confirm('确认', '确定要把选中的' + row.length + '条信息设为未读吗?', function (r) {
if (r) {
var ids = "";
for (var i = 0; i < row.length; i++) {
if (i == row.length - 1) {
ids += row[i].id;
break;
}
ids += row[i].id + ",";
}
$.ajax({
type: "post",
url: "/msg/batchUpdateStatus",
dataType: "json",
async: false,
data: ({
ids: ids,
status: "1"
}),
success: function (res) {
if(res && res.code == 200) {
$("#searchBtn").click();
$(":checkbox").attr("checked", false);
}
},
//此处添加错误处理
error: function () {
$.messager.alert('提示', '设置信息异常,请稍后再试!', 'error');
return;
}
});
}
});
}
}
function showMsgDetails(pageNo, pageSize) {
var name = $.trim($("#searchMsgTitle").val());
$.ajax({
type: "get",
url: "/msg/list",
dataType: "json",
data: ({
search: JSON.stringify({
name: name
}),
currentPage: pageNo,
pageSize: pageSize
}),
success: function (res) {
if(res && res.code === 200){
if(res.data && res.data.page) {
$("#tableData").datagrid('loadData', res.data.page);
}
}
},
//此处添加错误处理
error: function () {
$.messager.alert('查询提示', '查询数据后台异常,请稍后再试!', 'error');
return;
}
});
}
//重置按钮
$("#searchResetBtn").unbind().bind({
click: function () {
$("#searchMsgTitle").val("");
//加载完以后重新初始化
$("#searchBtn").click();
}
});
</script>
</body>
</html>