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

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