<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>个人信息</title>
|
<link href="static/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/material-teal.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/webuploader/webuploader.css" type="text/css">
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/plugins/webuploader/webuploader.js"></script>
|
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<style>
|
html {
|
overflow: hidden;
|
}
|
|
html, body {
|
height: 100%;
|
}
|
|
.modifyavatar {
|
width: 240px;
|
position: absolute;
|
top: 240px;
|
text-align: center;
|
}
|
|
.modifyavatar button {
|
margin: 20px auto 0;
|
}
|
|
.modifyavatar .webuploader-container {
|
border: none;
|
background: none;
|
padding: 0px;
|
}
|
|
.modifyavatar .webuploader-container div {
|
width: 93px !important;
|
height: 37px !important;
|
}
|
</style>
|
|
</head>
|
|
<body>
|
<div class="margin-lr">
|
<div class="pt-main-top2" style="height:80px">
|
<span class="pt-title-icon pt-title-icon2">
|
<i class="fa fa-user-circle"></i>
|
</span>
|
<h4>个人中心</h4>
|
</div>
|
<div class="pt-nav-tab2 easyui-tabs" style="width:100%;" data-options="plain:true">
|
<div title="应用设置" class="pt-nav-list">
|
<div class="personnel-tab clear">
|
<%-- <div class="personnel-desktop">--%>
|
<%-- <div class="personnel-border">--%>
|
<%-- <h3>--%>
|
<%-- <i class="fa fa-sliders"></i>--%>
|
<%-- </h3>--%>
|
<%-- <h5>应用设置</h5>--%>
|
<%-- <div class="personnel-btn">--%>
|
<%-- <a href="javascript:;">代理人设置</a>--%>
|
<%-- <a href="javascript:;">个人模板设置</a>--%>
|
<%-- <a href="javascript:;">消息提醒设置</a>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<div class="personnel-desktop">
|
<div class="personnel-border">
|
<h3>
|
<i class="fa fa-edge"></i>
|
</h3>
|
<h5>门户设计</h5>
|
<div class="personnel-btn">
|
<a href="javascript:editPersonal();">个人门户设置</a>
|
</div>
|
</div>
|
</div>
|
<div class="personnel-desktop">
|
<div class="personnel-border">
|
<h3>
|
<i class="fa fa-drivers-license-o"></i>
|
</h3>
|
<h5>密码和账户管理</h5>
|
<div class="personnel-btn">
|
<a href="javascript:updatePassword();">登录密码修改</a>
|
<a href="javascript:;">个人用户绑定</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div title="个人信息" class="pt-nav-list">
|
<div class="personnel-tab clear">
|
<div class="personnel-img">
|
<div>
|
<span>${user.trueName}</span>
|
<img id="avatar" alt="${user.trueName}" class="img-circle" src="${user.userAvatarUrl}" />
|
</div>
|
</div>
|
<div class="modifyavatar">
|
<button id="picker">上传头像</button>
|
</div>
|
<div class="pt-form personnel-info">
|
<form id="formUserInfo">
|
<table style="width: 500px;">
|
<tr>
|
<td class="tbtitle">姓名：</td>
|
<td>
|
<input id="trueName" name="trueName" class="easyui-textbox" data-options="required:true,editable:false" type="text" style="width:100%" value="${user.trueName}" />
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">人员编号：</td>
|
<td>
|
<input id="eeNum" name="employeeNum" class="easyui-textbox" type="text" data-options="editable:false" style="width:100%" value="${user.employeeNum}" />
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">办公电话：</td>
|
<td>
|
<input id="telphone" name="telphone" class="easyui-textbox" type="text" style="width:100%" value="${user.telphone}" />
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">手机号码：</td>
|
<td>
|
<input id="mobilePhone" name="mobilePhone" class="easyui-textbox" type="text" style="width:100%" value="${user.mobilePhone}" />
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">电子邮箱：</td>
|
<td>
|
<input id="email" name="email" class="easyui-textbox" type="text" style="width:100%" value="${user.email}" />
|
<input type="hidden" id="userAvatarUrl" name="userAvatarUrl" value="${user.userAvatarUrl}" />
|
</td>
|
</tr>
|
</table>
|
</form>
|
<button type="button" class="pt-btn pt-btn-primary" onclick="saveUserInfo();">保存</button>
|
</div>
|
</div>
|
</div>
|
<div title="组织信息" class="pt-nav-list">
|
<div class="personnel-tab">
|
<div class="personnel-role">
|
<div class="personnel-role-unit">部门岗位信息</div>
|
<p class="post-info">
|
<span>部门：${user.deptName}</span>
|
</p>
|
</div>
|
<div class="personnel-role">
|
<div class="personnel-role-unit">我的组织信息架构图</div>
|
<div class="clear">
|
<div class="pt-framework">
|
<c:forEach items="${deptTree}" var="dept">
|
<p>
|
<c:choose>
|
<c:when test="${dept.icon=='fa fa-institution'}">
|
<h1>${dept.deptName}</h1>
|
</c:when>
|
<c:when test="${dept.icon=='fa fa fa-home'}">
|
<h2>${dept.deptName}</h2>
|
</c:when>
|
<c:when test="${dept.icon=='fa fa-sitemap'}">
|
<h3>${dept.deptName}</h3>
|
</c:when>
|
<c:when test="${dept.icon=='fa fa-address-card'}">
|
<h4>${dept.deptName}</h4>
|
</c:when>
|
<c:otherwise>
|
<h5>${dept.deptName}</h5>
|
</c:otherwise>
|
</c:choose>
|
</p>
|
</c:forEach>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div title="角色权限" class="pt-nav-list">
|
<div class="personnel-tab">
|
<div class="personnel-role">
|
<div class="personnel-role-unit">我的角色</div>
|
<div class="personnel-btn">
|
<c:forEach items="${roles}" var="roleName">
|
<a href="javascript:;">${roleName}</a>
|
</c:forEach>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div title="流程权限" class="pt-nav-list">
|
<div class="personnel-tab">
|
<div class="personnel-role">
|
<div class="personnel-role-unit">我的流程权限</div>
|
<div class="personnel-btn">
|
<c:forEach var="flow" items="${deList}">
|
<a href="javascript:addFlow('${flow.formId}','${flow.moduleId}','${flow.flowId}','${flow.flowName}');">${flow.flowName}</a>
|
</c:forEach>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
$(function() {
|
new ResizeScroll({
|
"id" : ".pt-nav-list",
|
fun : function() {
|
var wHight = $(window).height();
|
var tabHeight = wHight - 20 - 10; //20表示标题 10表示paddingtop
|
$("iframe").height(tabHeight - 32); //32表示tab的标题
|
return (tabHeight - 32);
|
}
|
});
|
|
|
$("#avatar").error(function() {
|
$("#avatar").hide();
|
})
|
|
var imgFileExtensions = 'gif,jpg,jpeg,bmp,png';
|
var uploader = WebUploader.create({
|
swf : 'static/plugins/webuploader/Uploader.swf',
|
server : 'management/user/uploadUserAvatar',
|
pick : {
|
id : "#picker",
|
multiple : false
|
},
|
accept : {
|
title : 'Images',
|
extensions : imgFileExtensions,
|
mimeTypes : 'image/*'
|
},
|
thumb : {
|
width : 200,
|
height : 200,
|
crop : true
|
},
|
auto : true
|
});
|
uploader.on("uploadSuccess", function(file, response) { //上传成功事件
|
var $img = $("#avatar");
|
var thumbnailWidth = 200,
|
thumbnailHeight = 200;
|
//console.log(response);
|
$("#userAvatarUrl").val(response.result.fileName);
|
uploader.makeThumb(file, function(error, src) {
|
if (error) {
|
wcp.message.error("转换缩略图失败，请重新选择！", "错误");
|
return;
|
}
|
$img.attr("src", src);
|
$img.show();
|
//$img.Jcrop();
|
}, thumbnailWidth, thumbnailHeight);
|
});
|
uploader.on("uploadError", function(file, reason) { //上传失败
|
wcp.message.error("上传失败：" + reason, "错误");
|
});
|
uploader.on("beforeFileQueued", function(file) {
|
var ext = file.ext;
|
if (imgFileExtensions.indexOf(ext.toLowerCase()) == -1) {
|
wcp.message.error("请选择图片文件！", "错误");
|
return false;
|
}
|
});
|
})
|
|
//修改密码
|
function updatePassword() {
|
var url = "management/user/updatePasswordIndex";
|
top.layer.open({
|
title : "修改密码",
|
type : 2,
|
area : [ "500px", "400px" ],
|
fixed : false,
|
content : url,
|
success : function(layero, index) {
|
var body = window.top.layer.getChildFrame('body', index);
|
var iframeWin = window.top[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
|
}
|
});
|
|
}
|
//个人桌面设置
|
function editPersonal(){
|
var url = "config/desktopLayout/editPersonalLayout";
|
top.layer.open({
|
title : "个人门户设置",
|
type : 2,
|
area : [ "800px", "550px" ],
|
fixed : false,
|
content : url,
|
success : function(layero, index) {
|
var body = window.top.layer.getChildFrame('body', index);
|
var iframeWin = window.top[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
|
}
|
});
|
}
|
|
function saveUserInfo() {
|
//验证表单信息
|
var isValid = $('#formUserInfo').form('validate');
|
if (!isValid) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
|
var obj = $("#formUserInfo").serializeObject();
|
|
wcp.ui.setBusy("body", wcp.ajax({
|
url : "management/user/saveCurrentUserInfo",
|
data : JSON.stringify(obj),
|
}).done(function(result) {
|
wcp.notify.success("保存成功！");
|
}));
|
}
|
|
//新建流程
|
function addFlow(formId, moduleId, flowDefinitionId, flowDefinitionName) {
|
var url = "general/editFormData?formId=" +formId+"&moduleId="+moduleId+"&flowDefinitionId=" + flowDefinitionId +"&keyId=0";
|
var title = "新增" + flowDefinitionName + "流程";
|
top.addPanel(url,title);
|
var curTabWin = null;
|
var curTab = top.$('#tt').tabs('getSelected');
|
if (curTab && curTab.find('iframe').length > 0) {
|
curTabWin = curTab.find('iframe')[0].contentWindow;
|
//将回调函数传给子页面
|
$(curTabWin).load(function(){
|
|
});
|
}
|
|
}
|
</script>
|
</body>
|
</html>
|
