From 1a3f39a0d155985976cc3cf39328e36502b12b69 Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Thu, 5 Feb 2026 18:27:31 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=90=8C=E6=AD=A5=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E5=85=AC=E5=91=8A=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=B8=8E=E7=BC=96=E8=BE=91=E5=99=A8=E9=AB=98=E5=BA=A6=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/notice/index.vue | 38 +++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index 07926978..1fbe47c7 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -168,11 +168,31 @@
     <!-- 通知公告表单弹窗 -->
     <el-dialog
       v-model="dialog.visible"
-      :title="dialog.title"
-      top="3vh"
-      width="80%"
+      :show-close="false"
+      :fullscreen="dialog.fullscreen"
+      top="6vh"
+      width="70%"
+      custom-class="notice-dialog"
       @close="handleCloseDialog"
     >
+      <template #header>
+        <div class="flex-x-between">
+          <span>{{ dialog.title }}</span>
+          <div class="dialog-toolbar">
+            <el-button circle @click="toggleDialogFullscreen">
+              <template #icon>
+                <FullScreen v-if="!dialog.fullscreen" />
+                <CopyDocument v-else />
+              </template>
+            </el-button>
+            <el-button circle @click="handleCloseDialog">
+              <template #icon>
+                <Close />
+              </template>
+            </el-button>
+          </div>
+        </div>
+      </template>
       <el-form ref="dataFormRef" :model="formData" :rules="rules" label-width="100px">
         <el-form-item label="通知标题" prop="title">
           <el-input v-model="formData.title" placeholder="通知标题" clearable />
@@ -201,7 +221,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="通知内容" prop="content">
-          <WangEditor v-model="formData.content" />
+          <WangEditor v-model="formData.content" height="350px" />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -285,6 +305,7 @@ const pageData = ref<NoticeItem[]>([]);
 const dialog = reactive({
   title: "",
   visible: false,
+  fullscreen: false,
 });
 
 // 通知公告表单数据
@@ -351,6 +372,7 @@ function handleSelectionChange(selection: any) {
 
 // 打开通知公告弹窗
 function handleOpenDialog(id?: string) {
+  dialog.fullscreen = false;
   UserAPI.getOptions().then((data) => {
     userOptions.value = data;
   });
@@ -451,9 +473,15 @@ function normalizeTargetUsers(value?: unknown) {
 // 关闭通知公告弹窗
 function handleCloseDialog() {
   dialog.visible = false;
+  dialog.fullscreen = false;
   resetForm();
 }
 
+// 弹窗全屏切换
+function toggleDialogFullscreen() {
+  dialog.fullscreen = !dialog.fullscreen;
+}
+
 // 删除通知公告
 function handleDelete(id?: number) {
   const deleteIds = [id || selectIds.value].join(",");
@@ -482,10 +510,12 @@ function handleDelete(id?: number) {
   );
 }
 
+// 关闭通知详情弹窗
 const closeDetailDialog = () => {
   detailDialog.visible = false;
 };
 
+// 打开通知详情弹窗
 const openDetailDialog = async (id: string) => {
   const noticeDetail = await NoticeAPI.getDetail(id);
   currentNotice.value = noticeDetail;