apps/com.actionsoft.apps.skins.metro/template/page/metro.html

352 lines
16 KiB
HTML
Raw Permalink Normal View History

2022-06-28 01:22:45 +08:00
<!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#仅支持pngjpgjpeggif格式的图片文件文件大小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; ">&nbsp;</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>