123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>慧牧科技</title>
- <style type="text/css">
- .glyphicon-warning-sign {
- color: #d9534f;
- position: absolute;
- right: 15px;
- margin-top: 10px;
- }
- .yqzc {
- position: relative;
- height: 100%;
- font-size: 18px;
- }
- .yqzc >p{
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- }
- .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 type="text/javascript">
- $(function(){
- myScroll(".iscroll1");
- var infoHeight = $(".panel-info").height();
- var headingHeight = $(".panel-heading").outerHeight();
- /* 预警提示滚动高度 */
- $(".iscroll1").css("height",infoHeight - headingHeight);
- var yjcount ='${Yjtscount}';
- if(document.readyState == "complete") {
- if (true) {
- $("#YjtsCount").val("1");
- $("#yjts").show();
- } else {
- $("#YjtsCount").val("0");
- $("#yjts").hide();
- }
- loadSyScxx();
- }
- });
- 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 viewXxtsxx(id, from) {
- haifm.loadMobilePage("haifm", "viewGtxxtsxx.htm?xxid=" + id + "&from=" + from );
- //window.location.href = "viewGtxxtsxx.htm?xxid=" + id + "&from=" + from;
- }
- function viewXxlist(from) {
- alert($("#mcid").val())
- haifm.loadMobilePage("haifm", "viewXxlist.htm?from=" + from + "&mcid=" + $("#mcid").val());
- }
- </script>
- </head>
- <body>
- <input type="hidden" id="YjtsType" value="">
- <div class="panel panel-info">
- <div class="panel-heading" onclick="javascript:viewXxlist('sbxx')">
- <span class="glyphicon glyphicon-chevron-right"></span>#if("$!count" != "0")<span class="badge pull-right badge-warning" style="background-color:#d9534f;">$!count</span>#end预警提示
- </div>
- <div class="panel-body iscroll1" style="overflow: hidden;position: absolute;width: 100%;">
- <div>
- <ul class="list-group" style="margin-bottom: 0;">
- #if ($xxtsList.size() != 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
- #end
- </ul>
- </div>
- </div>
- </div>
- </body>
- </html>
|