yili-apps/com.actionsoft.apps.coe.pal/template/page/portal.header.htm

401 lines
17 KiB
HTML
Raw Normal View History

2022-06-27 22:14:40 +08:00
<!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>