1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <!DOCTYPE html>
- <html lang="en">
- <style type="text/css">
- .panel-info{
- position: relative;
- overflow: hidden;
- height: 98%;
- }
- /* 滚动条样式 */
- .iScrollVerticalScrollbar {
- position: absolute;
- z-index: 9999;
- width: 3px;
- bottom: 2px;
- top: 2px;
- right: 2px;
- overflow: hidden;
- }
- .iScrollVerticalScrollbar.iScrollBothScrollbars {
- bottom: 18px;
- }
- .iScrollIndicator {
- position: absolute;
- right: 0;
- background: rgba(0, 0, 0);
- border: 2px solid rgba(0, 0, 0, 0.5);
- border-radius: 8px;
- }
- </style>
- <script>
- $(function(){
- myScroll(".iscrollMcgk");
- var yj = $("#YjtsCount").val();
- var sc = $("#ScxxCount").val();
- if ((parseInt(yj)+parseInt(sc)) < 2) {
- $("#mcgk").show();
- } else {
- $("#mcgk").hide();
- }
- var infoHeight = $(".panel-info").height();
- var headingHeight = $(".panel-heading").outerHeight();
- /* 牧场概况滚动高度 */
- $(".iscrollMcgk").css("height",infoHeight - headingHeight);
- });
- function myScroll(iscrollclass){
- var iscroll1 = new IScroll(iscrollclass,{
- scrollbars: true,
- fadeScrollbars:true,
- scrollbars: 'custom',
- shrinkScrollbars:'clip',
- click:true,
- tap:true
- });
- iscroll1.on('beforeScrollStart', function(e){
- if (e && e.stopPropagation) {
- e.stopPropagation();
- } else {
- window.event.cancelBubble = true;
- }
- });
- setTimeout(function () {
- iscroll1.refresh();
- }, 100);
- }
- function viewXxlist(from) {
- haifm.loadMobilePage("haifm", "viewXxlist.htm?from=" + from + "&mcid=" + $("#mcid").val());
- }
- </script>
- <body>
- <div class="panel panel-info" >
- <div class="panel-heading"><span class="glyphicon glyphicon-chevron-right" style="display:none;"></span>牧场概况</div>
- <div class="panel-body iscrollMcgk" style="overflow: hidden;position: absolute;width:100%;">
- <div>
- <ul class="list-group" style="margin-bottom: 0;" >
- #foreach ($!obj in $!xxtsList)
- <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;">
- $!obj.bt #if("$!obj.bjjb" == "3")<span class="glyphicon glyphicon-warning-sign"></span>
- #end
- </li>
- #end
- </ul>
- </div>
- </div>
- </div>
- </body>
- </html>
|