degrade-rule-dialog.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <div>
  2. <span class="brand" style="font-weight:bold;">{{degradeRuleDialog.title}}</span>
  3. <div class="card" style="margin-top: 20px;margin-bottom: 10px;">
  4. <div class="panel-body">
  5. <div class="row">
  6. <form role="form" class="form-horizontal">
  7. <div class="form-group">
  8. <label class="col-sm-2 control-label">资源名</label>
  9. <div class="col-sm-9">
  10. <input type="text" ng-if="degradeRuleDialog.type == 'edit'" class="form-control" placeholder="资源名" ng-model='currentRule.resource'
  11. disabled="" />
  12. <input type="text" ng-if="degradeRuleDialog.type == 'add'" class="form-control highlight-border" placeholder="资源名" ng-model='currentRule.resource'
  13. />
  14. </div>
  15. </div>
  16. <!--<div class="form-group">-->
  17. <!--<label class="col-sm-2 control-label">流控应用</label>-->
  18. <!--<div class="col-sm-9">-->
  19. <!--<input type="text" class="form-control highlight-border" ng-model='currentRule.limitApp' placeholder='"default"表示所有应用。' />-->
  20. <!--</div>-->
  21. <!--</div>-->
  22. <div class="form-group">
  23. <label class="col-sm-2 control-label">熔断策略</label>
  24. <div class="col-sm-9">
  25. <div class="form-control highlight-border" align="center">
  26. <input type="radio" name="grade" value="0" checked ng-model='currentRule.grade' title="慢调用比例(1.8.0+ 版本生效)" />&nbsp;慢调用比例&nbsp;&nbsp;
  27. <input type="radio" name="grade" value="1" ng-model='currentRule.grade' title="异常比例" />&nbsp;异常比例&nbsp;&nbsp;
  28. <input type="radio" name="grade" value="2" ng-model='currentRule.grade' title="异常数" />&nbsp;异常数
  29. </div>
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <label ng-if="currentRule.grade == 0" class="col-sm-2 control-label" title="最大 RT,超过该值则计为慢调用">最大 RT</label>
  34. <label ng-if="currentRule.grade == 1" class="col-sm-2 control-label">比例阈值</label>
  35. <label ng-if="currentRule.grade == 2" class="col-sm-2 control-label">异常数</label>
  36. <div class="col-sm-4">
  37. <input type='number' class="form-control highlight-border" ng-model='currentRule.count' ng-if="currentRule.grade == 0" placeholder="RT (毫秒)"/>
  38. <input type='number' class="form-control highlight-border" ng-model='currentRule.count' ng-if="currentRule.grade == 1" placeholder="取值范围 [0.0,1.0]"/>
  39. <input type='number' class="form-control highlight-border" ng-model='currentRule.count' ng-if="currentRule.grade == 2" placeholder="异常数"/>
  40. </div>
  41. <div ng-if="currentRule.grade == 0">
  42. <label class="col-sm-2 control-label">比例阈值</label>
  43. <div class="col-sm-3">
  44. <input type='number' min="0" class="form-control highlight-border" ng-model='currentRule.slowRatioThreshold'
  45. placeholder="取值 [0.0, 1.0]" />
  46. </div>
  47. </div>
  48. </div>
  49. <div class="form-group">
  50. <label class="col-sm-2 control-label">熔断时长</label>
  51. <div class="col-sm-4">
  52. <div class="input-group">
  53. <input type='number' min="0" class="form-control highlight-border" ng-model='currentRule.timeWindow'
  54. placeholder="熔断时长(s)" />
  55. <span class="input-group-addon">s</span>
  56. </div>
  57. </div>
  58. <label class="col-sm-2 control-label" style="text-align: center; padding-right: 5px;"
  59. title="触发熔断的最小请求数目,若当前统计窗口内的请求数小于此值,即使达到熔断条件规则也不会触发">最小请求数</label>
  60. <div class="col-sm-3">
  61. <input type='number' min="1" class="form-control highlight-border" ng-model='currentRule.minRequestAmount'
  62. placeholder="最小请求数目" />
  63. </div>
  64. </div>
  65. <div class="form-group">
  66. <label class="col-sm-2 control-label">统计时长</label>
  67. <div class="col-sm-4">
  68. <div class="input-group">
  69. <input type='number' min="1" class="form-control highlight-border" ng-model='currentRule.statIntervalMs'
  70. placeholder="统计时长(ms)" />
  71. <span class="input-group-addon">ms</span>
  72. </div>
  73. </div>
  74. </div>
  75. </form>
  76. </div>
  77. <div class="separator"></div>
  78. <div clss="row" style="margin-top: 20px;">
  79. <button class="btn btn-outline-danger" style="float:right; height: 30px;font-size: 12px;margin-left: 10px;" ng-click="closeThisDialog()">取消</button>
  80. <button class="btn btn-outline-success" style="float:right; height: 30px;font-size: 12px;margin-left: 10px;" ng-click="saveRule()">{{degradeRuleDialog.confirmBtnText}}</button>
  81. <button ng-if="degradeRuleDialog.saveAndContinueBtnText" class="btn btn-default" style="float:right; height: 30px;font-size: 12px;"
  82. ng-click="saveRuleAndContinue()">{{degradeRuleDialog.saveAndContinueBtnText}}</button>
  83. </div>
  84. </div>
  85. </div>
  86. </div>