add tag for announcement

src/admin/announcement/detail.vue

@@ -16,10 +16,16 @@ const [ready, toggleReady] = useToggle()
 const announcement = reactive<AnnouncementEdit>({
   id: 0,
   title: "",
+  tag: "",
   content: "",
   visible: false,
 })
 
+const tags: SelectOption[] = [
+  { label: "空白", value: "" },
+  { label: "更新", value: "更新" },
+]
+
 async function init() {
   if (!props.announcementID) {
     toggleReady(true)
@@ -69,6 +75,9 @@ onMounted(init)
     <n-form-item label="标题">
       <n-input class="contestTitle" v-model:value="announcement.title" />
     </n-form-item>
+    <n-form-item label="标签">
+      <n-select class="select" v-model:value="announcement.tag" :options="tags" />
+    </n-form-item>
     <n-form-item label="可见">
       <n-switch v-model:value="announcement.visible" />
     </n-form-item>
@@ -88,6 +97,10 @@ onMounted(init)
   margin-top: 0;
 }
 
+.select {
+  width: 100px;
+}
+
 .contestTitle {
   width: 400px;
 }

src/admin/announcement/list.vue

@@ -16,6 +16,7 @@ const announcements = ref<Announcement[]>([])
 const columns: DataTableColumn<Announcement>[] = [
   { title: "ID", key: "id", width: 60 },
   { title: "标题", key: "title", minWidth: 300 },
+  { title: "标签", key: "tag", width: 120 },
   {
     title: "创建时间",
     key: "create_time",
@@ -59,6 +60,7 @@ async function toggleVisible(announcement: Announcement) {
   editAnnouncement({
     id: announcement.id,
     title: announcement.title,
+    tag: announcement.tag,
     content: announcement.content,
     visible: announcement.visible,
   })