syYjts.htm 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>慧牧科技</title>
  5. <style type="text/css">
  6. .glyphicon-warning-sign {
  7. color: #d9534f;
  8. position: absolute;
  9. right: 15px;
  10. margin-top: 10px;
  11. }
  12. .yqzc {
  13. position: relative;
  14. height: 100%;
  15. font-size: 18px;
  16. }
  17. .yqzc >p{
  18. position: absolute;
  19. top: 50%;
  20. left: 50%;
  21. transform: translate(-50%,-50%);
  22. }
  23. .panel-info{
  24. position: relative;
  25. overflow: hidden;
  26. height: 98%;
  27. }
  28. /* 滚动条样式 */
  29. .iScrollVerticalScrollbar {
  30. position: absolute;
  31. z-index: 9999;
  32. width: 3px;
  33. bottom: 2px;
  34. top: 2px;
  35. right: 2px;
  36. overflow: hidden;
  37. }
  38. .iScrollVerticalScrollbar.iScrollBothScrollbars {
  39. bottom: 18px;
  40. }
  41. .iScrollIndicator {
  42. position: absolute;
  43. right: 0;
  44. background: rgba(0, 0, 0);
  45. border: 2px solid rgba(0, 0, 0, 0.5);
  46. border-radius: 8px;
  47. }
  48. </style>
  49. <script type="text/javascript">
  50. $(function(){
  51. myScroll(".iscroll1");
  52. var infoHeight = $(".panel-info").height();
  53. var headingHeight = $(".panel-heading").outerHeight();
  54. /* 预警提示滚动高度 */
  55. $(".iscroll1").css("height",infoHeight - headingHeight);
  56. var yjcount ='${Yjtscount}';
  57. if(document.readyState == "complete") {
  58. if (true) {
  59. $("#YjtsCount").val("1");
  60. $("#yjts").show();
  61. } else {
  62. $("#YjtsCount").val("0");
  63. $("#yjts").hide();
  64. }
  65. loadSyScxx();
  66. }
  67. });
  68. function myScroll(iscrollclass){
  69. var iscroll1 = new IScroll(iscrollclass,{
  70. scrollbars: true,
  71. fadeScrollbars:true,
  72. scrollbars: 'custom',
  73. shrinkScrollbars:'clip',
  74. click:true,
  75. tap:true
  76. });
  77. iscroll1.on('beforeScrollStart', function(e){
  78. if (e && e.stopPropagation) {
  79. e.stopPropagation();
  80. } else {
  81. window.event.cancelBubble = true;
  82. }
  83. });
  84. setTimeout(function () {
  85. iscroll1.refresh();
  86. }, 100);
  87. }
  88. function viewXxtsxx(id, from) {
  89. haifm.loadMobilePage("haifm", "viewGtxxtsxx.htm?xxid=" + id + "&from=" + from );
  90. //window.location.href = "viewGtxxtsxx.htm?xxid=" + id + "&from=" + from;
  91. }
  92. function viewXxlist(from) {
  93. alert($("#mcid").val())
  94. haifm.loadMobilePage("haifm", "viewXxlist.htm?from=" + from + "&mcid=" + $("#mcid").val());
  95. }
  96. </script>
  97. </head>
  98. <body>
  99. <input type="hidden" id="YjtsType" value="">
  100. <div class="panel panel-info">
  101. <div class="panel-heading" onclick="javascript:viewXxlist('sbxx')">
  102. <span class="glyphicon glyphicon-chevron-right"></span>#if("$!count" != "0")<span class="badge pull-right badge-warning" style="background-color:#d9534f;">$!count</span>#end预警提示
  103. </div>
  104. <div class="panel-body iscroll1" style="overflow: hidden;position: absolute;width: 100%;">
  105. <div>
  106. <ul class="list-group" style="margin-bottom: 0;">
  107. #if ($xxtsList.size() != 0)
  108. #foreach ($!obj in $!xxtsList)
  109. <li class="list-group-item" onclick="javascript:viewXxtsxx('$!obj.id','sy')" style="position: relative;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:0;">
  110. $!obj.bt #if("$!obj.bjjb" == "3")
  111. <span class="glyphicon glyphicon-warning-sign">
  112. </span>
  113. #end
  114. </li>
  115. #end
  116. #end
  117. </ul>
  118. </div>
  119. </div>
  120. </div>
  121. </body>
  122. </html>