testMessage.jsp 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%@ page import="com.sooka.nsos.system.login.bean.Permissions"%>
  3. <%@ page import="com.sooka.nsos.system.module.bean.SystemBean"%>
  4. <%@ page import="com.sooka.nsos.system.module.bean.ModuleBean"%>
  5. <%
  6. List<SystemBean> systemList = new ArrayList<SystemBean>();
  7. List<ModuleBean> moduleList = new ArrayList<ModuleBean>();
  8. Permissions pemission=(Permissions)request.getSession().getAttribute("userinfo");
  9. if(pemission!=null){
  10. systemList=pemission.getSystemList();//系统菜单 //此处赢判断用户是否被赋予角色
  11. moduleList=pemission.getMenuList();//用户菜单
  12. }
  13. %>
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  18. <title>辽源市信息报送系统</title>
  19. <link href="<%=request.getContextPath()%>/css/lyyl/style.css" rel="stylesheet" type="text/css" />
  20. <link rel="stylesheet" href="<%=request.getContextPath()%>/css/dialogWin_css.css"/>
  21. <style type="text/css">
  22. #img_bag{
  23. float:left;
  24. width:75px;
  25. margin:0 auto;
  26. text-align:center;
  27. FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1e55a7,endColorStr=#437dd4); /*IE*/
  28. background: -webkit-linear-gradient(top,rgb(30,85,167),rgb(67,125,212));
  29. background: -moz-linear-gradient(top,rgb(30,85,167),rgb(67,125,212));
  30. background: -ms-linear-gradient(top,rgb(30,85,167),rgb(67,125,212));
  31. background: linear-gradient(top,rgb(30,85,167),rgb(67,125,212));
  32. border-top:1px solid #447bce;
  33. }
  34. #img_bag #img{
  35. width:75px;
  36. padding:8px 0px 0px 0px;
  37. border:0px solid #F00;
  38. overflow:hidden;
  39. margin:auto;
  40. }
  41. </style>
  42. <script type="text/javascript" language="JavaScript" src="<%=request.getContextPath()%>/js/common/jquery-1.8.3.min.js"></script>
  43. <script type="text/javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/common/aa.js"></script>
  44. <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/common/dialogWindow.js"></script>
  45. <script type="text/javascript" src="<%=request.getContextPath()%>/js/common/mainpage.js"></script>
  46. <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/common/message.js"></script>
  47. <script type="text/javascript" src="<%=request.getContextPath()%>/ext/ext-base.js"></script>
  48. <script type="text/javascript" src="<%=request.getContextPath()%>/ext/ext-all.js"></script>
  49. <script type="text/javascript" src="<%=request.getContextPath()%>/ext/ext-lang-zh_CN.js"></script>
  50. <script type="text/javascript" src="<%=request.getContextPath()%>/js/common/idealDicConfig.js"></script>
  51. <script type="text/javascript" src="<%=request.getContextPath()%>/js/common/idealDic.js"></script>
  52. <script type="text/javascript" src="<%=request.getContextPath()%>/js/common/common.js"></script>
  53. <script type="text/javascript">var prjContextPath = '<%=request.getContextPath()%>';</script>
  54. <script>
  55. // var t2 = window.setTimeout(queryMessage,1000);//使用字符串执行方法
  56. // setInterval(queryMessage,1000);
  57. // function frameSrc(){
  58. // $("#sw").attr("src", "123.jsp");
  59. // }
  60. function testJMF(){
  61. $.post(prjContextPath+"/jtbkAction!capture.action", {}, function(json){
  62. });
  63. }
  64. function sendMessage(){
  65. var ms_con=$("#send").val();
  66. if(ms_con==null||ms_con==""){
  67. alert("请输入内容!");
  68. return;
  69. }
  70. $.post(prjContextPath+"/jtbkAction!updateMessage.action", {ms_con:ms_con}, function(json){
  71. if(json.success=="1"){
  72. $("#send").val("");
  73. queryMessage();
  74. }else{
  75. alert(json.msg);
  76. return;
  77. }
  78. });
  79. }
  80. var datalength=0;
  81. function queryMessage(){
  82. var conStr="";
  83. $.post(prjContextPath+"/jtbkAction!queryMessage.action", {}, function(json){
  84. if(json!=null){
  85. // alert("datalength "+datalength);
  86. // datalength=json.data.length;
  87. // alert("json.data.length "+json.data.length);
  88. if(datalength==json.data.length){
  89. //如果相等,表示没有聊天记录更新,此时不需要更新信息
  90. }else{
  91. //定时器查询或发送后查询,如果不相等,表示有聊天记录更新,此时需要追加信息
  92. if(datalength==0){
  93. for(var i=datalength;i<json.data.length;i++){
  94. conStr+="<ul><li>"+json.data[i].name+"&nbsp;&nbsp;&nbsp;&nbsp;"+json.data[i].ms_time+"</li><li>"+json.data[i].ms_con+"</li></ul>";
  95. }
  96. }else{
  97. for(var i=0;i<json.data.length-datalength;i++){
  98. conStr+="<ul><li>"+json.data[i].name+"&nbsp;&nbsp;&nbsp;&nbsp;"+json.data[i].ms_time+"</li><li>"+json.data[i].ms_con+"</li></ul>";
  99. }
  100. }
  101. //循环
  102. $("#conText").append(conStr);
  103. datalength=json.data.length;
  104. //利用scrollTop模拟鼠标动作使之达到数据滚动效果
  105. var div = document.getElementById('conText');
  106. div.scrollTop = div.scrollHeight;
  107. }
  108. }
  109. });
  110. // $("#conText").show();
  111. }
  112. </script>
  113. </head>
  114. <body >
  115. <div>
  116. <table>
  117. <tr>
  118. <td >
  119. <div id="conText" style="width:600px;height:200px;border:1px solid #F00;overflow-y:scroll">
  120. <!-- <iframe name="sw" id="sw" src="123.jsp" style="width:600px;height:200px;border:1px solid #F00;overflow-y:scroll"></iframe> -->
  121. </div>
  122. </td>
  123. <td>
  124. <textarea style="width:200px;height:200px;" id="sw"></textarea>
  125. </td>
  126. </tr>
  127. <tr>
  128. <td>
  129. <textarea style="width:600px;height:200px;" id="send"></textarea>
  130. </td>
  131. </tr>
  132. <tr>
  133. <td>
  134. <input type="button" id="submit" value="发送" onclick="sendMessage()" style="width:100px;height:20px;"/>
  135. <input type="button" id="submit1" value="点击调用探头" onclick="testJMF()" style="width:100px;height:20px;"/>
  136. </td>
  137. </tr>
  138. </table>
  139. </div>
  140. </body>
  141. </html>