feat: 延期弹窗显示套餐订购时间、到期时间与沉默期截止时间

src/components/business/package-silence/SilenceExtendDialog.vue

@@ -51,6 +51,24 @@
             >刷新资格</ElButton
           ></ElFormItem
         >
+        <ElFormItem v-if="eligibility" label="订购时间">{{
+          eligibility.purchased_at ? formatDateTime(eligibility.purchased_at) : '-'
+        }}</ElFormItem>
+        <ElFormItem v-if="eligibility" label="到期时间">{{
+          eligibility.expires_at
+            ? formatDateTime(eligibility.expires_at)
+            : '未生效（实名激活后开始计算）'
+        }}</ElFormItem>
+        <ElFormItem v-if="eligibility" label="沉默期截止"
+          ><span class="silence-deadline">{{
+            eligibility.silence_deadline_at
+              ? formatDateTime(eligibility.silence_deadline_at)
+              : eligibility.original_deadline || '-'
+          }}</span
+          ><span v-if="eligibility.overdue_days" class="silence-overdue"
+            >（已过期 {{ eligibility.overdue_days }} 天）</span
+          ></ElFormItem
+        >
         <ElFormItem v-if="eligibility" label="延期资格"
           ><span
             >{{
@@ -245,9 +263,10 @@
   const emit = defineEmits<{ close: []; changed: [] }>()
   // 展示套餐名称（及资产），不展示内部套餐记录 ID；调用方未传名称时才退回显示 ID
   const packageLabel = computed(() => {
-    const name = props.packageName?.trim()
+    const name = eligibility.value?.package_name?.trim() || props.packageName?.trim()
+    const asset = eligibility.value?.asset_identifier || props.assetIdentifier
     if (!name) return props.usageId ? `套餐记录 ${props.usageId}` : '-'
-    return props.assetIdentifier ? `${name}（${props.assetIdentifier}）` : name
+    return asset ? `${name}（${asset}）` : name
   })
   const { hasAuth } = useAuth(),
     user = useUserStore()
@@ -710,4 +729,9 @@
       color: var(--el-color-warning);
     }
   }
+
+  .silence-overdue {
+    margin-left: 4px;
+    color: var(--el-color-danger);
+  }
 </style>