增加公告图片编辑, 增加取消归档

frontend/src/features/admin/views/AdminAnnouncementsView.vue

@@ -18,6 +18,7 @@ import {
   updateAnnouncement,
   publishAnnouncement,
   archiveAnnouncement,
+  unarchiveAnnouncement,
   deleteAnnouncement,
   type CreateAnnouncementRequest,
   type UpdateAnnouncementRequest,
@@ -135,6 +136,23 @@ async function handleArchive(item: Announcement) {
   }
 }
 
+async function handleUnarchive(item: Announcement) {
+  try {
+    await ElMessageBox.confirm('确认要取消归档该公告吗？取消后公告将恢复发布。', '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    await unarchiveAnnouncement(item.id)
+    ElMessage.success('取消归档成功')
+    loadAnnouncements()
+  } catch (err) {
+    if (err !== 'cancel') {
+      ElMessage.error('取消归档失败')
+    }
+  }
+}
+
 async function handleDelete(item: Announcement) {
   try {
     await ElMessageBox.confirm('确认要删除该公告吗？此操作不可恢复。', '警告', {
@@ -314,6 +332,16 @@ function getStatusType(status: string): '' | 'success' | 'info' | 'warning' {
             >
               归档
             </el-button>
+            <el-button
+              v-if="row.status === 'archived'"
+              type="warning"
+              size="small"
+              @click="handleUnarchive(row)"
+              text
+              style="color: #d97706; font-weight: 700"
+            >
+              取消归档
+            </el-button>
             <el-button
               type="danger"
               size="small"