add top for announcement

src/admin/announcement/detail.vue

@@ -19,6 +19,7 @@ const announcement = reactive<AnnouncementEdit>({
   tag: "公告",
   content: "",
   visible: false,
+  top: false,
 })
 
 const tags: SelectOption[] = [
@@ -38,6 +39,7 @@ async function init() {
   announcement.title = res.data.title
   announcement.content = res.data.content
   announcement.visible = res.data.visible
+  announcement.top = res.data.top
 }
 
 async function submit() {
@@ -85,6 +87,9 @@ onMounted(init)
     <n-form-item label="可见">
       <n-switch v-model:value="announcement.visible" />
     </n-form-item>
+    <n-form-item label="置顶">
+      <n-switch v-model:value="announcement.top" />
+    </n-form-item>
   </n-form>
   <TextEditor
     v-if="ready"

src/oj/announcement/components/TitleWithTag.vue

@@ -0,0 +1,14 @@
+<template>
+  <n-flex align="center">
+    <n-tag type="error" v-if="top">置顶</n-tag>
+    <span>{{ title }}</span>
+  </n-flex>
+</template>
+<script setup lang="ts">
+interface Props {
+  top: boolean
+  title: string
+}
+
+defineProps<Props>()
+</script>

src/oj/announcement/list.vue

@@ -5,6 +5,7 @@ import { parseTime } from "~/utils/functions"
 import { Announcement } from "~/utils/types"
 import { isDesktop } from "~/shared/composables/breakpoints"
 import { NTag } from "naive-ui"
+import TitleWithTag from "./components/TitleWithTag.vue"
 
 const total = ref(0)
 const content = ref("")
@@ -15,7 +16,12 @@ const query = reactive({
   page: 1,
 })
 const columns: DataTableColumn<Announcement>[] = [
-  { key: "title", title: "公告标题", minWidth: 300 },
+  {
+    key: "title",
+    title: "公告标题",
+    render: (row) => h(TitleWithTag, { title: row.title, top: row.top }),
+    minWidth: 300,
+  },
   {
     key: "tag",
     title: "标签",

src/utils/types.ts

@@ -337,6 +337,7 @@ export interface AnnouncementEdit {
   tag: string
   content: string
   visible: boolean
+  top: boolean
 }
 
 export interface Announcement extends AnnouncementEdit {