yili-apps/com.actionsoft.apps.coe.pal/template/page/portal.header.htm
2022-06-27 23:38:56 +08:00

401 lines
17 KiB
HTML
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><#title></title>
<link rel="shortcut icon" type="image/ico" href="/portal/favicon.ico">
<link rel="stylesheet" href="../commons/css/awsui.css">
<link rel="stylesheet" href="../commons/js/jquery/themes/default/public.css">
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/css/coe.header.notification.css">
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/css/portal.header.css">
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
<script type="text/javascript" src="../commons/js/public.js"></script>
<script type="text/javascript" src="../commons/js/awsui.js"></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.wizard.js"></script>
<script type="text/javascript" src="../<I18N#COEPATH>/js/coe.public.js"></script>
<script type="text/javascript" src="../<I18N#COEPATH>/js/coe.plugs.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/init/menu.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/coe.header.notification.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/portal.header.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>
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/coe.header.uploadimage.js"></script>
<!-- 引导 -->
<script type='text/javascript' src='../apps/com.actionsoft.apps.coe.pal/js/coe.pal.ws.portal.guide.js'></script>
<script type='text/javascript' src='../apps/com.actionsoft.apps.coe.pal/lib/lightslider/js/jquery.lightSlider.js'></script>
<script type='text/javascript' src='../apps/com.actionsoft.apps.coe.pal/lib/lightslider/js/jquery.lightSlider.min.js'></script>
<script type='text/javascript' src='../apps/com.actionsoft.apps.coe.pal/lib/lightslider/js/prettify.js'></script>
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/lib/lightslider/css/base.css" />
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/lib/lightslider/css/prettify.css" />
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/lib/lightslider/lightSlider/css/lightSlider.css" />
<!--创建小组-->
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/coe.header.wizard.js"></script>
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/css/coe.header.wizard.css">
<!-- 引导2 -->
<!-- 升级功能的js -->
<script src="../console/js/console.upgrade.js"></script>
<script>
var lang = '<#lang>';
var 流程治理 = "<I18N#流程治理>";
var 确认离开系统吗 = "<I18N#确定离开系统吗>";
var 已经被停用 = "<I18N#已经被停用>";
var 流程小组管理 = "<I18N#流程小组管理>";
var isNoticeActive = <#isNoticeActive>; //是否启用通知中心
var notificationSoundTips = false; // 是否开启消息到达声音提醒
var notificationMsgLoadFrequency = 60; // 通知消息检查频率
var isSecurityPwdChange = <#isSecurityPwdChange>; // 是否允许用户修改口令
var forceChangePwd = <#forceChangePwd>; // 默认口令验证,是否强制修改默认密码
var isSecurityPwdComplexity = <#isSecurityPwdComplexity>; // 密码强度
var securityMinPwdLength = <#securityMinPwdLength>; // 允许账户口令最小长度0表示无限制
var securityMaxPwdLength = <#securityMaxPwdLength>; // 允许账户口令最大长度最多32位长度
var isPaaSCloud = <#isPaaSCloud>;//是否云实例
var sid = "<#sid>";
</script>
<style>
#appviewport2-top-right-dialog {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 3px;
box-shadow: 0 0 15px #DDDDDD;
display: none;
margin-top: 5px;
position: absolute;
padding: 15px 20px;
right: 20px;
}
.edit-user-info-portrait-panel {
margin: 15px 0 0 15px;
position: absolute;
text-align: center;
width: 100px;
}
#appviewport2-top-right-dialog > span {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: rgb(50, 50, 50);
cursor: pointer;
display: block;
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0 0 0 0px;
padding: 0 0 0 10px;
width: 100px;
}
#versionListDiv {
}
.version-img {
background-color: #eee;
width: 20px !important;
height: 20px !important;
cursor: pointer;
}
.version_mask{
left: 0;
top: 0;
z-index: 0;
border:#000000;
background: #abd7fb;
width: 0%;
height: 20px;
background: #f5f7ff -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(153,209,255,.8)),color-stop(.5,rgba(132,199,255,.8)),color-stop(1,rgba(108,188,255,.8)));
background: #f5f7ff -moz-linear-gradient(top,rgba(153,209,255,.8),rgba(132,199,255,.8) 50%,rgba(108,188,255,.8));
}
.version_result{
position:relative;
z-index:2;
width:120px;
}
</style>
</head>
<body>
<!-- 左侧menu -->
<div id="menu_bar" style="">
<ul>
<li id="menubar_pal" name="process_asset_library" awsui-qtip="text:'流程资产库',position:'right'" class="menu_bar_li" href="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_ws_portal" style="<#managerUserShow>"></li>
<li id="menubar_team" awsui-qtip="text:'流程团队',position:'right'"class="menu_bar_li" href="./w?sid=<#sid>&cmd=com.actionsoft.apps.network_home" style="<#teamShow>"></li>
<li id="menubar_setting" awsui-qtip="text:'系统管理',position:'right'" class="menu_bar_li" has_tab="true" href="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_console" style="<#managerUserShow>"></li>
<li id="menubar_bbs" awsui-qtip="text:'研习社',position:'right'" class="menu_bar_li" target="_blank" href="http://www.awspal.com/study"></li>
<li id="menubar_help" awsui-qtip="text:'帮助文档',position:'right'" class="menu_bar_li" target="_blank" href="http://docs.awspaas.com/coe/aws-paas-user-manual-coe-pal/index.html"></li>
<li id="menubar_recycle" awsui-qtip="text:'回收站',position:'right'" class="menu_bar_li" href="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_recycle_home_page" style="<#managerUserShow>"></li>
</ul>
</div>
<!-- 右侧主要内容 -->
<div style="height: 100%; margin-left: 70px;">
<!-- 顶部导航 -->
<div id="header" class="header" style="">
<div id="header_left1" class="header_float_left" style="">
<img style="height: 22px; border: 0 none; outline: 0;" src="<#logo>" />
<span class="header_separater"></span>
<span id="header_text" style="font-size:20px"></span>
</div>
<div id="header_right1" class="header_float_right">
<span style="<#managerUserShow>"> <#version-img> </span>
<button id="createTeam" class="button blue" style="padding: 3px 10px; <#createShow>">
<!-- <img src="../apps/com.actionsoft.apps.coe.pal/img/icon/new-teamwork.png" style="height: 20px; padding-right: 5px; margin-right: 3px; vertical-align: -5px; border-right: solid 1px rgb(146, 160, 176);" /> -->新建流程小组
</button>
<span class="header_separater"></span>
<div id="appviewport2-top-right" style="display: inline-block; cursor: pointer;">
<#userPhoto>
<!-- <span class="content-icons down_black"></span> -->
<div id="appviewport2-top-right-dialog" style="z-index: 9; top: 50px; display: none;">
<span id="updatePwd" onclick="openConfig();" ><img style="width: 20px;" src="../apps/com.actionsoft.apps.coe.pal/img/icon/password.png" /> 修改密码</span>
<#myProfile>
<span href="#" onClick="logout();"><img style="width: 20px;" src="../apps/com.actionsoft.apps.coe.pal/img/icon/layout.png" /> <I18N#退出></span>
</div>
</div>
</div>
<div id="header_left2" class="header_float_left" style="display:none;">
<span id="header_text2" style="font-size:20px"></span>
</div>
<div id="header_right2" class="header_float_right" style="display:none;">
<span style="<#managerUserShow>"> <#version-img> </span>
<button id="createTeam2" class="button blue" style="margin-right: 0px; padding: 3px 10px; <#createShow>">新建流程小组</button>
</div>
</div>
<!-- 主要内容 -->
<div id="main" style="">
<iframe id="main_iframe" name="main_iframe" allowfullscreen="true" webkitallowfullscreen="true" style='height:100%; width: 100%; display: block;' frameborder="0" src=""></iframe>
</div>
</div>
<!-- dialog -->
<div title="这是一个标准的Dialog" style="width:400px;height:200px;display:none;" id="dialog-normal">
<div class="dialog-content">
这里是主要内容
</div>
</div>
<div id="notificationMessageContainer" class="notification-message-container">
<span id="notificationMessageOperate" class="notification-message-operate" title="隐藏"> <img class="notification-message-operate-icon" src="../apps/com.actionsoft.apps.coe.pal/img/icon/logo-notification.png"> </span>
<div id="notificationMessageListContainer" class="notification-message-list-container" style=""></div>
</div>
<!-- 上传图片 -->
<div id="uploadLogoDailog" class="awsui-dialog" style="width:750px; text-align: left; height: auto; min-height: 500px; border: 1px solid #DDDDDD; display: none; padding-bottom: 30px; z-index: 501;">
<div style="margin: 15px; color:gray;line-height:18px; font-size: 13px">
1、裁剪一张尺寸为<b>120x120</b>图片&nbsp; &nbsp; 2、拖动选择区即可选中要裁剪的部分&nbsp; &nbsp; 3、点击“裁切”按钮即可进行图片的<b>裁切和保存</b>&nbsp; &nbsp;
4、仅支持png、jpg、jpeg、gif格式的图片文件
</div>
<div style="padding: 0 20px;">
<img id="tmpUploadLogo" />
<div id="preview-pane">
<div class="preview-container">
<img id="userPhotoPreview" class="jcrop-preview" />
</div>
</div>
<div id="jcrop-botton" style="display: inline-block; position: absolute; margin-top: 10px; width: 130px; right: -150px; top: 150px; text-align: center; ">
<span id="uploadImage" class="button blue custom" style="display: block; ">上传</span>
<span id="crop" class="button green" style="margin-top: 3px; margin-bottom: 3px; display: block; ">裁切</span>
<span id="closePhotoDailog" class="button" style="display: block; ">关闭</span>
</div>
<div class="clear"></div>
</div>
</div>
<!-- 修改密码dialog -->
<div id='pwdForm' title="修改登录口令" style="display: none;">
<table class="awsui-ux" style="width: 420px;">
<tbody>
<tr>
<td class="awsui-ux-title" style="width:125px;">旧口令</td>
<td class="required"><input id="pwd1" name="pwd1" class="awsui-textbox" type="password" style="width: 240px; margin-bottom: 5px;"></td>
<td></td>
</tr>
<tr>
<td class="awsui-ux-title">新口令</td>
<td class="required">
<input id="pwd2" name="pwd2" class="awsui-textbox" type="password" style="width: 240px; margin-bottom: 5px;">
</td>
<td></td>
</tr>
<tr>
<td class="awsui-ux-title">确认口令</td>
<td class="required">
<input id="pwd3" name="pwd3" class="awsui-textbox" type="password" style="width: 240px; margin-bottom: 5px;">
</td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="awsui-hide" id="wizard-dig">
<div id="awsui-wizard" class="awsui-wizard">
<div class="awsui-wizard-content">
<div class="awsui-wizard-content-item">
<form id="nwTeamEditForm">
<input type="hidden" id="teamId" name="teamId" value="" />
<input type="hidden" id="teamLogo" name="teamLogo" />
<input type="hidden" id="teamTmpLogo" />
<input type="hidden" id="teamTmpLogoFileName" />
<input type="hidden" id="fileValue" />
<input type="hidden" id="teamType" value="2" />
<div style="margin: 10px;">
<span style="margin: 0 10px 0 0; ">工作网络</span>
<div id="networkDiv" style="display: inline-block">
</div>
</div>
<div style="margin: 10px;">
<span style="margin: 0 10px 0 0; ">小组图标</span>
<img src="../apps/com.actionsoft.apps.network/img/team.png" id="img-uploadTeamLogoBtn" style="width: 90px;height: 90px; border:0;">
<span class="network-logo-option" id="uploadTeamLogoBtn" >上传图片</span>
<span class="network-logo-option" id="deleteTeamLogoBtn" >删除图片</span>
</div>
<div style="margin:10px;">
<span style="margin: 0 10px 0 0; vertical-align: middle; ">小组名称</span>
<span class="required" style="display: inline-block; vertical-align: middle; "><input id="teamName" name="teamName" type="text" class="awsui-input"/></span>
</div>
<div style="margin:10px;">
<span style="margin: 0 10px 0 0; vertical-align: middle ">小组简介</span>
<textarea id="teamDesc" name="teamDesc" style="width:400px; height:100px; vertical-align: middle; " class="awsui-input awsui-textarea" placeholder="不超过200个字符"></textarea>
</div>
</form>
</div>
<div style="display:none;" class="awsui-wizard-content-item">
<iframe id="user_list_iframe" name="user_list_iframe" frameborder="0" style="width: 100%; height: 367px;" src="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_ws_userlist&removeUserIds=<#uid>"></iframe>
</div>
<div style="display:none;" class="awsui-wizard-content-item">
<label style="margin: 10px;font-weight:normal;">流程资产库</label>
<div id="selectWsDiv" style="display: inline-block;">
</div>
<div id="content" style="height: 330px; padding: 5px;">
<ul id="teamTree" style="height: 320px;"></ul>
</div>
</div>
</div>
</div>
</div>
<form action='./w' method='post' style="display:none" id="coeForm" name="coeForm">
<input type="hidden" id="sid" name="sid" value="<#sid>" />
<input type="hidden" id="cmd" name="cmd" value="" />
<input type="hidden" id="coePortal" name="coePortal" value="<#coePortal>" />
<input type="hidden" id="path" name="path" value="coe" />
<input type="hidden" id="wsuuid" name="wsuuid" value="wsuuid" />
</form>
<#upgradeHtml>
</body>
<script>
$(function($){
// 强制修改密码
if (forceChangePwd) {
openConfig();
}
//是否允许修改密码
if(!isSecurityPwdChange) {
$("#updatePwd").remove();
}
//点击用户名,显示设置的下拉菜单
$("#appviewport2-top-right").bind("click", function(event){
$("#appviewport2-top-right-dialog").slideToggle("fast");
$(".content-icons").toggleClass("up_black");
event.stopPropagation();
});
var defaults = {
fixed: true, //是否相对屏幕绝对定位
closable: true, //是否启用自带的关闭操作
model: false //是否模式化打开
};
initNotification(); //初始化通知中心
//一键创建小组
$("#createTeam").unbind("click").bind("click", function(){
// 清空
clearAllCreateTeamInfo();
// 获取数据
$.ajax({
url: "./jd?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_createteam",
success: function(msg) {
if (msg.result == "ok") {
console.log(msg)
var data = msg.data;
var opt1 = {
width : 170,
data : data.networkList
};
$("#network").select2(opt1);
var opt2 = {
width : 200,
data : data.wsList
}
$('#selectWs').select2(opt2);
$('#selectWs').on("change", function (e) {
changeWs();
});
changeWs();// 第一次加载
$("#awsui-wizard").wizard("destroy");
$("#awsui-wizard").wizard(options);
}
}
})
});
//一键创建小组
$("#createTeam2").unbind("click").bind("click", function(){
// 清空
clearAllCreateTeamInfo();
// 获取数据
$.ajax({
url: "./jd?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_createteam",
success: function(msg) {
if (msg.result == "ok") {
console.log(msg)
var data = msg.data;
var opt1 = {
width : 170,
data : data.networkList
};
$("#network").select2(opt1);
var opt2 = {
width : 200,
data : data.wsList
}
$('#selectWs').select2(opt2);
$('#selectWs').on("change", function (e) {
changeWs();
});
changeWs();// 第一次加载
$("#awsui-wizard").wizard("destroy");
$("#awsui-wizard").wizard(options);
}
}
})
});
$(window).unbind("click").bind("click", function(){
$("#appviewport2-top-right-dialog").hide();
})
});
function getSid()
{
return "<#sid>";
}
$("#header").resize(function() {
var header_height = $("#header").height();
$("#main").css({"top" : header_height + "px"});
})
</script>
</html>