From 459b71e8cbdd835a1d97ddc554e373e0774ba7d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <i@haozi.net>
Date: Sun, 9 Feb 2025 22:13:23 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=A8=E5=B1=80=E5=8E=BB=E9=99=A4?=
 =?UTF-8?q?=E5=9C=86=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/page/CommonPage.vue      |  2 +-
 web/src/views/apps/docker/IndexView.vue     |  2 +-
 web/src/views/apps/fail2ban/IndexView.vue   | 10 +++++-----
 web/src/views/apps/frp/IndexView.vue        |  8 ++++----
 web/src/views/apps/gitea/IndexView.vue      |  2 +-
 web/src/views/apps/memcached/IndexView.vue  |  2 +-
 web/src/views/apps/mysql/IndexView.vue      |  4 ++--
 web/src/views/apps/nginx/IndexView.vue      |  2 +-
 web/src/views/apps/php/PhpView.vue          |  4 ++--
 web/src/views/apps/phpmyadmin/IndexView.vue |  4 ++--
 web/src/views/apps/podman/IndexView.vue     |  2 +-
 web/src/views/apps/postgresql/IndexView.vue |  2 +-
 web/src/views/apps/pureftpd/IndexView.vue   |  6 +++---
 web/src/views/apps/redis/IndexView.vue      |  2 +-
 web/src/views/apps/rsync/IndexView.vue      |  4 ++--
 web/src/views/apps/s3fs/IndexView.vue       |  2 +-
 web/src/views/apps/supervisor/IndexView.vue |  4 ++--
 web/src/views/dashboard/IndexView.vue       | 11 +++++------
 web/src/views/login/IndexView.vue           |  3 +--
 web/src/views/monitor/IndexView.vue         |  2 +-
 20 files changed, 38 insertions(+), 40 deletions(-)

diff --git a/web/src/components/page/CommonPage.vue b/web/src/components/page/CommonPage.vue
index 06a6e145..baa8e3f0 100644
--- a/web/src/components/page/CommonPage.vue
+++ b/web/src/components/page/CommonPage.vue
@@ -33,7 +33,7 @@ const route = useRoute()
       </template>
     </header>
 
-    <n-card flex-1 rounded-10>
+    <n-card flex-1>
       <slot />
     </n-card>
   </AppPage>
