From 5e9304efc2b9280862605a77989f8e4cecf78e25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E6=99=93=E4=B8=9C?= <763795151@qq.com>
Date: Tue, 7 Feb 2023 22:24:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=99=90=E6=B5=81=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=EF=BC=8Cfixed=20acl=20=E5=BC=80=E5=90=AF=E6=8E=88?=
 =?UTF-8?q?=E6=9D=83=E6=8F=90=E7=A4=BA.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/acl/AclList.vue                |  2 +-
 ui/src/views/quota/ClientQuota.vue          |  4 +-
 ui/src/views/quota/ClientQuotaIntroduce.vue | 46 +++++++++++++++++++++
 3 files changed, 50 insertions(+), 2 deletions(-)
 create mode 100644 ui/src/views/quota/ClientQuotaIntroduce.vue

diff --git a/ui/src/views/acl/AclList.vue b/ui/src/views/acl/AclList.vue
index c94c614..f0805f7 100644
--- a/ui/src/views/acl/AclList.vue
+++ b/ui/src/views/acl/AclList.vue
@@ -297,7 +297,7 @@ export default {
           });
           return;
         }
-        if (!response.data.total) {
+        if (!response.data.total && response.data.hint) {
           this.hint = response.data.hint;
           return;
         }
diff --git a/ui/src/views/quota/ClientQuota.vue b/ui/src/views/quota/ClientQuota.vue
index 0028481..b8f0ab5 100644
--- a/ui/src/views/quota/ClientQuota.vue
+++ b/ui/src/views/quota/ClientQuota.vue
@@ -3,6 +3,7 @@
     <a-spin :spinning="loading">
       <a-tabs default-active-key="1" size="large" tabPosition="top">
         <a-tab-pane key="1" tab="使用说明">
+          <ClientQuotaIntroduce></ClientQuotaIntroduce>
         </a-tab-pane>
         <a-tab-pane key="2" tab="用户">
           <UserQuota></UserQuota>
@@ -25,10 +26,11 @@
 import ClientIDQuota from "@/views/quota/ClientIDQuota.vue";
 import UserQuota from "@/views/quota/UserQuota.vue";
 import UserAndClientIDQuota from "@/views/quota/UserAndClientIDQuota.vue";
+import ClientQuotaIntroduce from "@/views/quota/ClientQuotaIntroduce.vue";
 
 export default {
   name: "ClientQuota",
-  components: {ClientIDQuota, UserQuota, UserAndClientIDQuota},
+  components: {ClientIDQuota, UserQuota, UserAndClientIDQuota, ClientQuotaIntroduce},
   data() {
     return {
       loading: false,
diff --git a/ui/src/views/quota/ClientQuotaIntroduce.vue b/ui/src/views/quota/ClientQuotaIntroduce.vue
new file mode 100644
index 0000000..0321b2a
--- /dev/null
+++ b/ui/src/views/quota/ClientQuotaIntroduce.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="content">
+    <h1>客户端限流说明（资源限额）</h1>
+    <hr/>
+    <hr/>
+    <h2>支持类型</h2>
+    <ul>
+      <li>基于用户主体标识的配置</li>
+      <li>基于客户端ID的配置</li>
+      <li>基于用户主体+客户端ID的配置</li>
+    </ul>
+    <hr/>
+    <h2>默认配置</h2>
+    <p>比如，基于用户的配置，在新增配置的时候未设置用户名称，则默认应用于所有用户</p>
+    <p>基于客户端ID的配置，新增的时候，未指定客户端ID，则应用于所有客户端</p>
+    <hr/>
+    <h2>配置优先级</h2>
+    下面的展示中，数字越小，即越靠上的优先级越高，相同的用户名称或者客户端ID，优先级最高的配置生效，下面的未指定表示 默认配置
+    <ol>
+      <li>[用户+客户端ID] 指定用户名称并且指定客户端ID（优先级最高）</li>
+      <li>[用户+客户端ID] 指定用户名称，未指定客户端ID</li>
+      <li>[用户] 指定用户名称</li>
+      <li>[用户+客户端ID] 未指定用户名称，但指定客户端ID</li>
+      <li>[用户+客户端ID] 未指定用户名称，未指定客户端ID</li>
+      <li>[用户] 未指定用户名称</li>
+      <li>[客户端ID] 指定客户端ID</li>
+      <li>[客户端ID] 未指定客户端ID（优先级最低）</li>
+    </ol>
+    <hr/>
+    <h2>使用注意</h2>
+    大多数集群一般没有开启认证，所以用户配置可能不支持，限流可以使用基于客户端ID的配置。但是对于优先级最低的："[客户端ID]
+    未指定客户端ID"，默认对于所有客户端生效，万一速率配置过小，可能无意间影响生产业务，所以尽量避免默认配置。
+    <hr/>
+    <h2>查询</h2>
+    查询默认配置，在查询项的输入框内，输入一个空格即可。
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "ClientQuotaIntroduce",
+};
+</script>
+
+<style scoped></style>