xinyb
2024-09-13 3118f76b8168019c91106d4d38d2ce1a2a74c494
提交 | 用户 | 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;">&nbsp;<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>&nbsp;</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>&nbsp;</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>