用户名过长时,超出部分隐藏

This commit is contained in:
cjl 2019-01-11 11:46:06 +08:00
parent 22215b9b0b
commit 5df1748c79

View File

@ -1,146 +1,161 @@
<!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 () {
if (confirm("确认要退出系统吗?"))
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(); //初始化时候执行
setInterval(UserOut, 10000); //每10秒检测一次
});
</script>
</body>
<!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"/>
<style>
#user-name-span{
text-align:left;
color:white;
position:absolute;
top:435px;
left:0px;
display:inline-block;
max-width:100%;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
</style>
</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 id="user-name-span">
</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 () {
if (confirm("确认要退出系统吗?"))
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(); //初始化时候执行
setInterval(UserOut, 10000); //每10秒检测一次
});
</script>
</body>
</html>