@@ -1632,6 +1644,7 @@
ID |
标题 |
状态 |
+
图片 |
创建时间 |
操作 |
@@ -1646,6 +1659,7 @@
${a.is_active ? '启用' : '停用'}
+
${a.image_url ? '有图' : '-'} |
${a.created_at || '-'} |
@@ -1670,17 +1684,82 @@
const content = document.getElementById('announcementContent');
if (title) title.value = '';
if (content) content.value = '';
+ clearAnnouncementImage();
+ }
+
+ function triggerAnnouncementImageUpload() {
+ const input = document.getElementById('announcementImageFile');
+ if (input) input.click();
+ }
+
+ async function uploadAnnouncementImageFile() {
+ const input = document.getElementById('announcementImageFile');
+ const urlInput = document.getElementById('announcementImageUrl');
+ const file = input?.files?.[0];
+ if (!file || !urlInput) return;
+
+ if (file.type && !String(file.type).startsWith('image/')) {
+ showNotification('请选择图片文件', 'error');
+ input.value = '';
+ return;
+ }
+
+ const formData = new FormData();
+ formData.append('file', file);
+ try {
+ const response = await fetch('/yuyx/api/announcements/upload_image', {
+ method: 'POST',
+ body: formData
+ });
+ const data = await response.json();
+ if (!response.ok || !data?.success) {
+ showNotification(data?.error || '上传失败', 'error');
+ return;
+ }
+ urlInput.value = data.url || '';
+ updateAnnouncementImagePreview();
+ showNotification('上传成功', 'success');
+ } catch (e) {
+ showNotification('上传失败', 'error');
+ } finally {
+ input.value = '';
+ }
+ }
+
+ function clearAnnouncementImage() {
+ const imageUrl = document.getElementById('announcementImageUrl');
+ const imageFile = document.getElementById('announcementImageFile');
+ if (imageUrl) imageUrl.value = '';
+ if (imageFile) imageFile.value = '';
+ updateAnnouncementImagePreview();
+ }
+
+ function updateAnnouncementImagePreview() {
+ const imageUrl = document.getElementById('announcementImageUrl');
+ const previewWrap = document.getElementById('announcementImagePreview');
+ const previewImg = document.getElementById('announcementImagePreviewImg');
+ if (!imageUrl || !previewWrap || !previewImg) return;
+ const url = String(imageUrl.value || '').trim();
+ if (url) {
+ previewImg.src = url;
+ previewWrap.style.display = 'block';
+ } else {
+ previewImg.removeAttribute('src');
+ previewWrap.style.display = 'none';
+ }
}
function viewAnnouncement(id) {
const announcement = announcements.find(a => a.id === id);
if (!announcement) return;
- alert(`标题：${announcement.title || ''}\n\n内容：\n${announcement.content || ''}`);
+ const imageLine = announcement.image_url ? `\n图片：${announcement.image_url}` : '';
+ alert(`标题：${announcement.title || ''}${imageLine}\n\n内容：\n${announcement.content || ''}`);
}
async function createAnnouncement(isActive) {
const title = (document.getElementById('announcementTitle')?.value || '').trim();
const content = (document.getElementById('announcementContent')?.value || '').trim();
+ const image_url = (document.getElementById('announcementImageUrl')?.value || '').trim();
if (!title || !content) {
showNotification('标题和内容不能为空', 'error');
return;
@@ -1690,7 +1769,7 @@
const response = await fetch('/yuyx/api/announcements', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ title, content, is_active: !!isActive })
+ body: JSON.stringify({ title, content, image_url, is_active: !!isActive })
});
const data = await response.json();
if (!response.ok) {
diff --git a/templates/index.html b/templates/index.html
index 33d18a4..3bcd845 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -628,6 +628,9 @@
+
+ ![公告图片]()
+
|