syMcgk.htm 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <style type="text/css">
  4. .panel-info{
  5. position: relative;
  6. overflow: hidden;
  7. height: 98%;
  8. }
  9. /* 滚动条样式 */
  10. .iScrollVerticalScrollbar {
  11. position: absolute;
  12. z-index: 9999;
  13. width: 3px;
  14. bottom: 2px;
  15. top: 2px;
  16. right: 2px;
  17. overflow: hidden;
  18. }
  19. .iScrollVerticalScrollbar.iScrollBothScrollbars {
  20. bottom: 18px;
  21. }
  22. .iScrollIndicator {
  23. position: absolute;
  24. right: 0;
  25. background: rgba(0, 0, 0);
  26. border: 2px solid rgba(0, 0, 0, 0.5);
  27. border-radius: 8px;
  28. }
  29. </style>
  30. <script>
  31. $(function(){
  32. myScroll(".iscrollMcgk");
  33. var yj = $("#YjtsCount").val();
  34. var sc = $("#ScxxCount").val();
  35. if ((parseInt(yj)+parseInt(sc)) < 2) {
  36. $("#mcgk").show();
  37. } else {
  38. $("#mcgk").hide();
  39. }
  40. var infoHeight = $(".panel-info").height();
  41. var headingHeight = $(".panel-heading").outerHeight();
  42. /* 牧场概况滚动高度 */
  43. $(".iscrollMcgk").css("height",infoHeight - headingHeight);
  44. });
  45. function myScroll(iscrollclass){
  46. var iscroll1 = new IScroll(iscrollclass,{
  47. scrollbars: true,
  48. fadeScrollbars:true,
  49. scrollbars: 'custom',
  50. shrinkScrollbars:'clip',
  51. click:true,
  52. tap:true
  53. });
  54. iscroll1.on('beforeScrollStart', function(e){
  55. if (e && e.stopPropagation) {
  56. e.stopPropagation();
  57. } else {
  58. window.event.cancelBubble = true;
  59. }
  60. });
  61. setTimeout(function () {
  62. iscroll1.refresh();
  63. }, 100);
  64. }
  65. function viewXxlist(from) {
  66. haifm.loadMobilePage("haifm", "viewXxlist.htm?from=" + from + "&mcid=" + $("#mcid").val());
  67. }
  68. </script>
  69. <body>
  70. <div class="panel panel-info" >
  71. <div class="panel-heading"><span class="glyphicon glyphicon-chevron-right" style="display:none;"></span>牧场概况</div>
  72. <div class="panel-body iscrollMcgk" style="overflow: hidden;position: absolute;width:100%;">
  73. <div>
  74. <ul class="list-group" style="margin-bottom: 0;" >
  75. #foreach ($!obj in $!xxtsList)
  76. <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;">
  77. $!obj.bt #if("$!obj.bjjb" == "3")<span class="glyphicon glyphicon-warning-sign"></span>
  78. #end
  79. </li>
  80. #end
  81. </ul>
  82. </div>
  83. </div>
  84. </div>
  85. </body>
  86. </html>