<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
<%@page import="com.yc.sdk.shopping.util.SettingKey"%>
|
<%
|
//得到URL
|
String URL =SettingKey.getHostUrl(request);
|
String group = request.getParameter("group");
|
Map<String,Object> groupInfo = null;
|
if(group==null)return;
|
try{
|
int id = Integer.parseInt(group);
|
ContactGroupIfc goupIfc = (ContactGroupIfc)FactoryBean.getBean("ContactGroupImpl");
|
groupInfo = goupIfc.getGroupInfo((String)session.getAttribute("@usercode"),id);
|
if(groupInfo == null)return;
|
}catch(Exception e){
|
out.write("非法提交!");
|
return;
|
}
|
%>
|
<!DOCTYPE html >
|
|
<%@page import="java.util.Map"%>
|
<%@page import="com.yc.action.mail.service.ContactGroupIfc"%>
|
<%@page import="com.yc.factory.FactoryBean"%><html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<link href="css/cont.css" rel="stylesheet" type="text/css"></link>
|
<link rel="stylesheet" type="text/css"
|
href="css/flexigrid/flexigrid.css"></link>
|
<script type="text/javascript" src="<%=URL%>/js/jquery.js"></script>
|
<script type="text/javascript" src="js/flexigrid.js"></script>
|
<script src="js/dialog.js"></script>
|
<link href="css/moveto.css" rel="stylesheet" type="text/css"></link>
|
<link href="images/blue/css.css" rel="stylesheet" type="text/css" id="showdialogcss" />
|
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
|
<title></title>
|
<style type="text/css">
|
.flexigrid div.fbutton .delete {
|
background: url(css/images/close.png) no-repeat center left;
|
}
|
.flexigrid div.fbutton .update {
|
background: url(css/images/update.png) no-repeat center left;
|
}
|
.flexigrid div.fbutton .add {
|
background: url(css/images/add.png) no-repeat center left;
|
}
|
.flexigrid div.fbutton .mvto {
|
background: url(css/images/dropdown.png) no-repeat center left;
|
}
|
.dialogUpdate{height:50px; width:520px;margin-top:30px;margin-left:20px;font-size:11pt;}
|
.dialogUpdate ul{margin:0px;padding:0px;float:left; list-style:none;}
|
.dialogUpdate ul li{ height:25px;}
|
.dialogSpan{width:100px;}
|
.dialogInput{width:160px;}
|
.dialogInput li input{ width:150px; height:18px;border:1px solid #cccccc;}
|
</style>
|
<script type="text/javascript">
|
var group = "<%=group %>";
|
$(function(){
|
$('#diagx').ShowDialog({
|
Width:"565",
|
Height:"340",
|
Title:"添加联系人",
|
skin:"blue",
|
ContentFlag:"1",
|
Contents:$("#addContact").html(),
|
IsDrag:"0",
|
IsAutoCenter:"1"
|
});
|
$('#updateGroup').ShowDialog({
|
Width:"565",
|
Height:"340",
|
Title:"修改联系人信息",
|
skin:"blue",
|
Contents:$("#updateF").html(),
|
ContentFlag:"1",
|
IsDrag:"0",
|
IsAutoCenter:"1"
|
});
|
var t=$("#flex1").flexigrid(
|
{
|
url: '/getContacts.do?groupId=<%=group %>',
|
dataType: 'json',
|
resizable: false,
|
colModel : [
|
{display: 'ID', name : 'cid',sortable : false,hide:true, width : 70},
|
{display: '姓名', name : 'gname',sortable : false, width : 60},
|
{display: 'E-mail', name : 'email',sortable : false, width :60},
|
{display: '联系电话', name : 'phone',sortable : false, width : 60},
|
{display: 'QQ', name : 'qq',sortable : false, width : 60},
|
{display: 'MSN', name : 'msn',sortable : false, width : 60},
|
{display: '手机号码', name : 'mobile',sortable : false, width : 60},
|
{display: '公司', name : 'company',sortable : false, width : 60},
|
{display: '部门', name : 'department',sortable : false, width : 60},
|
{display: '职位', name : 'jobs',sortable : false, width : 60},
|
{display: '地址', name : 'address',sortable : false, width : 60},
|
{display: '备注', name : 'remarks',sortable : false, width : 60}
|
],
|
buttons : [
|
{name: '全选', onpress : selectAll},
|
{separator: true},
|
{name: '反选', onpress : selectAll},
|
{separator: true},
|
{name: '添加联系人', bclass: 'add', onpress : showAddContact},
|
{separator: true},
|
{name: '修改联系人信息', bclass: 'update', onpress : upFolder},
|
{separator: true},
|
{name: '移动到', bclass: 'mvto', onpress : mvto},
|
{separator: true},
|
{name: '删除', bclass: 'delete', onpress : delGroup},
|
{separator: true}
|
],
|
searchitems : [
|
{display: '姓名', name : 'cname',isdefault: true},
|
{display: 'E-mail', name : 'email'},
|
{display: 'QQ', name : 'qq'},
|
{display: 'MSN', name : 'msn'},
|
{display: '公司', name : 'conpany'},
|
{display: '联系电话', name : 'phone'}
|
],
|
usepager: true,
|
title: '通讯录----<%=groupInfo.get("gname") %>',
|
nomsg : '没有数据存在!',// 无结果的提示信息
|
pagestat : '显示第 {from} 条到 {to} 条,共 {total} 条数据',
|
page : 1, // 默认当前页
|
total : 1, // 总页面数
|
useRp : true, // 是否可以动态设置每页显示的结果数
|
rp : 20, // 每页默认的结果数
|
rpOptions : [15,25,40,60,100],// 可选择设定的每页结果数
|
showTableToggleBtn: false,
|
width: 750,
|
height: 390,
|
procmsg: '正在处理数据,请稍候 ...',
|
hideOnSubmit: true, //是否在回调时显示遮盖
|
blockOpacity: 0.5, //透明度设置
|
onRowDblclick:gridDbClick
|
}
|
);
|
$(document).bind('click', function(e) {
|
var $clicked = $(e.target);
|
if (! $clicked.hasClass("mvto"))
|
$(".dropdown").hide();
|
});
|
});
|
function gridDbClick(data){
|
showUp($(data).data('cid').toString());
|
}
|
function getselected() {
|
var select= $("td:eq(0)",$('#flex1 .trSelected'));
|
|
}
|
//全选
|
function setselectall() {
|
$('#flex1 tr').removeClass('trSelected');
|
$('#flex1 tr').addClass('trSelected');
|
}
|
//反选
|
function setselectinv() {
|
$('#flex1 tr').toggleClass('trSelected');
|
}
|
function delGroup(com,grid){
|
var select= $("td:eq(0)",$('#flex1 .trSelected'));
|
if(select.length>0){
|
if(confirm("确定将这"+select.length+"个联系人信息删除!")){
|
var cid = "";
|
$("td:eq(0)",$('#flex1 .trSelected')).each(function(i){
|
if(i==0)cid+=$(this).text();
|
else cid+=";"+$(this).text();
|
});
|
$.post("/delContacts.do",{"cids":cid},function(data){
|
if(data.code=="success"){
|
$('#flex1').flexOptions({newp: 1}).flexReload();
|
}else{
|
alert(data.info);
|
}
|
},"json");
|
}
|
}else{
|
alert("请选择要删除的联系人信息!");
|
}
|
}
|
function selectAll(c,g){
|
if(c=="全选"){
|
setselectall();
|
}else{
|
setselectinv();
|
}
|
}
|
function upFolder(com,grid){
|
var select= $("td:eq(0)",$('#flex1 .trSelected'));
|
if(select.length>0){
|
showUp($(select[0]).text());
|
}
|
}
|
function showUp(id){
|
$.post("/getContact.do",{"cid":id},function(data){
|
if(data.code=='error'){
|
alert(data.info);
|
}else if(data.cid){
|
$('#updateGroup').click();
|
$(".showdiv").find("#upcname").val(data.cname);
|
$(".showdiv").find("#upemail").val(data.email);
|
$(".showdiv").find("#upphone").val(data.phone);
|
$(".showdiv").find("#upqq").val(data.qq);
|
$(".showdiv").find("#upmsn").val(data.msn);
|
$(".showdiv").find("#upmobile").val(data.mobile);
|
$(".showdiv").find("#upcompany").val(data.company);
|
$(".showdiv").find("#updepartment").val(data.department);
|
$(".showdiv").find("#upjobs").val(data.jobs);
|
$(".showdiv").find("#upaddress").val(data.address);
|
$(".showdiv").find("#upremarks").val(data.remarks);
|
$(".showdiv").find("#upcid").val(id);
|
}
|
},"json");
|
}
|
function upclose(){
|
$("#diagclose").click();
|
}
|
function upUpdate(){
|
var upcid=$(".showdiv").find("#upcid").val();
|
var upcname=$(".showdiv").find("#upcname").val();
|
var upemail=$(".showdiv").find("#upemail").val();
|
var upphone=$(".showdiv").find("#upphone").val();
|
var qq=$(".showdiv").find("#upqq").val();
|
var msn=$(".showdiv").find("#upmsn").val();
|
var mobile=$(".showdiv").find("#upmobile").val();
|
var company=$(".showdiv").find("#upcompany").val();
|
var department=$(".showdiv").find("#updepartment").val();
|
var jobs=$(".showdiv").find("#upjobs").val();
|
var address=$(".showdiv").find("#upaddress").val();
|
var remarks=$(".showdiv").find("#upremarks").val();
|
if(!validateEmail(upemail)){
|
$(".showdiv").find("#upContact_info").text("E-mail地址有误!");return;
|
}
|
//upcname=encodeURIComponent(upcname);
|
$.post("/updateContact.do",{"cid":upcid,"cname":upcname,"email":upemail,"phone":upphone,'qq':qq,'msn':msn,'mobile':mobile,'company':company,'department':department,'jobs':jobs,'address':address,'remarks':remarks},function(data){
|
if(data.code=="success"){
|
addContactClose();
|
$('#flex1').flexOptions({newp: 1}).flexReload();
|
}else{
|
$(".showdiv").find("#addContact_info").text(data.info);
|
}
|
},"json");
|
}
|
function reflush(){
|
$('#flex1').flexOptions({newp: 1}).flexReload();
|
parent.leftFrame.location.reload();
|
}
|
function showAddContact(){
|
$('#diagx').click();
|
}
|
function addContactClose(){
|
$("#diagclose").click();
|
}
|
function addContact(){
|
var groupId = $("#groupId").val();
|
var cname=$(".showdiv").find("#cname").val();
|
var email=$(".showdiv").find("#email").val();
|
var phone=$(".showdiv").find("#phone").val();
|
var qq=$(".showdiv").find("#qq").val();
|
var msn=$(".showdiv").find("#msn").val();
|
var mobile=$(".showdiv").find("#mobile").val();
|
var company=$(".showdiv").find("#company").val();
|
var department=$(".showdiv").find("#department").val();
|
var jobs=$(".showdiv").find("#jobs").val();
|
var address=$(".showdiv").find("#address").val();
|
var remarks=$(".showdiv").find("#remarks").val();
|
if($.trim(cname)==''||$.trim(email)==''){
|
$(".showdiv").find("#addContact_info").text("..........");
|
setTimeout(function(){
|
$(".showdiv").find("#addContact_info").text("联系人名称和E-mail地址不允许为空!");return;
|
},600);
|
}else{
|
if(!validateEmail(email)){
|
$(".showdiv").find("#addContact_info").text("E-mail地址有误!");return;
|
}
|
cname = encodeURIComponent(cname);
|
email = encodeURIComponent(email);
|
phone = encodeURIComponent(phone);
|
qq = encodeURIComponent(qq);
|
msn = encodeURIComponent(msn);
|
mobile = encodeURIComponent(mobile);
|
company = encodeURIComponent(company);
|
department = encodeURIComponent(department);
|
jobs = encodeURIComponent(jobs);
|
address = encodeURIComponent(address);
|
remarks = encodeURIComponent(remarks);
|
$.post("/addContact.do",{'groupId':groupId,'cname':cname,'email':email,'phone':phone,
|
'qq':qq,'msn':msn,'mobile':mobile,'company':company,'department':department,'jobs':jobs,'address':address,'remarks':remarks},function(data){
|
if(data.code=="success"){
|
addContactClose();
|
$('#flex1').flexOptions({newp: 1}).flexReload();
|
}else{
|
$(".showdiv").find("#addContact_info").text(data.info);
|
}
|
},"json");
|
}
|
}
|
function mvto(c,g){
|
var dr=$(".dropdown");
|
if(dr.css("display")=="none"){
|
$.post("/getGroupInfos2.do","",function(d){
|
if(d.length<1){
|
alert("没有添加通讯录分组!");
|
}
|
dr.find(".dyna").remove();
|
$.each(d,function(i){
|
dr.append("<li class='dyna'><a>"+d[i].gname+"</a><span class=\"d_value\">"+d[i].gid+"</span></li>");
|
});
|
dr.find("li").each(function(){
|
if($(this).find("span").text()==group){//folder在页面中有定义
|
$(this).remove();
|
}
|
});
|
var off=$(".mvto").offset();
|
var height=$(".mvto").height()-4;
|
dr.css({"top":off.top+height,"left":off.left-4,"display":"block"});
|
dr.find("li").bind('click', function() {
|
moveto($(this));//----
|
});
|
},"json");
|
}
|
|
}
|
function moveto(obj){//----
|
var select= $("td:eq(0)",$('#flex1 .trSelected'));
|
if(select.length<=0){
|
alert("请选择要移到到其他分组的联系人!");return;
|
}
|
var cids = "";
|
$("td:eq(0)",$('#flex1 .trSelected')).each(function(i){
|
if(i==0)cids+=$(this).text();
|
else cids+=";"+$(this).text();
|
});
|
$.post("/move2group.do",{"cids":cids,"groupId":obj.find(".d_value").text()},function(d){
|
if(d.code=="success"){
|
$('#flex1').flexOptions({newp: 1}).flexReload();
|
}else{
|
alert(d.info);
|
}
|
},"json");
|
}
|
function validateEmail(field) {
|
var regex=/\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/i;
|
return (regex.test(field)) ? true : false;
|
}
|
</script>
|
</head>
|
<body class="right_body">
|
<div id="updateGroup"></div>
|
<input type="hidden" id="groupId" value="<%=group %>" />
|
<div id="updateF" style="display: none;">
|
<div class="dialogUpdate">
|
<ul class="dialogSpan">
|
<li>联系人名称</li>
|
<li>QQ</li>
|
<li>联系电话</li>
|
<li>公司</li>
|
<li>职位</li>
|
</ul>
|
<ul class="dialogInput">
|
<li><input maxlength="50" type="text" id="upcname"/></li>
|
<li><input maxlength="50" type="text" id="upqq"/></li>
|
<li><input maxlength="50" type="text" id="upphone"/></li>
|
<li><input maxlength="50" type="text" id="upcompany"/></li>
|
<li><input maxlength="50" type="text" id="upjobs"/></li>
|
</ul>
|
<ul class="dialogSpan">
|
<li>联系人E-mail</li>
|
<li>MSN</li>
|
<li>手机号码</li>
|
<li>部门</li>
|
<li>地址</li>
|
</ul>
|
<ul class="dialogInput">
|
<li><input maxlength="50" type="text" id="upemail"/></li>
|
<li><input maxlength="50" type="text" id="upmsn"/></li>
|
<li><input maxlength="50" type="text" id="upmobile"/></li>
|
<li><input maxlength="50" type="text" id="updepartment"/></li>
|
<li><input maxlength="200" type="text" id="upaddress"/></li>
|
</ul>
|
<ul style="height:60px;">
|
<li style=" width:100px; float:left;">备注</li><li style="float:left;"><textarea id="upremarks" style="border:1px solid #cccccc; width:408px; height:50px;" ></textarea></li>
|
</ul>
|
<div style="clear:both;"></div>
|
<label id="upContact_info" style="display:block;font-size:12px;color: red;margin-left:100px; height:15px;"></label><input type="hidden" id="upcid"/>
|
|
<hr style="height:1px; color:#cccccc;"/>
|
<div align="center">
|
<input type="button" value="修改" onclick="upUpdate();" /> <input type="button" value="取消" onclick="upclose();" />
|
</div>
|
</div>
|
</div>
|
|
|
<div id="diagx"></div>
|
<table id="flex1" style="display: none"></table>
|
<div id="addContact" style="display: none">
|
<div class="dialogUpdate">
|
<ul class="dialogSpan">
|
<li>联系人名称</li>
|
<li>QQ</li>
|
<li>联系电话</li>
|
<li>公司</li>
|
<li>职位</li>
|
</ul>
|
<ul class="dialogInput">
|
<li><input maxlength="50" type="text" id="cname"/></li>
|
<li><input maxlength="50" type="text" id="qq"/></li>
|
<li><input maxlength="50" type="text" id="phone"/></li>
|
<li><input maxlength="50" type="text" id="company"/></li>
|
<li><input maxlength="50" type="text" id="jobs"/></li>
|
</ul>
|
<ul class="dialogSpan">
|
<li>联系人E-mail</li>
|
<li>MSN</li>
|
<li>手机号码</li>
|
<li>部门</li>
|
<li>地址</li>
|
</ul>
|
<ul class="dialogInput">
|
<li><input maxlength="50" type="text" id="email"/></li>
|
<li><input maxlength="50" type="text" id="msn"/></li>
|
<li><input maxlength="50" type="text" id="mobile"/></li>
|
<li><input maxlength="50" type="text" id="department"/></li>
|
<li><input maxlength="200" type="text" id="address"/></li>
|
</ul>
|
<ul style="height:60px;">
|
<li style=" width:100px; float:left;">备注</li><li style="float:left;"><textarea id="remarks" style="border:1px solid #cccccc; width:408px; height:50px;" ></textarea></li>
|
</ul>
|
<div style="clear:both;"></div>
|
<label id="addContact_info" style="display:block;font-size:12px;color: red;margin-left:100px; height:15px;"></label><input type="hidden" id="upcid"/>
|
|
<hr style="height:1px; color:#cccccc;"/>
|
<div align="center">
|
<input type="button" value="确定" onclick="addContact();" /> <input type="button" value="取消" onclick="addContactClose();" />
|
</div>
|
</div>
|
</div>
|
|
<ul class="dropdown">
|
</ul>
|
</body>
|
</html>
|