ops / monitor-ui · Commits

Go to a project

Authored by jack.xue
Commit 95518c83898449c7ad498d2b1341e69e18e3d27a 2 parents ef36e478 071d8f4f

Merge branch 'master' of http://git.yoho.cn/ops/monitor-ui

Inline Side-by-side
Showing 5 changed files with 345 additions and 39 deletions
1 -monitor.service.url=http://127.0.0.1:8080/monitor  
  1 +monitor.service.url=http://127.0.0.1:8880/monitor
  1 +/*!
  2 + * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
  3 + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  4 + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}
@@ -87,7 +87,7 @@ @@ -87,7 +87,7 @@
87 <!-- 左侧菜单项 --> 87 <!-- 左侧菜单项 -->
88 <div id="sidebar"> 88 <div id="sidebar">
89 <ul> 89 <ul>
90 - <li class=""><a href="#"><i class="icon icon-home"></i> <span>Dashboard</span></a></li> 90 + <li class="" id="dashBoard"><a href="?page_type=dashBoard"><i class="icon icon-home"></i> <span>Dashboard</span></a></li>
91 <li class="" id="mobjectInfo"><a href="?page_type=mobjectInfo"><i class="icon icon-th"></i><span>监控对象</span></a> 91 <li class="" id="mobjectInfo"><a href="?page_type=mobjectInfo"><i class="icon icon-th"></i><span>监控对象</span></a>
92 </li> 92 </li>
93 <li class="" id="hostGroupList"><a href="?page_type=hostGroupList"><i class="icon icon-th"></i><span>标签管理</span></a> 93 <li class="" id="hostGroupList"><a href="?page_type=hostGroupList"><i class="icon icon-th"></i><span>标签管理</span></a>
@@ -98,6 +98,8 @@ @@ -98,6 +98,8 @@
98 </li> 98 </li>
99 <li class="" id="zkInfo"><a href="?page_type=zkInfo"><i class="icon icon-th"></i><span>ZK监控</span></a> 99 <li class="" id="zkInfo"><a href="?page_type=zkInfo"><i class="icon icon-th"></i><span>ZK监控</span></a>
100 </li> 100 </li>
  101 + <!-- <li class="" id="zkMonitor"><a href="?page_type=zkMonitor"><i class="icon icon-th"></i><span>ZK配置管理</span></a>
  102 + </li> -->
101 <li class="" id="rabbitview"><a href="?page_type=rabbitview"><i class="icon icon-th"></i><span>Rabbitmq监控</span></a> 103 <li class="" id="rabbitview"><a href="?page_type=rabbitview"><i class="icon icon-th"></i><span>Rabbitmq监控</span></a>
102 </li> 104 </li>
103 <li class="" id="redisInfo"><a href="?page_type=redisInfo"><i class="icon icon-th"></i><span>Redis监控</span></a> 105 <li class="" id="redisInfo"><a href="?page_type=redisInfo"><i class="icon icon-th"></i><span>Redis监控</span></a>
@@ -153,6 +155,8 @@ @@ -153,6 +155,8 @@
153 "nginxview": '/jsp/mobject/nginxview.jsp', 155 "nginxview": '/jsp/mobject/nginxview.jsp',
154 "projectRelease": '/jsp/project/projectRelease.jsp', 156 "projectRelease": '/jsp/project/projectRelease.jsp',
155 "rabbitInfo": '/jsp/mobject/rabbitmq.jsp', 157 "rabbitInfo": '/jsp/mobject/rabbitmq.jsp',
  158 + "zkMonitor":'/jsp/zkMonitor/zkMonitorList.jsp',
  159 + "dashBoard":'/jsp/dashBoard/dashBoard.jsp'
156 }; 160 };
157 var page_type = "<%=page_type %>"; 161 var page_type = "<%=page_type %>";
158 var page_url = "<%=page_url %>"; 162 var page_url = "<%=page_url %>";
  1 +<%@page language="java" contentType="text/html;charset=utf-8"%>
  2 +<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  3 +<%
  4 + String path = request.getContextPath();
  5 + String basePath = request.getScheme() + "://"
  6 + + request.getServerName() + ":" + request.getServerPort()
  7 + + path + "/";
  8 +%>
  9 +
  10 +<link rel="stylesheet" href="<%=basePath%>css/font-awesome.min.css">
  11 +
  12 +<div id="breadcrumb">
  13 + <a href="#" title="Go to Home" class="tip-bottom"><i
  14 + class="icon-home"></i> Home</a> <a href="#" class="current">常用链接</a>
  15 +</div>
  16 +<!-- 内容 -->
  17 +<div class="container-fluid">
  18 + <div class="widget-box">
  19 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  20 + <div class="panel panel-primary">
  21 + <div class="panel-heading">
  22 + <div class="row">
  23 + <div class="col-xs-3" style="margin-left: 25px;">
  24 + <i class="fa fa-globe fa-5x"></i>
  25 + </div>
  26 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  27 + <div>rabbitmq dashboard</div>
  28 + </div>
  29 + </div>
  30 + </div>
  31 + <a href="http://rabbit-aws.yohops.com/" target="_blank">
  32 + <div class="panel-footer">
  33 + <span class="pull-left">aws交易</span> <span class="pull-right"><i
  34 + class="fa fa-arrow-circle-right"></i></span>
  35 + <div class="clearfix"></div>
  36 + </div>
  37 + </a> <a href="http://rabbit-aws-common.yohops.com/" target="_blank">
  38 + <div class="panel-footer">
  39 + <span class="pull-left">aws通用</span> <span class="pull-right"><i
  40 + class="fa fa-arrow-circle-right"></i></span>
  41 + <div class="clearfix"></div>
  42 + </div>
  43 + </a> <a href="http://rabbit-qq.yohops.com/" target="_blank">
  44 + <div class="panel-footer">
  45 + <span class="pull-left">qq交易</span> <span class="pull-right"><i
  46 + class="fa fa-arrow-circle-right"></i></span>
  47 + <div class="clearfix"></div>
  48 + </div>
  49 + </a> <a href="http://rabbit-qq-common.yohops.com/" target="_blank">
  50 + <div class="panel-footer">
  51 + <span class="pull-left">qq通用</span> <span class="pull-right"><i
  52 + class="fa fa-arrow-circle-right"></i></span>
  53 + <div class="clearfix"></div>
  54 + </div>
  55 + </a>
  56 + </div>
  57 + </div>
  58 +
  59 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  60 + <div class="panel panel-primary">
  61 + <div class="panel-heading">
  62 + <div class="row">
  63 + <div class="col-xs-3" style="margin-left: 25px;">
  64 + <i class="fa fa-tasks fa-5x"></i>
  65 + </div>
  66 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  67 + <div>微服务监控</div>
  68 + </div>
  69 + </div>
  70 + </div>
  71 + <a href="http://aws-monitor.yohops.com/" target="_blank">
  72 + <div class="panel-footer">
  73 + <span class="pull-left">aws</span> <span class="pull-right"><i
  74 + class="fa fa-arrow-circle-right"></i></span>
  75 + <div class="clearfix"></div>
  76 + </div>
  77 + </a> <a href="http://aws-monitor.yohops.com/" target="_blank">
  78 + <div class="panel-footer">
  79 + <span class="pull-left">Qcloud</span> <span class="pull-right"><i
  80 + class="fa fa-arrow-circle-right"></i></span>
  81 + <div class="clearfix"></div>
  82 + </div>
  83 + </a>
  84 + </div>
  85 + </div>
  86 +
  87 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  88 + <div class="panel panel-primary">
  89 + <div class="panel-heading">
  90 + <div class="row">
  91 + <div class="col-xs-3" style="margin-left: 25px;">
  92 + <i class="fa fa-support fa-5x"></i>
  93 + </div>
  94 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  95 + <div>grafana dashboard</div>
  96 + </div>
  97 + </div>
  98 + </div>
  99 + <a href="http://g.yohops.com" target="_blank">
  100 + <div class="panel-footer">
  101 + <span class="pull-left">grafana dashboard</span> <span
  102 + class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
  103 + <div class="clearfix"></div>
  104 + </div>
  105 + </a>
  106 + </div>
  107 + </div>
  108 +
  109 + <div class="widget-box">
  110 +
  111 +
  112 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  113 + <div class="panel panel-primary">
  114 + <div class="panel-heading">
  115 + <div class="row">
  116 + <div class="col-xs-3" style="margin-left: 25px;">
  117 + <i class="fa fa-filter fa-5x"></i>
  118 + </div>
  119 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  120 + <div>zookeeper dashboard</div>
  121 + </div>
  122 + </div>
  123 + </div>
  124 + <a href="http://zk.yohops.com" target="_blank">
  125 + <div class="panel-footer">
  126 + <span class="pull-left">zookeeper dashboard</span> <span
  127 + class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
  128 + <div class="clearfix"></div>
  129 + </div>
  130 + </a>
  131 + </div>
  132 + </div>
  133 +
  134 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  135 + <div class="panel panel-primary">
  136 + <div class="panel-heading">
  137 + <div class="row">
  138 + <div class="col-xs-3" style="margin-left: 25px;">
  139 + <i class="fa fa-briefcase fa-5x"></i>
  140 + </div>
  141 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  142 + <div>开发运维信息查询</div>
  143 + </div>
  144 + </div>
  145 + </div>
  146 + <a href="http://dev.yohops.com" target="_blank">
  147 + <div class="panel-footer">
  148 + <span class="pull-left">开发运维信息查询</span> <span class="pull-right"><i
  149 + class="fa fa-arrow-circle-right"></i></span>
  150 + <div class="clearfix"></div>
  151 + </div>
  152 + </a>
  153 + </div>
  154 + </div>
  155 +
  156 + <div class="col-lg-3 col-md-6" style="margin-top: 45px; width: 33.3%;">
  157 + <div class="panel panel-primary">
  158 + <div class="panel-heading">
  159 + <div class="row">
  160 + <div class="col-xs-3" style="margin-left: 25px;">
  161 + <i class="fa fa-arrows-alt fa-5x"></i>
  162 + </div>
  163 + <div class="col-xs-9 text-right" style="width: 250px;margin-left: 25px;">
  164 + <div>kibana</div>
  165 + </div>
  166 + </div>
  167 + </div>
  168 + <a href="http://kibana.yoho.cn/" target="_blank">
  169 + <div class="panel-footer">
  170 + <span class="pull-left">kibana</span> <span class="pull-right"><i
  171 + class="fa fa-arrow-circle-right"></i></span>
  172 + <div class="clearfix"></div>
  173 + </div>
  174 + </a>
  175 + </div>
  176 + </div>
  177 + </div>
  178 +</div>
  179 +
@@ -32,9 +32,9 @@ @@ -32,9 +32,9 @@
32 32
33 33
34 34
35 -<div class="modal fade" style="margin-top: 60px;" id="myRedisProxyDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 35 +<div class="modal fade" style="margin-top: 60px;" id="myRedisProxyDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
36 <div class="modal-dialog"> 36 <div class="modal-dialog">
37 - <div class="modal-content"> 37 + <div class="modal-content" style="width:800px;">
38 <div class="modal-header"> 38 <div class="modal-header">
39 <button type="button" class="close" data-dismiss="modal" 39 <button type="button" class="close" data-dismiss="modal"
40 aria-hidden="true">&times;</button> 40 aria-hidden="true">&times;</button>
@@ -64,22 +64,30 @@ @@ -64,22 +64,30 @@
64 $.each(data.data,function(name,value) { 64 $.each(data.data,function(name,value) {
65 var contentHtml=""; 65 var contentHtml="";
66 var topNode=""; 66 var topNode="";
67 - var activeCount=0;  
68 - var failedCount=0;  
69 - var successIp='';  
70 - var failedIp=""; 67 + var awsAcount=0;
  68 + var qcloudAcount=0;
  69 + var awsIp='';
  70 + var qcoloudIp='';
71 $.each(value, function (n, obj) { 71 $.each(value, function (n, obj) {
72 if(obj.level==0){ 72 if(obj.level==0){
73 topNode=obj.nodeFrom; 73 topNode=obj.nodeFrom;
74 return true; 74 return true;
75 } 75 }
76 if(obj.level==1){ 76 if(obj.level==1){
77 - if(obj.isFailed==1){  
78 - successIp=successIp+'<a href="#" style="color: white;" onclick="displatyTetail(\''+obj.nodeTo+'\')">'+obj.nodeTo+'('+obj.paramMonitor+')</a><br/>';  
79 - activeCount=activeCount+1;  
80 - }else if(obj.isFailed==0){  
81 - failedCount=failedCount+1;  
82 - failedIp=failedIp+obj.nodeTo+'<br/>'; 77 + if(obj.nodeTo.indexOf("172")==0){
  78 + awsAcount=awsAcount+1;
  79 + if(obj.isFailed==1){
  80 + awsIp+='<button title="'+obj.paramMonitor+'" onclick="displatyTetail(\''+obj.nodeTo+'\')" class="btn_java_api btn btn-lg btn-default btn-primary" style="margin-top:5px;margin-left:5px;width: 160px;font-size: 12px;">'+obj.nodeTo+'</button>';
  81 + }else if(obj.isFailed==0){
  82 + awsIp+='<button class="btn_java_api btn btn-lg btn-default btn-danger" style="margin-top:5px;margin-left:5px;width: 160px;font-size: 12px;">'+obj.nodeTo+'</button>';
  83 + }
  84 + }else if(obj.nodeTo.indexOf("10")==0) {
  85 + qcloudAcount = qcloudAcount + 1;
  86 + if(obj.isFailed==1){
  87 + qcoloudIp+='<button title="'+obj.paramMonitor+'" onclick="displatyTetail(\''+obj.nodeTo+'\')" class="btn_java_api btn btn-lg btn-default btn-primary" style="margin-top:5px;margin-left:5px;width: 160px;font-size: 12px;">'+obj.nodeTo+'</button>';
  88 + }else if(obj.isFailed==0){
  89 + qcoloudIp+='<button class="btn_java_api btn btn-lg btn-default btn-danger" style="margin-top:5px;margin-left:5px;width: 160px;font-size: 12px;">'+obj.nodeTo+'</button>';
  90 + }
83 } 91 }
84 return true; 92 return true;
85 } 93 }
@@ -89,24 +97,35 @@ @@ -89,24 +97,35 @@
89 }else if(obj.isSlave==1){ 97 }else if(obj.isSlave==1){
90 mySlaveRedis.push(obj); 98 mySlaveRedis.push(obj);
91 } 99 }
92 -  
93 } 100 }
94 }); 101 });
95 - contentHtml='<div class="col-md-4" id="aws" style="height: 300px;">'+  
96 - '<div class="panel panel-success-alt noborder" style="background-color: #5cb85c;">'+  
97 - '<div class="panel-heading noborder">'+  
98 - '<div>'+ '<div style="margin-left: 18px;"><img src="img/log_redis.png"><span style="font-size:28px;color: white;margin-left: 180px;">'+topNode+'</span></div>'+  
99 - '</div>'+  
100 - '<hr>'+  
101 - '<div class="clearfix mt15">'+  
102 - '<div class="pull-left">'+  
103 - '<h5 class="md-title nomargin" style="color: white;">twemproxy列表:'+activeCount+'(好),'+failedCount+'(失败)</h5>'+  
104 - '<h4 class="nomargin" style="font-size: 16px; line-height: 21px;">'+successIp+'</h4>'+  
105 - '</div>'+  
106 - '</div>'+  
107 - '</div>'+  
108 - '</div>'+  
109 - '</div>'; 102 + contentHtml='<div class="col-md-4" id="aws" style="height: 360px; width: 800px;">'+
  103 + '<div class="panel panel-success-alt noborder" style="background-color: #5cb85c;">'+
  104 + '<div class="panel-heading noborder">'+
  105 + '<div>'+ '<div style="margin-left: 18px;"><img src="img/log_redis.png"><span style="font-size:28px;color: white;margin-left: 180px;">'+topNode+'</span></div>'+
  106 + '</div>'+
  107 + '<hr>'+
  108 + '<div class="clearfix mt15">'+
  109 + '<div style="width:350px; height: 130px;float: left; border: 1px solid white;word-break:break-all;">'+
  110 + '<h4 class="modal-title" style="text-align: center;color: white;">AWS</h4>';
  111 + if(awsIp==""){
  112 + contentHtml+="无";
  113 + }else{
  114 + contentHtml+=awsIp;
  115 + }
  116 + contentHtml+= '</div>'+
  117 + '<div style="width:350px; height: 130px;float: right; border: 1px solid white;word-break:break-all;">'+
  118 + '<h4 class="modal-title" style="text-align: center;color: white;" >QCloud</h4>';
  119 + if(qcoloudIp==""){
  120 + contentHtml+="无";
  121 + }else{
  122 + contentHtml+=qcoloudIp;
  123 + }
  124 + contentHtml+= '</div>'+
  125 + '</div>'+
  126 + '</div>'+
  127 + '</div>'+
  128 + '</div>';
110 $("#redisAppendDiv").append(contentHtml); 129 $("#redisAppendDiv").append(contentHtml);
111 }); 130 });
112 } 131 }
@@ -116,31 +135,131 @@ @@ -116,31 +135,131 @@
116 function displatyTetail(ip){ 135 function displatyTetail(ip){
117 var detailListRedis=new Array(); 136 var detailListRedis=new Array();
118 $.each(myMasterRedis, function (i, myMasterObj) { 137 $.each(myMasterRedis, function (i, myMasterObj) {
  138 + myMasterObj.slaveParam="";
119 if(ip==myMasterObj.nodeFrom){ 139 if(ip==myMasterObj.nodeFrom){
120 - detailListRedis.push(myMasterObj);  
121 $.each(mySlaveRedis, function (j, mySlaveObj) { 140 $.each(mySlaveRedis, function (j, mySlaveObj) {
122 if(myMasterObj.nodeTo==mySlaveObj.nodeFrom){ 141 if(myMasterObj.nodeTo==mySlaveObj.nodeFrom){
123 - detailListRedis.push(mySlaveObj); 142 + myMasterObj.slaveParam=mySlaveObj.paramMonitor+","+mySlaveObj.nodeTo;
124 } 143 }
125 }); 144 });
  145 + detailListRedis.push(myMasterObj);
126 } 146 }
127 }); 147 });
128 - 148 + console.log(detailListRedis);
129 $("#redislistDetail").table({ 149 $("#redislistDetail").table({
130 columnAutoWidth : false, 150 columnAutoWidth : false,
131 data : detailListRedis, 151 data : detailListRedis,
132 striped : true, 152 striped : true,
133 columns : [{ 153 columns : [{
134 - title : "nodeFrom",  
135 - field : "nodeFrom",  
136 - width : "12%" 154 + title : "IP",
  155 + field : "nodeTo",
  156 + formatter : function(value, rowData, rowIndex) {
  157 + var ipport=value.split(":");
  158 + return ipport[0];
  159 + },
  160 + width : "10%"
137 },{ 161 },{
138 - title : "nodeTo", 162 + title : "port",
139 field : "nodeTo", 163 field : "nodeTo",
140 - width : "12%" 164 + formatter : function(value, rowData, rowIndex) {
  165 + var ipport=value.split(":");
  166 + return ipport[1];
  167 + },
  168 + width : "8%"
  169 + },{
  170 + title : "角色",
  171 + field : "paramMonitor",
  172 + formatter : function(value, rowData, rowIndex) {
  173 + var paramMonitor=value.split(",");
  174 + if(paramMonitor[1]==null){
  175 + return "";
  176 + }else{
  177 + return paramMonitor[1];
  178 + }
  179 + },
  180 + width : "8%"
  181 + },{
  182 + title : "最大内存",
  183 + field : "paramMonitor",
  184 + formatter : function(value, rowData, rowIndex) {
  185 + var paramMonitor=value.split(",");
  186 + if(paramMonitor[2]==null){
  187 + return "";
  188 + }else{
  189 + return paramMonitor[2];
  190 + }
  191 + },
  192 + width : "8%"
141 },{ 193 },{
142 - title : "redis监控信息", 194 + title : "使用内存",
143 field : "paramMonitor", 195 field : "paramMonitor",
  196 + formatter : function(value, rowData, rowIndex) {
  197 + var paramMonitor=value.split(",");
  198 + if(paramMonitor[4]==null){
  199 + return "";
  200 + }else{
  201 + return paramMonitor[4];
  202 + }
  203 + },
  204 + width : "8%"
  205 + },{
  206 + title : "使用率",
  207 + field : "paramMonitor",
  208 + formatter : function(value, rowData, rowIndex) {
  209 + var paramMonitor=value.split(",");
  210 + if(paramMonitor[3]==null){
  211 + return "";
  212 + }else{
  213 + return paramMonitor[3];
  214 + }
  215 + },
  216 + width : "6%"
  217 + },{
  218 + title : "状态",
  219 + field : "paramMonitor",
  220 + formatter : function(value, rowData, rowIndex) {
  221 + var paramMonitor=value.split(",");
  222 + if(paramMonitor[0]==null){
  223 + return "";
  224 + }else{
  225 + if(paramMonitor[0]=="0"){
  226 +
  227 + return "ERROR";
  228 + }else if(paramMonitor[0]=="1"){
  229 + return "OK"
  230 + }
  231 + }
  232 + },
  233 + styler : function(value, rowData, rowIndex) {
  234 + var paramMonitor=value.split(",");
  235 + if(paramMonitor[0]==null){
  236 + return "";
  237 + }else{
  238 + if(paramMonitor[0]=="0"){
  239 + return {
  240 + "background-color" : "red",
  241 + "color":"white"
  242 + };
  243 + }else if(paramMonitor[0]=="1"){
  244 + return {
  245 + "background-color" : "green",
  246 + "color":"white"
  247 + };
  248 + }
  249 + }
  250 + },
  251 + width : "6%"
  252 + },{
  253 + title : "主从",
  254 + field : "slaveParam",
  255 + formatter : function(value, rowData, rowIndex) {
  256 + if(value!=""){
  257 + var slaveParam=value.split(",");
  258 + return "主从"+slaveParam[0]+"<br/>主IP:"+slaveParam[1];
  259 + }
  260 + return "无";
  261 +
  262 + },
144 width : "12%" 263 width : "12%"
145 }] 264 }]
146 }); 265 });