优化服务监控布局
This commit is contained in:
		
							parent
							
								
									b79031949d
								
							
						
					
					
						commit
						7275a4d061
					
				@ -1,42 +1,42 @@
 | 
				
			|||||||
{{define "theme-default/service"}}
 | 
					{{define "theme-default/service"}}
 | 
				
			||||||
{{template "common/header" .}}
 | 
					{{template "common/header" .}}
 | 
				
			||||||
{{template "common/menu" .}}
 | 
					{{template "common/menu" .}}
 | 
				
			||||||
<div class="nb-container">
 | 
					  <div class="nb-container"> 
 | 
				
			||||||
   <div class="ui container"> 
 | 
					   <div class="ui container"> 
 | 
				
			||||||
    <div class="ui segment service-status"> 
 | 
					    <div class="ui segment service-status"> 
 | 
				
			||||||
 | 
					     <table class="ui celled table"> 
 | 
				
			||||||
 | 
					      <thead> 
 | 
				
			||||||
 | 
					       <tr>
 | 
				
			||||||
 | 
					        <th class="ui center aligned">名称</th> 
 | 
				
			||||||
 | 
					        <th class="ui center aligned">30天在线率</th> 
 | 
				
			||||||
 | 
					        <th class="ui center aligned">详情</th> 
 | 
				
			||||||
 | 
					        <th class="ui center aligned">状态</th> 
 | 
				
			||||||
 | 
					       </tr>
 | 
				
			||||||
 | 
					      </thead> 
 | 
				
			||||||
 | 
					      <tbody>
 | 
				
			||||||
        {{range $service := .Services}} 
 | 
					        {{range $service := .Services}} 
 | 
				
			||||||
            <div class="ui grid">
 | 
					       <tr> 
 | 
				
			||||||
                <div class="three wide column">
 | 
					        <td class="ui center aligned">{{$service.Monitor.Name}}</td> 
 | 
				
			||||||
                    <p>{{$service.Monitor.Name}}</p>
 | 
					        <td class="ui center aligned">{{divU64 $service.TotalUp (addU64 $service.TotalUp $service.TotalDown)}}%</td> 
 | 
				
			||||||
                    <p>30天在线率{{divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)}}%</p>
 | 
					        <td class="ui center aligned">{{range $i,$d := $service.Delay}} 
 | 
				
			||||||
                </div>
 | 
					 | 
				
			||||||
                <div class="eleven wide column">
 | 
					 | 
				
			||||||
                    {{range $i,$d := $service.Delay}}
 | 
					 | 
				
			||||||
         <div class="ui icon button{{if gt (add (index $service.Up $i) (index $service.Down $i)) 0}}
 | 
					         <div class="ui icon button{{if gt (add (index $service.Up $i) (index $service.Down $i)) 0}}
 | 
				
			||||||
                    {{if gt (div (index $service.Down $i) (add (index $service.Up $i) (index $service.Down $i))) 30.0}}danger
 | 
					                    {{if gt (div (index $service.Down $i) (add (index $service.Up $i) (index $service.Down $i))) 30.0}}danger
 | 
				
			||||||
                    {{else if gt (div (index $service.Down $i) (add (index $service.Up $i) (index $service.Down $i))) 10.0}}
 | 
					                    {{else if gt (div (index $service.Down $i) (add (index $service.Up $i) (index $service.Down $i))) 10.0}}
 | 
				
			||||||
                    warning{{else}}good{{end}}
 | 
					                    warning{{else}}good{{end}}
 | 
				
			||||||
                    {{end}}" data-tooltip="{{dayBefore $i}},平均延迟:{{$d}}ms"> 
 | 
					                    {{end}}" data-tooltip="{{dayBefore $i}},平均延迟:{{$d}}ms"> 
 | 
				
			||||||
          <i class="delay"></i> 
 | 
					          <i class="delay"></i> 
 | 
				
			||||||
                    </div>
 | 
					         </div> {{end}}</td> 
 | 
				
			||||||
                    {{end}}
 | 
					        <td class="ui center aligned">
 | 
				
			||||||
                </div>
 | 
					         <div class="round{{if gt (addU64 $service.TotalUp $service.TotalDown) 0}}
 | 
				
			||||||
                <div class="two wide column round{{if gt (addU64 $service.TotalUp $service.TotalDown) 0}}
 | 
					 | 
				
			||||||
                    {{if gt (divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)) 30.0}}danger{{else if gt (divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)) 10.0}}warning{{else}}good{{end}}
 | 
					                    {{if gt (divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)) 30.0}}danger{{else if gt (divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)) 10.0}}warning{{else}}good{{end}}
 | 
				
			||||||
                {{end}}"> 
 | 
					                {{end}}"> 
 | 
				
			||||||
                    <i></i>
 | 
					          <i></i> {{if gt (addU64 $service.TotalUp $service.TotalDown) 0}} {{if gt (divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)) 30.0}}故障 {{else if gt (divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)) 10.0}} 低可用{{else}}良好{{end}} {{else}}无数据 {{end}} 
 | 
				
			||||||
                    {{if gt (addU64 $service.TotalUp $service.TotalDown) 0}}
 | 
					         </div></td> 
 | 
				
			||||||
                    {{if gt (divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)) 30.0}}故障
 | 
					       </tr> {{end}} 
 | 
				
			||||||
                    {{else if gt (divU64 $service.TotalDown (addU64 $service.TotalUp $service.TotalDown)) 10.0}}
 | 
					      </tbody> 
 | 
				
			||||||
                    低可用{{else}}良好{{end}}
 | 
					     </table> 
 | 
				
			||||||
                    {{else}}无数据
 | 
					 | 
				
			||||||
                    {{end}}
 | 
					 | 
				
			||||||
    </div> 
 | 
					    </div> 
 | 
				
			||||||
   </div> 
 | 
					   </div> 
 | 
				
			||||||
            <div class="ui divider"></div>
 | 
					 | 
				
			||||||
            {{end}}
 | 
					 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
    </div>
 | 
					 | 
				
			||||||
</div>
 | 
					 | 
				
			||||||
{{template "common/footer" .}}
 | 
					{{template "common/footer" .}}
 | 
				
			||||||
{{end}}
 | 
					{{end}}
 | 
				
			||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user