wsh5485
cedbe0687c
添加了多个图片、音频文件和CSS样式文件，包括QQ、微信相关图片和游戏素材。同时新增了跟进方式实体类gjfs.java和路径工具类PathUtils.java，用于项目功能扩展。 [新增文件包括] - 图片资源：qq.png, wx.png, logo.jpg等 - 游戏素材：bg.png, CRM.png等 - 实体类：com/xzw/entity/gjfs.java - 工具类：com/xzw/utils/PathUtils.java
139 lines
4.0 KiB
Plaintext
139 lines
4.0 KiB
Plaintext
<%@page contentType="text/html; charset=utf-8"%>
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<!DOCTYPE html>
|
|
<html style="height: 100%">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="${basePath}static/css/styles.css" />
|
|
<link rel="stylesheet" href="${basePath}static/css/font-awesome-4.7.0/css/font-awesome.min.css" />
|
|
<script src="${basePath}static/js/jquery.min.js" type="text/javascript"></script>
|
|
<script src="${basePath}static/js/jquery-validation-1.14.0/jquery.validate.js" type="text/javascript"></script>
|
|
<script src="${basePath}static/js/jquery-validation-1.14.0/localization/messages_zh.js" type="text/javascript"></script>
|
|
<script src="${basePath}static/js/click.js"></script>
|
|
|
|
<script type="text/javascript" src="${basePath}static/easyui/jquery.easyui.min.js"></script>
|
|
|
|
|
|
|
|
<style>
|
|
.masthead:hover {
|
|
/*图片抖动*/
|
|
-webkit-animation:bounce 1s .1s ease both;
|
|
-moz-animation:bounce 1s .1s ease both;
|
|
|
|
}
|
|
@-webkit-keyframes bounce {
|
|
0% {
|
|
-webkit-transform:scale(1)
|
|
}
|
|
10%, 20% {
|
|
-webkit-transform:scale(0.8) rotate(-2deg)
|
|
}
|
|
30%, 50%, 70%, 90% {
|
|
-webkit-transform:scale(1.1) rotate(2deg)
|
|
}
|
|
40%, 60%, 80% {
|
|
-webkit-transform:scale(1.1) rotate(-2deg)
|
|
}
|
|
100% {
|
|
-webkit-transform:scale(1) rotate(0)
|
|
}
|
|
|
|
}
|
|
|
|
.masthead:hover {
|
|
|
|
/*鼠标划过周围出现阴影*/
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
transform: scale(1);
|
|
-moz-box-shadow:0 3px 20px #888;
|
|
-webkit-box-shadow:0 3px 20px #888;
|
|
-webkit-transition:.3s;
|
|
-moz-transition:.3s;
|
|
-o-transition:.3s;
|
|
-ms-transition:.3s;
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width:1000px){
|
|
|
|
*{
|
|
font-size:30px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
|
|
//上传图片按钮事件
|
|
$("#upload-photo-btn").click(function(){
|
|
|
|
});
|
|
function uploadPhoto(){
|
|
var action = $("#uploadForm").attr('action');
|
|
var pos = action.indexOf('Id');
|
|
if(pos != -1){
|
|
action = action.substring(0,pos-1);
|
|
}
|
|
$("#uploadForm").attr('action',action+'&Id='+$("#set-photo-id").val());
|
|
$("#uploadForm").submit();
|
|
setTimeout(function(){
|
|
var message = $(window.frames["photo_target"].document).find("#message").text();
|
|
$.messager.alert("消息提醒",message,"info");
|
|
|
|
$("#edit_photo").attr("src", "${basePath}user?method=getPhoto_user&Id="+$("#set-photo-id").val());
|
|
}, 1500)
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body style="height: 100%; margin: 0">
|
|
<div class="add">
|
|
<table class="tablelist" style="width: 50%;margin-left:50px">
|
|
<c:if test="${type == 2}">
|
|
<tr>
|
|
<td width="120px">ID</td>
|
|
<td>${user.id}</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="120px">用户名</td>
|
|
<td>${user.dm}</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="120px">姓名</td>
|
|
<td>${user.name}</td>
|
|
</tr>
|
|
|
|
</c:if>
|
|
<c:if test="${type == 1}">
|
|
<tr>
|
|
<td width="120px">ID</td>
|
|
<td>${user.id}</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="120px">用户名</td>
|
|
<td>${user.dm}</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="120px">姓名</td>
|
|
<td>${user.name}</td>
|
|
</tr>
|
|
</c:if>
|
|
|
|
</table>
|
|
<c:if test="${type == 1}">
|
|
<h1></h1><br/>
|
|
<h1>头像：</h1>
|
|
<img id="edit_photo" alt="照片" style="max-width: 200px; max-height: 200px;margin-left:100px;" title="照片" src="${basePath}user?method=getPhoto_user&ID=${user.id}&TYPE=${type}" class="masthead" />
|
|
<form id="uploadForm" method="post" enctype="multipart/form-data" action="${basePath}user?method=SetPhoto" target="mainFrame">
|
|
<!-- StudentServlet?method=SetPhoto -->
|
|
<input type="hidden" name="Id" id="set-photo-id" value="${user.id}">
|
|
<input class="easyui-filebox" name="photo" data-options="prompt:'选择照片'" style="width:200px;">
|
|
<input id="upload-photo-btn" onClick="uploadPhoto()" class="easyui-linkbutton" style="width: 50px; height: 40px;" type="button" value="上传"/>
|
|
</form>
|
|
</c:if>
|
|
</div>
|
|
</body>
|
|
</html> |