diff --git a/web/src/views/apps/docker/IndexView.vue b/web/src/views/apps/docker/IndexView.vue
index 75f7aea6..62b29f7b 100644
--- a/web/src/views/apps/docker/IndexView.vue
+++ b/web/src/views/apps/docker/IndexView.vue
@@ -91,7 +91,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-flex vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
diff --git a/web/src/views/apps/fail2ban/IndexView.vue b/web/src/views/apps/fail2ban/IndexView.vue
index d590e4f7..ab01c582 100644
--- a/web/src/views/apps/fail2ban/IndexView.vue
+++ b/web/src/views/apps/fail2ban/IndexView.vue
@@ -306,7 +306,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
@@ -342,7 +342,7 @@ onMounted(() => {
               </n-space>
             </n-space>
           </n-card>
-          <n-card title="IP 白名单" rounded-10>
+          <n-card title="IP 白名单">
             <n-input
               v-model:value="white"
               type="textarea"
@@ -353,7 +353,7 @@ onMounted(() => {
         </n-space>
       </n-tab-pane>
       <n-tab-pane name="jails" tab="规则管理">
-        <n-card title="规则列表" :segmented="true" rounded-10>
+        <n-card title="规则列表" :segmented="true">
           <n-data-table
             striped
             remote
@@ -450,7 +450,7 @@ onMounted(() => {
   <n-modal v-model:show="jailModal" title="查看规则">
     <n-card closable @close="() => (jailModal = false)" title="查看规则" style="width: 60vw">
       <n-space vertical>
-        <n-card title="规则信息" :segmented="true" rounded-10>
+        <n-card title="规则信息" :segmented="true">
           <n-space vertical>
             <n-space>
               <n-text>当前封禁</n-text>
@@ -462,7 +462,7 @@ onMounted(() => {
             </n-space>
           </n-space>
         </n-card>
-        <n-card title="封禁列表" :segmented="true" rounded-10>
+        <n-card title="封禁列表" :segmented="true">
           <n-data-table
             striped
             remote
diff --git a/web/src/views/apps/frp/IndexView.vue b/web/src/views/apps/frp/IndexView.vue
index 34c9ea70..4a2242a4 100644
--- a/web/src/views/apps/frp/IndexView.vue
+++ b/web/src/views/apps/frp/IndexView.vue
@@ -94,7 +94,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="frps" tab="Frps">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled.frps" @update:value="handleIsEnabled('frps')">
                 <template #checked> 自启动开 </template>
@@ -126,7 +126,7 @@ onMounted(() => {
               </n-space>
             </n-space>
           </n-card>
-          <n-card title="修改配置" rounded-10>
+          <n-card title="修改配置">
             <template #header-extra>
               <n-button type="primary" @click="handleSaveConfig('frps')">
                 <TheIcon :size="18" icon="material-symbols:save-outline-rounded" />
@@ -150,7 +150,7 @@ onMounted(() => {
       </n-tab-pane>
       <n-tab-pane name="frpc" tab="Frpc">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled.frpc" @update:value="handleIsEnabled('frpc')">
                 <template #checked> 自启动开 </template>
@@ -182,7 +182,7 @@ onMounted(() => {
               </n-space>
             </n-space>
           </n-card>
-          <n-card title="修改配置" rounded-10>
+          <n-card title="修改配置">
             <template #header-extra>
               <n-button type="primary" @click="handleSaveConfig('frpc')">
                 <TheIcon :size="18" icon="material-symbols:save-outline-rounded" />
diff --git a/web/src/views/apps/gitea/IndexView.vue b/web/src/views/apps/gitea/IndexView.vue
index 4ef07674..59001209 100644
--- a/web/src/views/apps/gitea/IndexView.vue
+++ b/web/src/views/apps/gitea/IndexView.vue
@@ -87,7 +87,7 @@ onMounted(() => {
     </template>
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
-        <n-card title="运行状态" rounded-10>
+        <n-card title="运行状态">
           <template #header-extra>
             <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
               <template #checked> 自启动开 </template>
diff --git a/web/src/views/apps/memcached/IndexView.vue b/web/src/views/apps/memcached/IndexView.vue
index 0054ff99..841ee27e 100644
--- a/web/src/views/apps/memcached/IndexView.vue
+++ b/web/src/views/apps/memcached/IndexView.vue
@@ -111,7 +111,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
diff --git a/web/src/views/apps/mysql/IndexView.vue b/web/src/views/apps/mysql/IndexView.vue
index 99ed785d..8708f43a 100644
--- a/web/src/views/apps/mysql/IndexView.vue
+++ b/web/src/views/apps/mysql/IndexView.vue
@@ -155,7 +155,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
@@ -191,7 +191,7 @@ onMounted(() => {
               </n-space>
             </n-space>
           </n-card>
-          <n-card title="Root 密码" rounded-10>
+          <n-card title="Root 密码">
             <n-space vertical>
               <n-input
                 v-model:value="rootPassword"
diff --git a/web/src/views/apps/nginx/IndexView.vue b/web/src/views/apps/nginx/IndexView.vue
index 68dfad03..4d4cdbfe 100644
--- a/web/src/views/apps/nginx/IndexView.vue
+++ b/web/src/views/apps/nginx/IndexView.vue
@@ -132,7 +132,7 @@ onMounted(() => {
     </template>
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
-        <n-card title="运行状态" rounded-10>
+        <n-card title="运行状态">
           <template #header-extra>
             <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
               <template #checked> 自启动开 </template>
diff --git a/web/src/views/apps/php/PhpView.vue b/web/src/views/apps/php/PhpView.vue
index eed82d7c..a1972e80 100644
--- a/web/src/views/apps/php/PhpView.vue
+++ b/web/src/views/apps/php/PhpView.vue
@@ -278,7 +278,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
@@ -317,7 +317,7 @@ onMounted(() => {
         </n-space>
       </n-tab-pane>
       <n-tab-pane name="extensions" tab="拓展管理">
-        <n-card title="拓展列表" :segmented="true" rounded-10>
+        <n-card title="拓展列表" :segmented="true">
           <n-data-table
             striped
             remote
diff --git a/web/src/views/apps/phpmyadmin/IndexView.vue b/web/src/views/apps/phpmyadmin/IndexView.vue
index baaef06c..0dbd2e2c 100644
--- a/web/src/views/apps/phpmyadmin/IndexView.vue
+++ b/web/src/views/apps/phpmyadmin/IndexView.vue
@@ -68,12 +68,12 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="状态">
         <n-space vertical>
-          <n-card title="访问信息" rounded-10>
+          <n-card title="访问信息">
             <n-alert type="info">
               访问地址: <a :href="url" target="_blank">{{ url }}</a>
             </n-alert>
           </n-card>
-          <n-card title="修改端口" rounded-10>
+          <n-card title="修改端口">
             <n-input-number v-model:value="newPort" :min="1" :max="65535" />
             修改 phpMyAdmin 访问端口
           </n-card>
diff --git a/web/src/views/apps/podman/IndexView.vue b/web/src/views/apps/podman/IndexView.vue
index cc3f5f7f..1477b92e 100644
--- a/web/src/views/apps/podman/IndexView.vue
+++ b/web/src/views/apps/podman/IndexView.vue
@@ -108,7 +108,7 @@ onMounted(() => {
           <n-alert type="info">
             Podman 是一个无守护进程的容器管理工具，处于停止状态为正常现象且不会影响使用！
           </n-alert>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
diff --git a/web/src/views/apps/postgresql/IndexView.vue b/web/src/views/apps/postgresql/IndexView.vue
index 03cf5118..acedd0c6 100644
--- a/web/src/views/apps/postgresql/IndexView.vue
+++ b/web/src/views/apps/postgresql/IndexView.vue
@@ -142,7 +142,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
diff --git a/web/src/views/apps/pureftpd/IndexView.vue b/web/src/views/apps/pureftpd/IndexView.vue
index b1acf958..11364974 100644
--- a/web/src/views/apps/pureftpd/IndexView.vue
+++ b/web/src/views/apps/pureftpd/IndexView.vue
@@ -219,7 +219,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
@@ -251,14 +251,14 @@ onMounted(() => {
               </n-space>
             </n-space>
           </n-card>
-          <n-card title="端口设置" rounded-10>
+          <n-card title="端口设置">
             <n-input-number v-model:value="port" :min="1" :max="65535" />
             修改 Pure-Ftpd 监听端口
           </n-card>
         </n-space>
       </n-tab-pane>
       <n-tab-pane name="users" tab="用户管理">
-        <n-card title="用户列表" :segmented="true" rounded-10>
+        <n-card title="用户列表" :segmented="true">
           <n-data-table
             striped
             remote
diff --git a/web/src/views/apps/redis/IndexView.vue b/web/src/views/apps/redis/IndexView.vue
index dcf1959c..c27d6ba3 100644
--- a/web/src/views/apps/redis/IndexView.vue
+++ b/web/src/views/apps/redis/IndexView.vue
@@ -108,7 +108,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
diff --git a/web/src/views/apps/rsync/IndexView.vue b/web/src/views/apps/rsync/IndexView.vue
index 22bc57e7..03d843bf 100644
--- a/web/src/views/apps/rsync/IndexView.vue
+++ b/web/src/views/apps/rsync/IndexView.vue
@@ -258,7 +258,7 @@ onMounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开 </template>
@@ -293,7 +293,7 @@ onMounted(() => {
         </n-space>
       </n-tab-pane>
       <n-tab-pane name="modules" tab="模块管理">
-        <n-card title="模块列表" :segmented="true" rounded-10>
+        <n-card title="模块列表" :segmented="true">
           <n-data-table
             striped
             remote
diff --git a/web/src/views/apps/s3fs/IndexView.vue b/web/src/views/apps/s3fs/IndexView.vue
index 026785fe..a334de2f 100644
--- a/web/src/views/apps/s3fs/IndexView.vue
+++ b/web/src/views/apps/s3fs/IndexView.vue
@@ -102,7 +102,7 @@ onMounted(() => {
         添加挂载
       </n-button>
     </template>
-    <n-card title="挂载列表" :segmented="true" rounded-10>
+    <n-card title="挂载列表" :segmented="true">
       <n-data-table
         striped
         remote
diff --git a/web/src/views/apps/supervisor/IndexView.vue b/web/src/views/apps/supervisor/IndexView.vue
index 3612e7b1..1d5199e8 100644
--- a/web/src/views/apps/supervisor/IndexView.vue
+++ b/web/src/views/apps/supervisor/IndexView.vue
@@ -376,7 +376,7 @@ onUnmounted(() => {
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" tab="运行状态">
         <n-space vertical>
-          <n-card title="运行状态" rounded-10>
+          <n-card title="运行状态">
             <template #header-extra>
               <n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
                 <template #checked> 自启动开</template>
@@ -411,7 +411,7 @@ onUnmounted(() => {
         </n-space>
       </n-tab-pane>
       <n-tab-pane name="processes" tab="进程管理">
-        <n-card title="进程列表" :segmented="true" rounded-10>
+        <n-card title="进程列表" :segmented="true">
           <n-data-table
             striped
             remote
diff --git a/web/src/views/dashboard/IndexView.vue b/web/src/views/dashboard/IndexView.vue
index 50919550..f64f2380 100644
--- a/web/src/views/dashboard/IndexView.vue
+++ b/web/src/views/dashboard/IndexView.vue
@@ -404,7 +404,7 @@ if (import.meta.hot) {
   <AppPage :show-footer="true" min-w-375>
     <div flex-1>
       <n-space vertical>
-        <n-card :segmented="true" rounded-10 size="small">
+        <n-card :segmented="true" size="small">
           <n-page-header :subtitle="systemInfo?.panel_version">
             <n-grid :cols="4" pb-10>
               <n-gi>
@@ -436,7 +436,7 @@ if (import.meta.hot) {
           </n-page-header>
         </n-card>
 
-        <n-card :segmented="true" rounded-10 size="small" title="资源总览">
+        <n-card :segmented="true" size="small" title="资源总览">
           <n-flex v-if="realtime" size="large">
             <n-popover trigger="hover">
               <template #trigger>
@@ -654,7 +654,7 @@ if (import.meta.hot) {
         >
           <n-gi>
             <n-flex vertical>
-              <n-card :segmented="true" size="small" title="快捷应用" min-h-340 rounded-10>
+              <n-card :segmented="true" size="small" title="快捷应用" min-h-340>
                 <n-scrollbar max-h-270>
                   <n-grid
                     v-if="!homeAppsLoading"
@@ -669,7 +669,6 @@ if (import.meta.hot) {
                         :segmented="true"
                         size="small"
                         cursor-pointer
-                        rounded-10
                         hover:card-shadow
                         @click="handleManageApp(item.slug)"
                       >
@@ -701,7 +700,7 @@ if (import.meta.hot) {
                 </n-text>
                 <n-skeleton v-if="homeAppsLoading" text :repeat="12" />
               </n-card>
-              <n-card :segmented="true" rounded-10 size="small" title="环境信息">
+              <n-card :segmented="true" size="small" title="环境信息">
                 <n-table v-if="systemInfo" :single-line="false">
                   <tr>
                     <th>系统主机名</th>
@@ -757,7 +756,7 @@ if (import.meta.hot) {
             </n-flex>
           </n-gi>
           <n-gi>
-            <n-card :segmented="true" rounded-10 size="small" title="实时监控">
+            <n-card :segmented="true" size="small" title="实时监控">
               <n-flex vertical v-if="systemInfo">
                 <n-form
                   inline
diff --git a/web/src/views/login/IndexView.vue b/web/src/views/login/IndexView.vue
index 4de22e8f..7f0e0e97 100644
--- a/web/src/views/login/IndexView.vue
+++ b/web/src/views/login/IndexView.vue
@@ -97,7 +97,7 @@ watch(isLogin, async () => {
 
 <template>
   <AppPage :show-footer="true" :style="{ backgroundImage: `url(${bgImg})` }" bg-cover>
-    <div m-auto min-w-345 f-c-c rounded-10 bg-white bg-opacity-60 p-15 card-shadow dark:bg-dark>
+    <div m-auto min-w-345 f-c-c bg-white bg-opacity-60 p-15 card-shadow dark:bg-dark>
       <div w-480 flex-col px-20 py-35>
         <h5 color="#6a6a6a" f-c-c text-24 font-normal>
           <n-image :src="logo" height="50" preview-disabled mr-10 />{{ themeStore.name }}
@@ -137,7 +137,6 @@ watch(isLogin, async () => {
             type="primary"
             h-50
             w-full
-            rounded-5
             text-16
             @click="handleLogin"
           >
diff --git a/web/src/views/monitor/IndexView.vue b/web/src/views/monitor/IndexView.vue
index c9e12816..e914a4bd 100644
--- a/web/src/views/monitor/IndexView.vue
+++ b/web/src/views/monitor/IndexView.vue
@@ -446,7 +446,7 @@ watch(data, () => {
         确定要清空吗？
       </n-popconfirm>
     </template>
-    <n-card :segmented="true" flex items-center rounded-10>
+    <n-card :segmented="true" flex items-center>
       <n-form
         inline
         label-placement="left"