msgListChat.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>收文管理</title>
  7. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  8. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  9. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  11. <link href="./css/chat.css" rel="stylesheet" />
  12. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  13. <style>
  14. </style>
  15. </head>
  16. <body>
  17. <div ng-controller="listCtrl as ctl" ng-cloak>
  18. <div class="loading" ng-if="ctl.loading">
  19. <div class="loading-msg">
  20. <h3>数据加载中,请等待</h3>
  21. <div class="spinner">
  22. <div class="bounce1"></div>
  23. <div class="bounce2"></div>
  24. <div class="bounce3"></div>
  25. </div>
  26. </div>
  27. </div>
  28. <div class="wrapper wrapper-content">
  29. <div class="row">
  30. <div class="col-md-12">
  31. <div class="ibox float-e-margins">
  32. <div class="ibox-content">
  33. <div class="row">
  34. <div class="col-md-12">
  35. <div class="sp-page-tab">
  36. <span ng-class="{'pageTabActive':ctl.type=='1'}" style="font-weight: 900; " ng-click="ctl.changeType('1')">全部消息</span>
  37. <span ng-class="{'pageTabActive':ctl.type=='2'}" style="font-weight: 900; " ng-click="ctl.changeType('2')">未读消息</span>
  38. <!--<div class="sp-pull-right">
  39. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.refresh()">
  40. <i class="fa fa-refresh sp-mr-5"></i>刷 新
  41. </a>
  42. </div>-->
  43. </div>
  44. <div class="sp-page">
  45. <div class="chat-box">
  46. <div class="contacts col-md-4">
  47. <div class="contact contactsSystem" ng-click="ctl.loadChatSystem('系统消息')">
  48. <img src="./img/star.png" width="50" height="50">
  49. <span>系统消息</span>
  50. <span class="news">{{ctl.noRead}}</span>
  51. </div>
  52. <div ng-repeat="item in ctl.list" repeat-finish>
  53. <div class="contact" ng-click="ctl.loadChat(item[0].SENDER, item[0])">
  54. <img src="../../AFrontEnd/css/icons/photo/02.jpg" width="50" height="50">
  55. <span ng-if="ctl.isOnline(item) === true"><span style="font-weight: 800">{{item[0].SENDER}}</span><span style="color: green">(在线)</span></span>
  56. <span ng-if="ctl.isOnline(item) === false">{{item[0].SENDER}}<span style="color: grey" >(离线)</span></span>
  57. <span ng-if="item[0].FLOWNAME" class="news">{{item.length}}</span>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="col-md-20" style="width: 100%; padding: 0 0 0 20px;">
  62. <!--当前聊天人-->
  63. <div class="chat" style="overflow: hidden; margin: 20px 0;" id="chatSectionContent"></div>
  64. <div id="chatContent" style="overflow: auto;height: 55vh;background: #fbfbfb;">
  65. <!--当前信息-->
  66. <div ng-repeat="item in ctl.ItemList" repeat-finish>
  67. <div ng-if="item.ID">
  68. <!--<div class="contact-item-left" style="justify-content: flex-start;">-->
  69. <div ng-if="item.FLOWNAME" class="contact-item-left" style="justify-content: flex-start;">
  70. <img src="../../AFrontEnd/css/icons/photo/02.jpg" width="50" height="50">
  71. <div class="contact-item-left-content">
  72. <div style="padding: 0 10px">{{item.CREATEDATE}}</div>
  73. <div class="text" ng-click="ctl.selectContent(item)">已发送{{item.FLOWNAME}}{{item.CONTENTS}},请在工作台中查看</div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <!--发送的内容-->
  79. <div class="chat" id="chatSection">
  80. <!-- 点击左侧联系人后,聊天记录会显示在这里 -->
  81. </div>
  82. </div>
  83. <div ng-show="ctl.contact !== '系统消息'">
  84. <div>
  85. <!--<span ng-if="ctl.selectTxt">当前选择:{{ctl.selectTxt.FLOWNAME}}{{ctl.selectTxt.CONTENTS}}&nbsp;&nbsp;</span>-->
  86. <br/>
  87. 请在此输入留言:
  88. </div>
  89. <textarea id="messageInput" placeholder="请输入内容" style="resize: none" ></textarea>
  90. <div style="width:100%; text-align: right">
  91. <button id="chartBtn" ng-click="ctl.creatRoom()" ng-if="ctl.isOnline(ctl.ItemList) === true">视&nbsp;&nbsp;频</button>
  92. <button id="sendBtn" ng-click="ctl.sendMessage()">发&nbsp;&nbsp;送</button>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  107. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  108. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  109. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  110. <script src="../../apiurljs.js"></script>
  111. <script src="../../js/sm4.js"></script>
  112. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  113. <script>document.write('<scri' + 'pt src="js/msgListChat.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  114. <script src="../../AFrontEnd/js/special/spng.js"></script>
  115. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  116. </body>
  117. </html>