提交 | 用户 | age
|
a6a76f
|
1 |
<%@ page language="java" contentType="text/html; charset=UTF-8" |
F |
2 |
pageEncoding="UTF-8"%> |
|
3 |
<% |
|
4 |
String formId =(String)request.getAttribute("formId"); // request.getParameter("formId"); |
|
5 |
String docCode = (String)request.getAttribute("docCode"); //request.getParameter("docCode"); |
|
6 |
if(formId==null)return; |
|
7 |
if(docCode==null)docCode=""; |
|
8 |
docCode=docCode.replace("'",""); |
|
9 |
%> |
|
10 |
<link href="/js/select2/dist/css/select2.min.css?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/select2/dist/css/select2.min.css")%>" type="text/css" rel="stylesheet" /> |
|
11 |
<script type="text/javascript"> |
|
12 |
var formId="<%=formId%>"; |
|
13 |
var docCode="<%=docCode.trim()%>"; |
|
14 |
$(function(){ |
|
15 |
if(docCode!=""){ |
|
16 |
getMsg(); |
|
17 |
setInterval(function(){ |
|
18 |
getMsg(); |
|
19 |
},600000); |
|
20 |
} |
|
21 |
//加载在线人数用户 |
|
22 |
$.post("/onlinemessages.do?formid="+formId+"&doccode="+docCode+"",function(dt){ |
|
23 |
var sel=document.getElementById("usercodemessage"); |
|
24 |
if(dt!="" && dt.indexOf('error')==-1){ |
|
25 |
var val=dt.split("#"); |
|
26 |
sel.options.add(new Option("当前单据所有人", "All")); |
|
27 |
sel.options[0].selected=true; |
|
28 |
for(var i=0;i<val.length;i++){ |
|
29 |
var usrval=val[i].split(","); |
|
30 |
sel.options.add(new Option(usrval[1], usrval[0])); |
|
31 |
} |
|
32 |
}else{ |
|
33 |
if(dt.indexOf('error')!=-1){ |
|
34 |
dt=dt.replace("error","在线交流错误提示:"); |
|
35 |
$.messager.alert("操作提示",dt,"warning"); |
|
36 |
}else{ |
|
37 |
sel.options.add(new Option("当前单据所有人", "All")); |
|
38 |
sel.options[0].selected=true; |
|
39 |
} |
|
40 |
} |
|
41 |
}); |
|
42 |
$("#usercodemessage").select2({ |
|
43 |
// dir: "rtl", //显示的位置(左右) |
|
44 |
// data: [{ id: 0, text: 'enhancement' }], |
|
45 |
// theme: "classic", //主题风格(边框) |
|
46 |
multiple:true, |
|
47 |
minimumResultsForSearch: 1, |
2cd6f5
|
48 |
placeholder: "选择发送用户" ,//默认提示语 |
a6a76f
|
49 |
allowClear: true, //是否允许用户清除文本信息 |
F |
50 |
language: "zh-CN" //提示语言为中文 |
|
51 |
}); |
|
52 |
}); |
|
53 |
function postMsg(){ |
|
54 |
if(formId==""||docCode==""){ |
|
55 |
$.messager.alert("操作提示", "没有单号不能提交信息!","warning"); |
|
56 |
return; |
|
57 |
} |
|
58 |
if($("#msgs").val().replace(/(^\s*)|(\s*$)/g, "")==""){ |
|
59 |
$.messager.alert("操作提示", "请输入在线交流信息!","warning"); |
|
60 |
return; |
|
61 |
} |
|
62 |
var Ruc=$("#usercodemessage").val()==null?"All":$("#usercodemessage").val().join(","); |
|
63 |
$.post("/addMsg.do",{formid:formId,doccode:docCode,msg:$("#msgs").val(),ruc:Ruc},function(d){ |
|
64 |
var obj=JSON.parse(d); |
|
65 |
if(obj.info=="error"){alert(obj.msg);return;} |
|
66 |
setTimeout("getMsg()",500); |
|
67 |
$("#msgs").val(""); |
|
68 |
$("#msgs").focus(); |
|
69 |
}); |
|
70 |
} |
|
71 |
function getMsg(){ |
|
72 |
$.post("/getMsg.do", {formid:formId,doccode:docCode},function (data){ |
|
73 |
$("#msginfo").html(setD(data)); |
|
74 |
shanShuo(); |
|
75 |
}, "json"); |
|
76 |
} |
|
77 |
function setD(data){ |
|
78 |
var temp=""; |
|
79 |
for(var i=data.length;i>0;i--){ |
|
80 |
var obj=data[i-1]; |
|
81 |
var msg="<span style=\"background-color: #e8e8ec;border-radius: 3px;outline: none;\">"+obj.createtime+"【<span style=\"font-weight:bold\">" |
|
82 |
+obj.username+"</span>】</span>:<span style=\"border-radius: 3px;outline: none;\">"+obj.msg+"</span>"; |
|
83 |
//var About='left'; |
|
84 |
//if(obj.usercode==user){ |
|
85 |
// msg=obj.msg+":<span style=\"background-color: #e8e8ec;border-radius: 3px;outline: none;\">【<span style=\"font-weight:bold\">"+obj.username+"</span>】"+obj.createtime+"</span>"; |
|
86 |
// About='right'; |
|
87 |
//} |
|
88 |
temp+="<li style='list-style-type:none;padding:5px;'>"+msg+"</li>"; |
|
89 |
} |
|
90 |
return temp; |
|
91 |
} |
|
92 |
var shan=null; |
|
93 |
function shanShuo(){ |
|
94 |
if($("#msginfo").text().length>0){ |
|
95 |
shan= setInterval("flickerMsg()", 1000); |
|
96 |
} |
|
97 |
} |
|
98 |
function flickerMsg(){ |
|
99 |
if($("#msginfo").attr("class")=="def"){ |
|
100 |
$("#msginfo").removeClass("def").addClass("red"); |
|
101 |
}else{ |
|
102 |
$("#msginfo").removeClass("red").addClass("def"); |
|
103 |
} |
|
104 |
} |
|
105 |
function clearFlicher(){ |
|
106 |
if(shan!=null){ |
|
107 |
window.clearInterval(shan); |
|
108 |
if($("#msginfo").attr("class")=="red"){ |
|
109 |
$("#msginfo").removeClass("red").addClass("def"); |
|
110 |
} |
|
111 |
} |
|
112 |
} |
|
113 |
</script> |
|
114 |
<script type="text/javascript" src="/js/select2/dist/js/select2.min.js"></script> |
|
115 |
<script type="text/javascript" src="/js/select2/dist/js/i18n/zh-CN.js"></script> |
|
116 |
<style type="text/css"> |
2cd6f5
|
117 |
.def { |
9bb7ac
|
118 |
border: 1px solid #99BBE8; |
2cd6f5
|
119 |
} |
a6a76f
|
120 |
|
2cd6f5
|
121 |
.red { |
X |
122 |
border: 1px solid red; |
|
123 |
} |
|
124 |
|
|
125 |
.usercssmessage { |
|
126 |
width: 680px; |
|
127 |
height: 30px!important; |
|
128 |
} |
|
129 |
|
|
130 |
.OnlineCommunication .select2-selection--multiple{ |
|
131 |
height: 30px; |
|
132 |
} |
|
133 |
|
|
134 |
.select2-selection__choice { |
|
135 |
font-size: 12px; |
|
136 |
} |
a6a76f
|
137 |
</style> |
2cd6f5
|
138 |
<%--<table style="margin-left:80px;">--%> |
X |
139 |
<%-- <tr>--%> |
|
140 |
<%-- <td colspan="3">在线交流:<br><textarea style="width:750px; height: 50px;overflow: auto;border-radius: 5px;outline: none;" id="msgs" onclick="clearFlicher();"></textarea></td>--%> |
|
141 |
<%-- </tr>--%> |
|
142 |
<%-- <tr>--%> |
|
143 |
<%-- <td valign="top" colspan="2"> --%> |
|
144 |
<%-- <select id="usercodemessage" class="usercssmessage"></select> --%> |
|
145 |
<%-- </td>--%> |
|
146 |
<%-- <td style="padding-left:0px;"> <a href="javascript:postMsg();" class="easyui-linkbutton" data-options="" style="width:62px">发送</a></td><%//<input type="button" value="发送" onClick="postMsg();"> %> --%> |
|
147 |
<%-- </tr>--%> |
|
148 |
<%-- <tr>--%> |
|
149 |
<%-- <td valign="top" colspan="3">--%> |
|
150 |
<%-- <div id="msginfo" class="def" onclick="clearFlicher();"--%> |
|
151 |
<%-- style="word-wrap: break-word; font-size:10pt;word-break: break-all; width: 746px; min-height:100px;overflow: auto;border-radius: 5px;outline: none;">--%> |
|
152 |
<%-- </div>--%> |
|
153 |
<%-- </td>--%> |
|
154 |
<%-- </tr> --%> |
|
155 |
<%--</table>--%> |
|
156 |
<div class="OnlineCommunication"> |
|
157 |
<table> |
|
158 |
<tr> |
4b1d3f
|
159 |
<td><div class="TDonline" style="width: 55px">在线交流</div></td> |
b6e4f8
|
160 |
<td><textarea style="width:904px; height: 50px;overflow: auto;border-radius: 5px;outline: none;" id="msgs" |
2cd6f5
|
161 |
onclick="clearFlicher();"></textarea></td> |
a6a76f
|
162 |
</tr> |
F |
163 |
<tr> |
2cd6f5
|
164 |
<td> </td> |
b6e4f8
|
165 |
<td><select id="usercodemessage" style="width: 834px;height: 30px!important;"></select> |
2cd6f5
|
166 |
<a href="javascript:postMsg();" class="easyui-linkbutton" data-options="" style="width:62px">发送</a> |
X |
167 |
</td> |
a6a76f
|
168 |
</tr> |
F |
169 |
<tr> |
2cd6f5
|
170 |
<td> </td> |
X |
171 |
<td> |
|
172 |
<div id="msginfo" class="def" onclick="clearFlicher();" |
b6e4f8
|
173 |
style="word-wrap: break-word; font-size:10pt;word-break: break-all; width: 900px; |
2cd6f5
|
174 |
min-height:100px;overflow: auto;border-radius: 5px;outline: none;"> |
X |
175 |
</div> |
|
176 |
</td> |
|
177 |
</tr> |
|
178 |
</table> |
|
179 |
</div> |