From 0f4541e9da1afa91bd5b4821fbe46de0e7b84dd7 Mon Sep 17 00:00:00 2001
From: "val.istar.guo" <val.istar.guo@gmail.com>
Date: Sun, 5 May 2024 19:38:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=BA=94=E7=94=A8=E7=BC=96?=
 =?UTF-8?q?=E7=A0=81=E9=BB=91=E5=90=8D=E5=8D=95=E9=A1=B5=E9=9D=A2UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/early-clouds-compete.md            |  5 +
 .changeset/friendly-impalas-dress.md          |  5 +
 .changeset/wet-seahorses-speak.md             |  5 +
 .../forbidden-application-code-management.vue | 96 ++++++++++---------
 4 files changed, 67 insertions(+), 44 deletions(-)
 create mode 100644 .changeset/early-clouds-compete.md
 create mode 100644 .changeset/friendly-impalas-dress.md
 create mode 100644 .changeset/wet-seahorses-speak.md

diff --git a/.changeset/early-clouds-compete.md b/.changeset/early-clouds-compete.md
new file mode 100644
index 0000000..cad070e
--- /dev/null
+++ b/.changeset/early-clouds-compete.md
@@ -0,0 +1,5 @@
+---
+"@opendoc/frontend": patch
+---
+
+修复应用编码黑名单列表无法滚动的问题
diff --git a/.changeset/friendly-impalas-dress.md b/.changeset/friendly-impalas-dress.md
new file mode 100644
index 0000000..668e11a
--- /dev/null
+++ b/.changeset/friendly-impalas-dress.md
@@ -0,0 +1,5 @@
+---
+"@opendoc/frontend": minor
+---
+
+应用编码黑名单页面增加页面标题
diff --git a/.changeset/wet-seahorses-speak.md b/.changeset/wet-seahorses-speak.md
new file mode 100644
index 0000000..7afd8ce
--- /dev/null
+++ b/.changeset/wet-seahorses-speak.md
@@ -0,0 +1,5 @@
+---
+"@opendoc/frontend": minor
+---
+
+应用编码黑名单页面减少行间距
diff --git a/app/frontend/components/administration/forbidden-application-code-management.vue b/app/frontend/components/administration/forbidden-application-code-management.vue
index 5b11669..8a50185 100644
--- a/app/frontend/components/administration/forbidden-application-code-management.vue
+++ b/app/frontend/components/administration/forbidden-application-code-management.vue
@@ -39,53 +39,61 @@ async function removeForbiddenApplicationCode (code: string) {
 
 <template>
   <StuffedLoading :pending="pending && !forbiddenApplicationCodes">
-    <div class="flex w-full space-x-4 mb-6">
-      <input
-        v-model="applicationCode"
-        class="flex-auto d-input d-input-bordered"
-        placeholder="请输入需要添加的应用编号"
-      >
+    <div class="size-full flex flex-col overflow-hidden">
+      <div class="flex-grow-0 flex-shrink-0 w-full mb-6">
+        <h1 class="select-none text-2xl font-bold text-gray-600">
+          应用编码黑名单
+        </h1>
+      </div>
 
-      <button
-        class="flex-0 d-btn d-btn-primary d-btn-square"
-        :class="!applicationCode.length && 'd-btn-disabled'"
-        @click="() => !appending && appendForbiddenApplicationCode()"
-      >
-        <span v-if="appending" class="loading loading-spinner" />
-        <IconPlus v-else class="size-5" />
-      </button>
-    </div>
+      <div class="flex-grow-0 flex-shrink-0 flex w-full space-x-4 mb-4 overflow-hidden">
+        <input
+          v-model="applicationCode"
+          class="flex-auto d-input d-input-bordered"
+          placeholder="请输入需要添加的应用编号"
+        >
+
+        <button
+          class="flex-0 d-btn d-btn-primary d-btn-square"
+          :class="!applicationCode.length && 'd-btn-disabled'"
+          @click="() => !appending && appendForbiddenApplicationCode()"
+        >
+          <span v-if="appending" class="loading loading-spinner" />
+          <IconPlus v-else class="size-5" />
+        </button>
+      </div>
 
-    <div class="overflow-x-auto">
-      <table class="d-table">
-        <thead>
-          <tr>
-            <th>应用编码</th>
-            <th>更新日期</th>
-            <th />
-          </tr>
-        </thead>
+      <div class="flex-1 overflow-y-auto">
+        <table class="d-table d-table-sm">
+          <thead class="bg-base-100 sticky top-0">
+            <tr>
+              <th>应用编码</th>
+              <th>添加日期</th>
+              <th />
+            </tr>
+          </thead>
 
-        <tbody>
-          <tr
-            v-for="forbiddenCode in forbiddenApplicationCodes"
-            :key="forbiddenCode.id"
-            class="bg-base-300"
-          >
-            <th>{{ forbiddenCode.code }}</th>
-            <th>{{ dayjs(forbiddenCode.updatedAt).format('YYYY-MM-DD HH:mm:ss') }}</th>
-            <th class="w-10 text-center">
-              <button
-                class="d-btn d-btn-ghost d-btn-square"
-                :class="removingForbiddenApplicationCode.includes(forbiddenCode.code) && 'd-btn-disabled'"
-                @click="() => !removingForbiddenApplicationCode.includes(forbiddenCode.code) && removeForbiddenApplicationCode(forbiddenCode.code)"
-              >
-                <IconTrash class="w-6" />
-              </button>
-            </th>
-          </tr>
-        </tbody>
-      </table>
+          <tbody>
+            <tr
+              v-for="forbiddenCode in forbiddenApplicationCodes"
+              :key="forbiddenCode.id"
+              class="bg-base-300"
+            >
+              <th>{{ forbiddenCode.code }}</th>
+              <th>{{ dayjs(forbiddenCode.updatedAt).format('YYYY-MM-DD HH:mm:ss') }}</th>
+              <th class="w-10 text-center">
+                <button
+                  class="d-btn d-btn-sm d-btn-ghost d-btn-square"
+                  :class="removingForbiddenApplicationCode.includes(forbiddenCode.code) && 'd-btn-disabled'"
+                  @click="() => !removingForbiddenApplicationCode.includes(forbiddenCode.code) && removeForbiddenApplicationCode(forbiddenCode.code)"
+                >
+                  <IconTrash class="w-6" />
+                </button>
+              </th>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
   </StuffedLoading>
 </template>