<div> <span class="brand" style="font-weight:bold;">{{degradeRuleDialog.title}}</span> <div class="card" style="margin-top: 20px;margin-bottom: 10px;"> <div class="panel-body"> <div class="row"> <form role="form" class="form-horizontal"> <div class="form-group"> <label class="col-sm-2 control-label">资源名</label> <div class="col-sm-9"> <input type="text" ng-if="degradeRuleDialog.type == 'edit'" class="form-control" placeholder="资源名" ng-model='currentRule.resource' disabled="" /> <input type="text" ng-if="degradeRuleDialog.type == 'add'" class="form-control highlight-border" placeholder="资源名" ng-model='currentRule.resource' /> </div> </div> <!--<div class="form-group">--> <!--<label class="col-sm-2 control-label">流控应用</label>--> <!--<div class="col-sm-9">--> <!--<input type="text" class="form-control highlight-border" ng-model='currentRule.limitApp' placeholder='"default"表示所有应用。' />--> <!--</div>--> <!--</div>--> <div class="form-group"> <label class="col-sm-2 control-label">熔断策略</label> <div class="col-sm-9"> <div class="form-control highlight-border" align="center"> <input type="radio" name="grade" value="0" checked ng-model='currentRule.grade' title="慢调用比例(1.8.0+ 版本生效)" /> 慢调用比例 <input type="radio" name="grade" value="1" ng-model='currentRule.grade' title="异常比例" /> 异常比例 <input type="radio" name="grade" value="2" ng-model='currentRule.grade' title="异常数" /> 异常数 </div> </div> </div> <div class="form-group"> <label ng-if="currentRule.grade == 0" class="col-sm-2 control-label" title="最大 RT,超过该值则计为慢调用">最大 RT</label> <label ng-if="currentRule.grade == 1" class="col-sm-2 control-label">比例阈值</label> <label ng-if="currentRule.grade == 2" class="col-sm-2 control-label">异常数</label> <div class="col-sm-4"> <input type='number' class="form-control highlight-border" ng-model='currentRule.count' ng-if="currentRule.grade == 0" placeholder="RT (毫秒)"/> <input type='number' class="form-control highlight-border" ng-model='currentRule.count' ng-if="currentRule.grade == 1" placeholder="取值范围 [0.0,1.0]"/> <input type='number' class="form-control highlight-border" ng-model='currentRule.count' ng-if="currentRule.grade == 2" placeholder="异常数"/> </div> <div ng-if="currentRule.grade == 0"> <label class="col-sm-2 control-label">比例阈值</label> <div class="col-sm-3"> <input type='number' min="0" class="form-control highlight-border" ng-model='currentRule.slowRatioThreshold' placeholder="取值 [0.0, 1.0]" /> </div> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">熔断时长</label> <div class="col-sm-4"> <div class="input-group"> <input type='number' min="0" class="form-control highlight-border" ng-model='currentRule.timeWindow' placeholder="熔断时长(s)" /> <span class="input-group-addon">s</span> </div> </div> <label class="col-sm-2 control-label" style="text-align: center; padding-right: 5px;" title="触发熔断的最小请求数目,若当前统计窗口内的请求数小于此值,即使达到熔断条件规则也不会触发">最小请求数</label> <div class="col-sm-3"> <input type='number' min="1" class="form-control highlight-border" ng-model='currentRule.minRequestAmount' placeholder="最小请求数目" /> </div> </div> </form> </div> <div class="separator"></div> <div clss="row" style="margin-top: 20px;"> <button class="btn btn-outline-danger" style="float:right; height: 30px;font-size: 12px;margin-left: 10px;" ng-click="closeThisDialog()">取消</button> <button class="btn btn-outline-success" style="float:right; height: 30px;font-size: 12px;margin-left: 10px;" ng-click="saveRule()">{{degradeRuleDialog.confirmBtnText}}</button> <button ng-if="degradeRuleDialog.saveAndContinueBtnText" class="btn btn-default" style="float:right; height: 30px;font-size: 12px;" ng-click="saveRuleAndContinue()">{{degradeRuleDialog.saveAndContinueBtnText}}</button> </div> </div> </div> </div>