新增打手端滚动公告

2026-08-20 20:04:43 +08:00
parent 20b1066ba3
commit 6539e0fb21
15 changed files with 291 additions and 0 deletions
@@ -0,0 +1,61 @@
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { App, Button, Card, Form, Input, Space, Switch, Typography } from 'antd'
+import { useEffect, useState } from 'react'
+
+import { fetchAdminWorkerAnnouncement, saveAdminWorkerAnnouncement } from '@/services/admin'
+import type { WorkerAnnouncementConfig } from '@/types/worker-platform'
+
+export default function AnnouncementPanel() {
+  const { message } = App.useApp()
+  const queryClient = useQueryClient()
+  const [form] = Form.useForm<WorkerAnnouncementConfig>()
+  const [saving, setSaving] = useState(false)
+  const announcementQuery = useQuery({
+    queryKey: ['admin-worker-announcement'],
+    queryFn: fetchAdminWorkerAnnouncement,
+  })
+
+  useEffect(() => {
+    if (announcementQuery.data?.data) form.setFieldsValue(announcementQuery.data.data)
+  }, [announcementQuery.data, form])
+
+  async function saveAnnouncement(values: WorkerAnnouncementConfig) {
+    setSaving(true)
+    try {
+      await saveAdminWorkerAnnouncement({
+        enabled: values.enabled !== false,
+        content: String(values.content || '').trim(),
+      })
+      await queryClient.invalidateQueries({ queryKey: ['admin-worker-announcement'] })
+      message.success('公告已保存')
+    } catch (error) {
+      message.error(error instanceof Error ? error.message : '保存公告失败')
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  return (
+    <Card title="打手端滚动公告" bordered={false}>
+      <Form form={form} layout="vertical" onFinish={saveAnnouncement} style={{ maxWidth: 760 }}>
+        <Form.Item name="enabled" valuePropName="checked" label="展示公告">
+          <Switch />
+        </Form.Item>
+        <Form.Item
+          name="content"
+          label="公告内容"
+          rules={[{ required: true, whitespace: true, message: '请填写公告内容' }]}
+          extra="公告会显示在打手端各页面顶部并横向滚动。"
+        >
+          <Input.TextArea rows={4} maxLength={300} showCount placeholder="请输入打手端公告内容" />
+        </Form.Item>
+        <Space>
+          <Button type="primary" htmlType="submit" loading={saving}>
+            保存公告
+          </Button>
+          <Typography.Text type="secondary">关闭后打手端不显示公告栏。</Typography.Text>
+        </Space>
+      </Form>
+    </Card>
+  )
+}