From b166022cea8a684f622ac92db1e0a40810eee632 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <i@haozi.net>
Date: Thu, 24 Oct 2024 02:51:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E7=9B=91=E6=8E=A7?=
 =?UTF-8?q?=E5=BC=80=E5=85=B3=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/cert/CreateCertModal.vue |  1 -
 web/src/views/monitor/IndexView.vue    | 44 +++++++++++++-------------
 2 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/web/src/views/cert/CreateCertModal.vue b/web/src/views/cert/CreateCertModal.vue
index bee2dd8c..00b4a467 100644
--- a/web/src/views/cert/CreateCertModal.vue
+++ b/web/src/views/cert/CreateCertModal.vue
@@ -26,7 +26,6 @@ const handleCreateCert = async () => {
   await cert.certCreate(model.value)
   show.value = false
   window.$message.success('创建成功')
-  model.value = false
   model.value.domains = []
   model.value.dns_id = 0
   model.value.type = 'P256'
diff --git a/web/src/views/monitor/IndexView.vue b/web/src/views/monitor/IndexView.vue
index 6ead5a68..7050be0c 100644
--- a/web/src/views/monitor/IndexView.vue
+++ b/web/src/views/monitor/IndexView.vue
@@ -474,42 +474,42 @@ onMounted(() => {
 
 <template>
   <common-page show-footer>
-    <n-card :segmented="true" size="small" flex items-center rounded-10>
+    <template #action>
+      <n-popconfirm @positive-click="handleClear">
+        <template #trigger>
+          <n-button type="error">
+            <TheIcon :size="18" icon="material-symbols:delete-outline" />
+            清除监控记录
+          </n-button>
+        </template>
+        确定要清空吗？
+      </n-popconfirm>
+    </template>
+    <n-card :segmented="true" flex items-center rounded-10>
       <n-form
         inline
         label-placement="left"
         label-width="auto"
         require-mark-placement="right-hanging"
       >
-        <n-grid cols="1 s:1 m:1 l:24 xl:24 2xl:24" item-responsive responsive="screen">
-          <n-form-item-gi :span="3" label="开启监控">
+        <n-flex items-center>
+          <n-form-item label="开启监控">
             <n-switch v-model:value="monitorSwitch" @update-value="handleUpdate" />
-          </n-form-item-gi>
-          <n-form-item-gi :span="6" label="保存天数">
+          </n-form-item>
+          <n-form-item label="保存天数">
             <n-input-number v-model:value="saveDay">
               <template #suffix> 天 </template>
             </n-input-number>
-          </n-form-item-gi>
-          <n-form-item-gi :span="2">
+          </n-form-item>
+          <n-form-item>
             <n-button type="primary" @click="handleUpdate">确定</n-button>
-          </n-form-item-gi>
-          <n-form-item-gi :span="9" label="时间选择">
+          </n-form-item>
+          <n-form-item label="时间选择">
             <n-date-picker v-model:value="start" type="datetime" />
             -
             <n-date-picker v-model:value="end" type="datetime" />
-          </n-form-item-gi>
-          <n-form-item-gi :span="4" label="操作">
-            <n-popconfirm @positive-click="handleClear">
-              <template #trigger>
-                <n-button type="error">
-                  <TheIcon :size="18" icon="material-symbols:delete-outline" />
-                  清除监控记录
-                </n-button>
-              </template>
-              确定要清空吗？
-            </n-popconfirm>
-          </n-form-item-gi>
-        </n-grid>
+          </n-form-item>
+        </n-flex>
       </n-form>
     </n-card>
     <n-grid cols="1 s:1 m:1 l:2 xl:2 2xl:2" item-responsive responsive="screen" pt-20>