scxx.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  6. <title></title>
  7. <style type="text/css">
  8. .glyphicon-warning-sign {
  9. color: #d9534f;
  10. position: absolute;
  11. right: 15px;
  12. margin-top: 10px;
  13. }
  14. .panel-info{
  15. position: relative;
  16. overflow: hidden;
  17. height: 98%;
  18. }
  19. /* 滚动条样式 */
  20. .iScrollVerticalScrollbar {
  21. position: absolute;
  22. z-index: 9999;
  23. width: 3px;
  24. bottom: 2px;
  25. top: 2px;
  26. right: 2px;
  27. overflow: hidden;
  28. }
  29. .iScrollVerticalScrollbar.iScrollBothScrollbars {
  30. bottom: 18px;
  31. }
  32. .iScrollIndicator {
  33. position: absolute;
  34. right: 0;
  35. background: rgba(0, 0, 0);
  36. border: 2px solid rgba(0, 0, 0, 0.5);
  37. border-radius: 8px;
  38. }
  39. </style>
  40. <script type="text/javascript">
  41. $(function(){
  42. myScroll(".iscroll2");
  43. var scxxCount = '${SctsCount}';
  44. if (scxxCount > 0) {
  45. $("#ScxxCount").val("1");
  46. $("#scxx").show();
  47. } else {
  48. $("#ScxxCount").val("0");
  49. $("#scxx").hide();
  50. }
  51. loadSyMcgk();
  52. /* 生产管理滚动高度 */
  53. var infoHeight = $(".panel-info").height();
  54. var headingHeight = $(".panel-heading").outerHeight();
  55. $(".iscroll2").css("height",infoHeight - headingHeight);
  56. });
  57. function myScroll(iscrollclass){
  58. var iscroll2 = new IScroll(iscrollclass,{
  59. scrollbars: true,
  60. fadeScrollbars:true,
  61. scrollbars: 'custom',
  62. shrinkScrollbars:'clip',
  63. click:true,
  64. tap:true
  65. });
  66. iscroll2.on('beforeScrollStart', function(e){
  67. if (e && e.stopPropagation) {
  68. e.stopPropagation();
  69. } else {
  70. window.event.cancelBubble = true;
  71. }
  72. });
  73. setTimeout(function () {
  74. iscroll2.refresh();
  75. }, 100);
  76. }
  77. function viewXxtsxx(id, from) {
  78. haifm.loadMobilePage("haifm", "viewGtxxtsxx.htm?xxid=" + id + "&from=" + from);
  79. //window.location.href = "viewGtxxtsxx.htm?xxid=" + id + "&from=" + from;
  80. }
  81. function viewXxlist(from) {
  82. haifm.loadMobilePage("haifm", "viewXxlist.htm?from=" + from +"&mcid=" + $("#mcid").val());
  83. }
  84. </script>
  85. </head>
  86. <body>
  87. <div class="panel panel-info">
  88. <div class="panel-heading">
  89. <span class="glyphicon glyphicon-chevron-right" onclick="javascript:viewXxlist('scxx')"></span><span class="badge pull-right badge-warning" style="background-color:#d9534f;">$!wdDount</span>生产管理
  90. </div>
  91. <div class="panel-body iscroll2" style="overflow: hidden;position: absolute;width: 100%;">
  92. <div>
  93. <ul class="list-group" style="margin-bottom: 0;">
  94. #if ($xxtsList.size() != 0)
  95. #foreach($!obj in $!xxtsList)
  96. <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;">
  97. $!obj.bt #if("$!obj.bjjb" == "3")<span class="glyphicon glyphicon-warning-sign"></span>#end
  98. </li>
  99. #end
  100. #end
  101. </ul>
  102. </div>
  103. </div>
  104. </div>
  105. </body>
  106. </html>