list.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  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"
  6. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <title>在线用户</title>
  8. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  9. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  11. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  12. <script>
  13. document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");
  14. </script>
  15. <script>
  16. document.write("<link href='../flowchart_app_imgcss/css/formedit.css?time=" + new Date().getTime() +
  17. "' rel='stylesheet'>");
  18. </script>
  19. <script>
  20. document.write("<link href='../flowchart_app_imgcss/css/formeditZW.css?time=" + new Date().getTime() +
  21. "' rel='stylesheet'>");
  22. </script>
  23. <script>
  24. document.write("<link href='../flowchart_app_imgcss/css/canvasQianzi.css?time=" + new Date().getTime() +
  25. "' rel='stylesheet'>");
  26. </script>
  27. <script>
  28. document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");
  29. </script>
  30. <style>
  31. .upload {
  32. float: left;
  33. overflow: hidden;
  34. position: relative;
  35. }
  36. .deng {
  37. width: 20px;
  38. height: 20px;
  39. display:inline-block;
  40. border-radius:10px;
  41. }
  42. </style>
  43. </head>
  44. <body ng-controller="zxrstjCtrl as ctl" ng-cloak>
  45. <div>
  46. <div class="loading" ng-if="ctl.loading">
  47. <div class="loading-msg">
  48. <h3>数据加载中,请等待</h3>
  49. <div class="spinner">
  50. <div class="bounce1"></div>
  51. <div class="bounce2"></div>
  52. <div class="bounce3"></div>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="sp-page-mgn">
  57. <div class="sp-page-pad">
  58. <div class="sp-page" style="padding: 10px 30px;">
  59. <div class="sp-page-col sp-pull-left">
  60. <span class="sp-page-title">在线人数</span>
  61. </div>
  62. <div class="sp-page-col sp-pull-right">
  63. <span>{{ctl.onlineUsers}}人</span>
  64. </div>
  65. </div>
  66. <div class="sp-line-gray"></div>
  67. <div class="sp-page">
  68. <!--<div class="col-md-2">
  69. <div style="width: 100%;" class="menu-list" tree-view tree-data="ctl.treeData"
  70. text-field="CNAME" get-list="ctl.getList($item)">
  71. </div>
  72. </div>-->
  73. <div class="col-md-12">
  74. <div class="sp-page-mgn">
  75. <table class="sp-table">
  76. <thead>
  77. <tr>
  78. <th style="width:60px;">序号</th>
  79. <th>登录用户</th>
  80. <th>所属部门</th>
  81. <th>最近活跃时间</th>
  82. <th>状态</th>
  83. </tr>
  84. </thead>
  85. <tbody>
  86. <tr ng-repeat="item in ctl.list">
  87. <td ng-bind="$index+1"></td>
  88. <td>
  89. <div class="sp-color-blue" ng-bind="item.USHOWNAME" ng-if="ctl.userId==item.USERID"></div>
  90. <div class="sp-color-blue pointer" ng-bind="item.USHOWNAME" ng-if="ctl.userId!=item.USERID" ng-click="ctl.creatRoom(item)"></div>
  91. </td>
  92. <td ng-bind="item.SECTNAME"></td>
  93. <td ng-bind="item.ACCESSTIME"></td>
  94. <td>
  95. <span class="deng" style="background-color:gray" ng-if="item.LOGINSTATE=='0'"></span>
  96. <span class="deng" style="background-color: #0BB745" ng-if="item.LOGINSTATE=='1'"></span>
  97. </td>
  98. </tr>
  99. </tbody>
  100. </table>
  101. <div class="sp-table-tip ng-hide" ng-show="ctl.noDataTip == 0">
  102. <i class="fa fa-exclamation-circle"></i> 您好,暂无数据!
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <script type="text/ng-template" id="/treeView.html">
  111. <ul>
  112. <li ng-repeat="item in treeData" ng-include="'/treeItem.html'"></li>
  113. </ul>
  114. </script>
  115. <script type="text/ng-template" id="/treeItem.html">
  116. <p ng-class="{'pActive':item.checked}">
  117. <i ng-click="itemExpended(item, $event);" class="{{getItemIcon(item)}}"></i>
  118. <span style="display: inline-block;height: 18px;line-height: 18px;" ng-click="warpCallback('getList', item, $event);">
  119. {{item[textField]}}
  120. </span>
  121. <span class="edit-menu sp-color-gray">
  122. <i ng-if="item.LEVELS!=3"
  123. ng-click="warpCallback('getList', item, $event);" title="新增分类" class="fa fa-plus"></i>
  124. </span>
  125. </p>
  126. <ul ng-if="!isEnd(item)" ng-show="!item.$$isExpend">
  127. <li ng-repeat="item in item.C_H_I_L_D_DATA" ng-include="'/treeItem.html'"></li>
  128. </ul>
  129. </script>
  130. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  131. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  132. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  133. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  134. <script src="../../apiurljs.js"></script>
  135. <script src="../../js/sm4.js"></script>
  136. <script>
  137. document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() +
  138. '" type="text/javascript"></s' + 'cript>')
  139. </script>
  140. <script>
  141. document.write('<scri' + 'pt src="js/list.js?time=' + new Date().getTime() + '" type="text/javascript"></s' +
  142. 'cript>')
  143. </script>
  144. <script src="../../AFrontEnd/js/special/spng.js"></script>
  145. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  146. </body>
  147. </html>