352 lines
16 KiB
HTML
Executable File
352 lines
16 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<link rel="shortcut icon" type="image/ico" href="../favicon.ico">
|
||
<title><#windowTitle> - <#companyName></title>
|
||
<!-- JQuery -->
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.textchange.js"></script>
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.skins.metro/lib/jquery.mobile/jquery.mobile.custom.js"></script>
|
||
|
||
<!-- jquery jcrop -->
|
||
<link rel="stylesheet" type="text/css" href="../commons/js/jquery/scripts/ui/jquery.jcrop/css/jquery.Jcrop.css" />
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/jquery.jcrop/js/jquery.Jcrop.js"></script>
|
||
<!-- AWS UI -->
|
||
<link rel="stylesheet" type="text/css" href="../commons/css/awsui.css">
|
||
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
<script type="text/javascript" src="../commons/js/public.js"></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.photocut.js"></script>
|
||
|
||
<link rel="stylesheet" type="text/css" href="../apps/com.actionsoft.apps.skins.metro/css/metro.css" ></link>
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.skins.metro/js/metro.js"></script>
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.skins.metro/lib/date.js"></script>
|
||
<style>
|
||
#uploadUserPortraitDailog .dlg-close {
|
||
width: 24px;
|
||
height: 24px;
|
||
background: transparent url(../apps/com.actionsoft.apps.skins.metro/img/dlg_closed.png) 0px 0px no-repeat;
|
||
top: 14px;
|
||
right: 15px;
|
||
}
|
||
|
||
#uploadUserPortraitDailog .dlg-close:hover {
|
||
background-position: 0px 0px;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
var sid = "<#sid>";
|
||
var notificationShowType = "<#notificationShowType>";
|
||
var sysAppId = "<#sysAppId>";
|
||
var notPresentFuncAppId = "<#notPresentFuncAppId>";
|
||
var userLoginLogCount = <#userLoginLogCount>;
|
||
var uid = "<#uid>";
|
||
var uniqueId = "<#uniqueId>";
|
||
var userPhoto = "<#userPhoto>";
|
||
var userPhotoTmp = "<#userPhotoTmp>";
|
||
var isPromptUploadPortrait = <#isPromptUploadPortrait>;
|
||
var uploadPortraitPop = <#uploadPortraitPop>;
|
||
var icon16 = "<#icon16>";
|
||
var icon96 = "<#icon96>";
|
||
var specificBackGround = '<#specificBackGround>';
|
||
var metroBackGround = '<#metroBackGround>';
|
||
var changeBackGround = '<#changeBackGround>';
|
||
var navSystemList = <#navSystemList>;
|
||
var navHomePageId = '<#navHomePageId>';
|
||
var forceChangePwd = <#forceChangePwd>; // 是否强制密码修改
|
||
var isSecurityPwdChange = <#isSecurityPwdChange>; // 是否允许用户修改口令
|
||
var isSecurityPwdComplexity = <#isSecurityPwdComplexity>; // 是否要求强度口令
|
||
var securityMinPwdLength = <#securityMinPwdLength>; // 允许账户口令最小长度，0表示无限制
|
||
var securityMaxPwdLength = <#securityMaxPwdLength>; // 允许账户口令最大长度，最多32位长度
|
||
var securityPwdMsg = "<#securityPwdMsg>"; // 密码需要修改的时候的提示文字
|
||
|
||
var isStartNotification = <#isStartNotification>; // 是否启用通知中心App
|
||
var notificationSoundTips = <#notificationSoundTips>; // 是否开启消息到达声音提醒
|
||
var notificationMsgLoadFrequency = <#notificationMsgLoadFrequency>; // 通知消息检查频率
|
||
var requiredEmail = <#requiredEmail>;
|
||
var requiredOfficeTel = <#requiredOfficeTel>;
|
||
var requiredMobile = <#requiredMobile>;
|
||
|
||
<!--国际化语言-->
|
||
var 修改口令 = '<I18N#修改口令>';
|
||
var 完善信息 = '<I18N#完善信息>';
|
||
var 确定 = '<I18N#确定>';
|
||
var 请输入旧口令 = '<I18N#请输入旧口令>';
|
||
var 旧口令不允许包含空格 = '<I18N#旧口令不允许包含空格>';
|
||
var 请输入新口令 = '<I18N#请输入新口令>';
|
||
var 新口令不允许包含空格 = '<I18N#新口令不允许包含空格>';
|
||
var 请输入确认口令 = '<I18N#请输入确认口令>';
|
||
var 确认口令不允许包含空格 = '<I18N#确认口令不允许包含空格>';
|
||
var 新口令不能和旧口令相同 = '<I18N#新口令不能和旧口令相同>';
|
||
var 新口令和确认口令不一样 = '<I18N#新口令和确认口令不一样>';
|
||
var 口令长度不允许超过32位 = '<I18N#口令长度不允许超过32位>';
|
||
var 登录口令修改成功 = '<I18N#登录口令修改成功>';
|
||
var 办公电话格式不正确 = '<I18N#办公电话格式不正确>';
|
||
var 外网邮件格式不正确 = '<I18N#外网邮件格式不正确>';
|
||
var 外网邮件不允许超过40位字符 = '<I18N#外网邮件不允许超过40位字符>';
|
||
var 手机号码格式不正确 = '<I18N#手机号码格式不正确>';
|
||
var 办公传真格式不正确 = '<I18N#办公传真格式不正确>';
|
||
var 个人信息修改成功 = '<I18N#个人信息修改成功>';
|
||
var 关闭 = '<I18N#关闭>';
|
||
var 修改头像 = '<I18N#修改头像>';
|
||
var 登录日志 = '<I18N#登录日志>';
|
||
var 确认 = '<I18N#确认>';
|
||
var 确认离开系统吗= '<I18N#确认离开系统吗>';
|
||
var 添加功能菜单 = '<I18N#添加功能菜单>';
|
||
var 信息 = '<I18N#信息>';
|
||
var 提示 = '<I18N#提示>';
|
||
var 换换背景你最出色 = "<I18N#换换背景你最出色>";
|
||
var 通知中心 = "<I18N#通知中心>";
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<!-- 背景图片 -->
|
||
<div class="metro-bg">
|
||
<img id="metro-bg-img" alt="" />
|
||
</div>
|
||
<!-- 主页面 -->
|
||
<div class="metro-mainframe-panel">
|
||
<div class="metro-main-frame-title" style="background-color: <#topBGColor>;"></div>
|
||
<iframe class="metro-main-frame" frameBorder="0" allowfullscreen="true" webkitallowfullscreen="true"></iframe>
|
||
<div class="metro-main-frame-return"></div>
|
||
<div class="metro-main-frame-refresh"></div>
|
||
<div class="metro-main-frame-close"></div>
|
||
</div>
|
||
<!-- 主导航条 -->
|
||
<div class="metro-nav-panel" style="background-color: <#leftBGColor>;">
|
||
<!-- 子系统导航 -->
|
||
<div class="metro-nav-out-container">
|
||
<div class="metro-nav-container"></div>
|
||
</div>
|
||
<div class="metro-nav-system-move-up"></div>
|
||
<div class="metro-nav-system-move-down"></div>
|
||
<!-- 二级导航面板 -->
|
||
<div class="metro-nav-dir-container" style="z-index: 9; background-color: <#menuPanelBGColor>; opacity: <#menuPanelBGOpacity>;filter: Alpha(Opacity=<#menuPanelBGFilter>);">
|
||
<div style="position: absolute; top: 0px; bottom: 0px;">
|
||
<div id="metroNavDirTitle" class="title" style="margin-top: 20px; ">首页</div><span class="close"></span>
|
||
<div class="search"><input id="navSearch" type="text" class="txt" style="display: block; width: 390px; " placeholder="<i18n#搜索全部应用>...."/></div>
|
||
<div class="metro-nav-dir-func-container"></div>
|
||
</div>
|
||
<iframe id="iframebar" src="about:blank" frameborder="0" marginwidth="0" marginheight="0" style="left: 6px; top: 0px; width: 100%; height: 800px; visibility: inherit; position: absolute; z-index: -1;filter: Alpha(Opacity=0);"></iframe>
|
||
</div>
|
||
<!-- lock -->
|
||
<div class="metro-nav-lock-container">
|
||
<img class="metro-nav-lock" alt="" src="../apps/com.actionsoft.apps.skins.metro/img/lock.png" />
|
||
</div>
|
||
<!-- 通知提醒 -->
|
||
<div class="metro-notification-container">
|
||
<div style="position: relative; ">
|
||
<!-- 通知中心 -->
|
||
<img id="metroNotificationCenter" class="metro-notification-logo" src="../apps/com.actionsoft.apps.skins.metro/img/logo-notification.png" />
|
||
<span id="metroNotificationCenterTips" class="metro-notification-count"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 功能显示区域 -->
|
||
<div class="metro-content-panel">
|
||
<!-- 用户信息 -->
|
||
<div class="user-info-panel">
|
||
<div id="userInfo" class="user-info">
|
||
<span id="userInfoName" class="user-info-name"><#userName></span>
|
||
<span id="userInfoDept" class="user-info-dept"><#departmentName></span>
|
||
</div>
|
||
<div style="display: inline-block; padding: 5px 10px;">
|
||
<span id="userPortrait" class="user-portrait"><img src="<#userPhoto>" /></span>
|
||
<div class="awsui-popbox-arrow top" style="right: 25px; top: 50px; display: none; z-index: 1; border-bottom: 10px solid #FFFFFF; "></div>
|
||
<div class="awsui-popbox-arrow-inner top" style="right: 25px; top: 51px; display: none; z-index: 1; border-bottom: 10px solid #62BAFF; "></div>
|
||
<div class="metro-prompt-upload-portrait-panel"><span id="promptUploadPortrait" style="cursor: pointer; "><I18N#求真像></span><span class="metro-prompt-upload-portrait-close dlg-close"></span></div>
|
||
<div id="editUserInfoPanel" class="edit-user-info-panel">
|
||
<div class="edit-user-info-portrait-panel">
|
||
<img class="edit-user-info-portrait" src="<#userPhoto>" />
|
||
</div>
|
||
<div class="edit-user-info-operate-panel">
|
||
<span id="updatePasswordBtn"><I18N#修改口令></span>
|
||
<span id="updateUserInfoBtn"><I18N#完善信息></span>
|
||
<#uploadUserPortraitBtn>
|
||
<span id="viewUserLoginLog" style="border: 0; "><I18N#登录日志></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Start -->
|
||
<div class="metro-start-panel">
|
||
<span class="metro-start"><I18N#开始></span>
|
||
</div>
|
||
<!-- 功能面板 -->
|
||
<div class="nav-panel">
|
||
</div>
|
||
</div>
|
||
<!-- 退出系统 -->
|
||
<div id="logout" class="metro-logout-container">
|
||
<img class="metro-logout" title="退出系统" src="../apps/com.actionsoft.apps.skins.metro/img/exit.png" />
|
||
</div>
|
||
<!-- 编辑工具条 -->
|
||
<div id="metroBottomBar" class="metro-bottom-bar-container">
|
||
<div class="metro-bottom-background">
|
||
<span id="changeBackGround" class="info"><i18n#换换背景你最出色></span>
|
||
</div>
|
||
<div class="metro-bottom-companyinfo">
|
||
<div id="companyInfo" class="info"><#companyInfo></div>
|
||
</div>
|
||
<div style="text-align: center; margin-top: 12px;">
|
||
<span id="metro_operate_complate" class="button blue" style="vertical-align: middle; "><i18n#确定></span>
|
||
<span id="metro_operate_cancel" class="button"><i18n#取消></span>
|
||
</div>
|
||
</div>
|
||
<!-- 通知提醒 -->
|
||
<div id="notificationMessageContainer" class="notification-message-container">
|
||
<span id="notificationMessageOperate" class="notification-message-operate">
|
||
<img class="notification-message-operate-icon" src="../apps/com.actionsoft.apps.skins.metro/img/logo-notification.png" />
|
||
</span>
|
||
<div id="notificationMessageListContainer" class="notification-message-list-container">
|
||
</div>
|
||
</div>
|
||
<!-- 修改登录口令 -->
|
||
<div id="updatePasswordDailog" class="awsui-dialog" style="width: 500px; border: 1px solid #DDDDDD; display: none; ">
|
||
<form id="updatePasswordForm" method="post" action="">
|
||
<table class="awsui-ux">
|
||
<tr class="force-change-pwd-tips">
|
||
<td colspan="3" class="awsui-ux-title" style="height: 30px; vertical-align: top; ">为保护您的数据安全，应该首先修改您的登录口令!</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="awsui-ux-title" style="width:125px;"><I18N#旧口令></td>
|
||
<td class="required">
|
||
<input id="oldPassword" name="oldPassword" class="awsui-textbox" style="box-shadow: 0 0 20px 10px #fff inset;" type="password" autocomplete="nope"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="awsui-ux-title"><I18N#新口令></td>
|
||
<td class="required">
|
||
<input id="password" name="password" class="awsui-textbox password" type="password" autocomplete="nope"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="awsui-ux-title"><I18N#确认口令></td>
|
||
<td class="required">
|
||
<input id="confirmPassword" name="confirmPassword" class="awsui-textbox confirmPassword" type="password"/>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</form>
|
||
</div>
|
||
<!-- 完善我的联系信息 -->
|
||
<div id="updateUserInfoDailog" class="update-userinfo-panel awsui-dialog">
|
||
<form id="updateUserInfoForm" method="post" action="">
|
||
<table class="awsui-ux">
|
||
<tr>
|
||
<td class="awsui-ux-title"><I18N#办公电话></td>
|
||
<td><input id="officeTel" name="officeTel" class="awsui-textbox" type="text"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="awsui-ux-title"><I18N#外网邮件></td>
|
||
<td><input id="email" name="email" class="awsui-textbox" type="text"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="awsui-ux-title"><I18N#手机号码></td>
|
||
<td><input id="mobile" name="mobile" class="awsui-textbox" type="text"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="awsui-ux-title"><I18N#办公传真></td>
|
||
<td><input id="officeFax" name="officeFax" class="awsui-textbox" type="text"/></td>
|
||
</tr>
|
||
<tr style="<#timeZoneDisplay>">
|
||
<td class="awsui-ux-title"><I18N#选择时区></td>
|
||
<td><#timeZone></td>
|
||
</tr>
|
||
</table>
|
||
</form>
|
||
</div>
|
||
<!-- 上传个人头像 -->
|
||
<div id="uploadUserPortraitDailog" class="awsui-dialog uploadUserPortraitDailog" style="background: RGB(1,161,88);width:707px; height: 439px; min-height: 300px; border: 1px solid #DDDDDD; display: none; padding-bottom: 30px; ">
|
||
<div class="title">
|
||
<span class="title-tit"><I18N#修改头像></span>
|
||
<span class="title-info"><I18N#仅支持png、jpg、jpeg、gif格式的图片文件，文件大小2M内。></span>
|
||
</div>
|
||
<div class="uploadDlgContent">
|
||
<div class="uploadImgDiv">
|
||
<span id="uploadImage" class="button red"><I18N#选择图片></span>
|
||
<div class="userimgdiv">
|
||
<img id="userPhoto" />
|
||
</div>
|
||
<span class="photoSpanCls"><I18N#原始图片></span>
|
||
</div>
|
||
<div class="preview-outer">
|
||
<span class="preview-title"><I18N#头像预览></span>
|
||
<div id="preview-pane" class="previewPanel">
|
||
<!-- 方形 -->
|
||
<div class="preview-container">
|
||
<img id="userPhotoPreview" class="jcrop-preview" />
|
||
</div>
|
||
|
||
<!-- 圆形 -->
|
||
<div class="preview-container2">
|
||
<img id="userPhotoPreview2" class="jcrop-preview"/>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div id="jcrop-botton" style="display: inline-block; position: absolute;width: 90px; right: 0px; bottom: 15px; text-align: center; ">
|
||
<span id="crop" class="button green"><I18N#确定></span>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 查看登录日志 -->
|
||
<div id="userLoginLogDailog" class="awsui-dialog" style="width: 500px; height: 455px; border: 1px solid #DDDDDD; display: none; ">
|
||
<table class="table">
|
||
<tr>
|
||
<th style="width: 50px; text-align: center; "><I18N#序号></th>
|
||
<th style="width: 140px; text-align: center; "><I18N#登录时间></th>
|
||
<th style="width: 140px; text-align: center; "><I18N#离开时间></th>
|
||
<th style="width: 100px; text-align: center; ">IP</th>
|
||
</tr>
|
||
</table>
|
||
<div style="width: 99.7%; height: 345px; overflow-y: auto; overflow-x: hidden;">
|
||
<table id="userLoginLogTbl" class="table"></table>
|
||
</div>
|
||
</div>
|
||
<!-- 添加功能菜单 -->
|
||
<div id="addMetroNavDialog" class="awsui-dialog" style="width: 400px; height: 500px; border: 1px solid #DDDDDD; display: none; ">
|
||
<table class="table">
|
||
<tr>
|
||
<th style="width: 50px; text-align: center; "><I18N#序号></th>
|
||
<th style="width: 40px; text-align: center; "> </th>
|
||
<th style="width: 200px; text-align: left; "><I18N#功能></th>
|
||
<th></th>
|
||
</tr>
|
||
</table>
|
||
<div style="height: 390px; overflow: auto;">
|
||
<table id="navContent" class="table">
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- 更换背景图片 -->
|
||
<div id="changeBackGroundDialog" class="awsui-dialog" style="width: 660px; height: 420px; border: 1px solid #DDDDDD; display: none; ">
|
||
<div class="metro-bg-list-panel">
|
||
<span class="metro-bg-span">
|
||
<img class="metro-bg-img" alt="" imgname="001" src="../apps/com.actionsoft.apps.skins.metro/img/bg_001.jpg">
|
||
</span>
|
||
<span class="metro-bg-span">
|
||
<img class="metro-bg-img" alt="" imgname="002" src="../apps/com.actionsoft.apps.skins.metro/img/bg_002.jpg">
|
||
</span>
|
||
<span class="metro-bg-span">
|
||
<img class="metro-bg-img" alt="" imgname="003" src="../apps/com.actionsoft.apps.skins.metro/img/bg_003.jpg">
|
||
</span>
|
||
<span class="metro-bg-span">
|
||
<img class="metro-bg-img" alt="" imgname="004" src="../apps/com.actionsoft.apps.skins.metro/img/bg_004.jpg">
|
||
</span>
|
||
<span class="metro-bg-span">
|
||
<img class="metro-bg-img" alt="" imgname="005" src="../apps/com.actionsoft.apps.skins.metro/img/bg_005.jpg">
|
||
</span>
|
||
<span class="metro-bg-span">
|
||
<img class="metro-bg-img" alt="" imgname="006" src="../apps/com.actionsoft.apps.skins.metro/img/bg_006.jpg">
|
||
</span>
|
||
<span class="metro-bg-span">
|
||
<img class="metro-bg-img" alt="" imgname="007" src="../apps/com.actionsoft.apps.skins.metro/img/bg_007.jpg">
|
||
</span>
|
||
<span class="metro-bg-span">
|
||
<img class="metro-bg-img" alt="" imgname="008" src="../apps/com.actionsoft.apps.skins.metro/img/bg_008.jpg">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |