From 227dd63bb89a3ed11208ef95cba5e0a369362eb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=B9=E8=BF=9B?= <zoujin@qq.com>
Date: Sat, 7 Nov 2026 20:33:46 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=90=8E=E5=8F=B0=E5=BB=B6=E6=9C=9F?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E8=AF=A6=E6=83=85=E5=8F=AF=E4=BD=9C=E5=BA=9F?=
 =?UTF-8?q?=E5=BE=85=E6=94=AF=E4=BB=98=E8=AE=A2=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

作废前后端先查单，已支付则按支付成功办理延期并拒绝作废；作废后同一套餐可重新下单
---
 src/api/modules/packageSilence.ts             |  7 +++
 .../package-silence/SilenceDetail.vue         | 57 +++++++++++++++++++
 2 files changed, 64 insertions(+)

diff --git a/src/api/modules/packageSilence.ts b/src/api/modules/packageSilence.ts
index 49d7f1d..b03ec4f 100644
--- a/src/api/modules/packageSilence.ts
+++ b/src/api/modules/packageSilence.ts
@@ -58,6 +58,13 @@ export class PackageSilenceService extends BaseService {
   static order(id: number): Promise<BaseResponse<SilenceExtensionOrderResponse>> {
     return this.get(`${root}/orders/${id}`, undefined, quiet)
   }
+  /** 作废待支付延期订单（作废前后端先查单，已支付则按支付成功办理并拒绝作废） */
+  static closeOrder(
+    id: number,
+    reason?: string
+  ): Promise<BaseResponse<SilenceExtensionOrderResponse>> {
+    return this.post(`${root}/orders/${id}/close`, { reason }, quiet)
+  }
   static batches(params: SilenceBatchQuery): Promise<BaseResponse<SilenceBatchPageResult>> {
     return this.get(`${root}/batches`, params, quiet)
   }
diff --git a/src/components/business/package-silence/SilenceDetail.vue b/src/components/business/package-silence/SilenceDetail.vue
index 06ab7b0..7188bc8 100644
--- a/src/components/business/package-silence/SilenceDetail.vue
+++ b/src/components/business/package-silence/SilenceDetail.vue
@@ -24,6 +24,10 @@
           >支付截止：{{ data.expire_at ? formatDateTime(data.expire_at) : '-' }}</p
         ></div
       >
+      <div v-if="canCloseOrder" class="silence-order-actions">
+        <ElButton type="danger" plain :loading="handling" @click="closeOrder">作废订单</ElButton>
+        <span class="silence-order-tip">作废后同一套餐可以重新下单；已支付的订单不能作废。</span>
+      </div>
       <ElAlert
         v-if="kind === 'orders' && data.status === 'pending_approval'"
         title="审批中，尚未生效。请以订单完成状态及实际截止日为准。"
@@ -209,6 +213,47 @@
       void load()
     }
   )
+  // 作废待支付订单：需要发起延期的权限（与生成二维码相同）
+  const canCloseOrder = computed(
+    () =>
+      props.kind === 'orders' &&
+      data.value?.status === 'pending_payment' &&
+      data.value?.payment_method !== 'offline' &&
+      allowed.value &&
+      hasAuth(P.extend)
+  )
+  async function closeOrder() {
+    if (handling.value || !data.value) return
+    const scope = pollingScope(user),
+      path = route.fullPath,
+      id = silenceId(Number(data.value.id))
+    handling.value = true
+    try {
+      requireGatewayAccess(canCloseOrder.value)
+      const { value } = await ElMessageBox.prompt(
+        '作废后该订单不能再支付，同一套餐可以重新下单。作废前会先向支付渠道确认，已支付的会按支付成功办理延期。可填写作废原因（选填）。',
+        '作废延期订单',
+        {
+          type: 'warning',
+          confirmButtonText: '确认作废',
+          cancelButtonText: '取消',
+          inputPlaceholder: '作废原因（选填）'
+        }
+      )
+      requireGatewayAccess(
+        active && canCloseOrder.value && scope === pollingScope(user) && path === route.fullPath
+      )
+      silenceData(await Service.closeOrder(id, value?.trim() || undefined))
+      if (active && scope === pollingScope(user) && path === route.fullPath) await load()
+    } catch (e) {
+      if (active && e !== 'cancel' && e !== 'close') {
+        actionError.value = gatewayError(e)
+        await load()
+      }
+    } finally {
+      handling.value = false
+    }
+  }
   async function handle(row: Record<string, any>, action: 'retry' | 'close') {
     if (handling.value) return
     const scope = pollingScope(user),
@@ -281,4 +326,16 @@
       margin: 4px;
     }
   }
+  .silence-order-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    align-items: center;
+    margin: 12px 0;
+  }
+
+  .silence-order-tip {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+  }
 </style>