新增对象存储/账单/保留IP页面,成本今天视图与样式收敛

src/components/tenant/MiscTab.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NButton, NDynamicTags, NPopconfirm, NSpin, NSwitch } from 'naive-ui'
+import { NButton, NDynamicTags, NSpin, NSwitch } from 'naive-ui'
 import { computed, ref, watch } from 'vue'
 
 import {
@@ -17,6 +17,7 @@ import {
   updateIdentitySetting,
   updateNotificationRecipients,
 } from '@/api/tenant'
+import ConfirmPop from '@/components/ConfirmPop.vue'
 import FootNote from '@/components/FootNote.vue'
 import StatusBadge from '@/components/StatusBadge.vue'
 import PolicyEditModal from '@/components/tenant/PolicyEditModal.vue'
@@ -205,14 +206,17 @@ function policyDesc(p: PasswordPolicy): string {
             <span class="h-1.5 w-1.5 rounded-full" :class="relayChip.dot" />
             {{ relayChip.label }}
           </span>
-          <NPopconfirm v-if="relayBuilt" @positive-click="destroyRelay">
+          <ConfirmPop
+            v-if="relayBuilt"
+            title="销毁回传链路？"
+            content="将删除租户内的 Connector、Policy、订阅与 Topic 并撤销回调地址。"
+            confirm-text="销毁"
+            :on-confirm="destroyRelay"
+          >
             <template #trigger>
-              <NButton size="tiny" type="error" quaternary :loading="tearingRelay">
-                销毁链路
-              </NButton>
+              <NButton size="tiny" type="error" quaternary>销毁链路</NButton>
             </template>
-            将删除租户内的 Connector、Policy、订阅与 Topic 并撤销回调地址,确认销毁?
-          </NPopconfirm>
+          </ConfirmPop>
           <NButton
             v-else
             size="small"
@@ -264,14 +268,16 @@ function policyDesc(p: PasswordPolicy): string {
             {{ webhook.data.value.webhook?.path }}
           </span>
           <NButton size="tiny" quaternary class="flex-none" @click="copyWebhookPath">复制</NButton>
-          <NPopconfirm @positive-click="removeWebhook">
+          <ConfirmPop
+            title="撤销 Webhook 地址？"
+            content="撤销后旧回调地址立即 404,OCI 侧订阅将投递失败。"
+            confirm-text="撤销"
+            :on-confirm="removeWebhook"
+          >
             <template #trigger>
-              <NButton size="tiny" type="error" quaternary class="flex-none" :loading="savingWebhook">
-                撤销
-              </NButton>
+              <NButton size="tiny" type="error" quaternary class="flex-none">撤销</NButton>
             </template>
-            撤销后旧回调地址立即 404,OCI 侧订阅将投递失败,确认撤销?
-          </NPopconfirm>
+          </ConfirmPop>
         </div>
         <div v-else class="mx-4.5 mt-3 flex flex-wrap items-center gap-2.5 rounded-md bg-wash px-3 py-2">
           <span class="min-w-0 flex-1 text-xs text-ink-3">