<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
<%@ 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 name="viewport" charset="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>用户信息</title>
|
<!--[if !IE]><!-->
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<!--<![endif]-->
|
<!--[if gt IE 8]>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<![endif]-->
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link href="static/styles/material-teal.css" rel="stylesheet" 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>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<style>
|
html, body {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
}
|
|
.thumbnail {
|
overflow: hidden;
|
display: inline-block;
|
padding: 4px;
|
margin-bottom: 5px;
|
line-height: 1.5em;
|
background-color: #fff;
|
border: 1px solid #ddd;
|
border-radius: 4px;
|
text-align: center;
|
width: 110px;
|
height: 110px;
|
}
|
|
.thumbnail > img, .thumbnail a > img {
|
margin-left: auto;
|
margin-right: auto;
|
}
|
|
.pt-nav-tab2 {
|
height: 100%;
|
}
|
|
.pt-nav-list {
|
height: 100%;
|
}
|
|
.tabs-panels {
|
height: 100%;
|
}
|
</style>
|
</head>
|
<body class="pt-tree">
|
<div class="pt-main-top2">
|
<span class="pt-title-icon pt-title-icon2">
|
<i class="fa fa-user-circle"></i>
|
</span>
|
<h4>用户信息</h4>
|
<div class="pt-nav-tab2 easyui-tabs" style="width:100%;" data-options="plain:true">
|
<div title="基本信息" class="pt-nav-list">
|
<div class="pt-form">
|
<form id="formUser" method="post">
|
<div class="ptbody">
|
<table style="width: 100%;">
|
|
|
<tr>
|
<td class="tbtitle">用户签章：</td>
|
<td>
|
<div class="thumbnail" style="width:550px;height:200px">
|
<img id="imgUserSignature" src="${signatureUrl}"/>
|
<input type="hidden" id="userSignatureUrl" name="userSignatureUrl"
|
value="${signatureUrl}"/>
|
</div>
|
<div id="pickerUserSignatureUrl">上传(建议550x200px)</div>
|
</td>
|
</tr>
|
</table>
|
|
</div>
|
</form>
|
<div class="pt-form-btn" style="bottom:20px;">
|
<div class="form-group">
|
<button id="btnSave" class="pt-btn pt-btn-primary">保存</button>
|
<button id="btnClose" class="pt-btn pt-btn-default">关闭</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
callBack: null
|
};
|
|
$(function () {
|
|
|
|
new ResizeScroll({
|
"id": ".ptbody",
|
fun: function () {
|
var wh = $(window).height();
|
return (wh - 69 - 55);
|
|
}
|
});
|
|
//绑定按钮事件
|
$("#btnSave").click(function () {
|
//验证表单信息
|
var isValid = $('#formUser').form('validate');
|
if (!isValid) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
|
var obj = $("#formUser").serializeObject();
|
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "management/user/saveUserSignature",
|
data: JSON.stringify(obj),
|
}).done(function (result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
|
//关闭窗口
|
closeWindow();
|
|
top.wcp.notify.success("保存成功！");
|
}));
|
});
|
|
$("#btnClose").click(function () {
|
closeWindow();
|
});
|
|
var imgFileExtensions = 'gif,jpg,jpeg,bmp,png';
|
|
|
var uploaderSignature = WebUploader.create({
|
swf: 'static/plugins/webuploader/Uploader.swf',
|
server: 'management/user/uploadUserSignature',
|
pick: {
|
id: "#pickerUserSignatureUrl",
|
multiple: false
|
},
|
accept: {
|
title: 'Images',
|
extensions: imgFileExtensions,
|
mimeTypes: 'image/*'
|
},
|
auto: true
|
});
|
uploaderSignature.on("uploadSuccess", function (file, response) { //上传成功事件
|
var $img = $("#imgUserSignature");
|
$("#userSignatureUrl").val(response.result.fileName);
|
$img.attr("src", response.result.fileName);
|
});
|
uploaderSignature.on("uploadError", function (file, reason) { //上传失败
|
wcp.message.error("上传失败：" + reason, "错误");
|
});
|
uploaderSignature.on("beforeFileQueued", function (file) {
|
var ext = file.ext;
|
if (imgFileExtensions.indexOf(ext.toLowerCase()) == -1) {
|
wcp.message.error("请选择图片文件！", "错误");
|
return false;
|
}
|
});
|
|
|
})
|
|
|
|
|
|
//关闭窗口事件
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
</html>
|
