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

src/components/proxy/ProxyPanel.vue

@@ -4,7 +4,6 @@ import {
   NDataTable,
   NInput,
   NModal,
-  NPopconfirm,
   NRadioButton,
   NRadioGroup,
   type DataTableColumns,
@@ -19,6 +18,7 @@ import {
   probeProxy,
   updateProxy,
 } from '@/api/proxies'
+import ConfirmPop from '@/components/ConfirmPop.vue'
 import AppInputNumber from '@/components/AppInputNumber.vue'
 import FootNote from '@/components/FootNote.vue'
 import FormField from '@/components/FormField.vue'
@@ -257,12 +257,11 @@ const columns: DataTableColumns<ProxyInfo> = [
         h(NButton, { size: 'tiny', quaternary: true, onClick: () => openTenants(row) }, () => '关联租户'),
         h(NButton, { size: 'tiny', quaternary: true, onClick: () => openEdit(row) }, () => '编辑'),
         h(
-          NPopconfirm,
-          { onPositiveClick: () => remove(row) },
+          ConfirmPop,
+          { title: '删除该代理？', content: '删除后不可恢复。', confirmText: '删除', onConfirm: () => remove(row) },
           {
             trigger: () =>
               h(NButton, { size: 'tiny', type: 'error', quaternary: true, disabled: row.usedBy > 0 }, () => '删除'),
-            default: () => '删除后不可恢复,确认?',
           },
         ),
       ]),