refactor(announcement): 将公告编辑对话框改为侧边栏模式

- 将 el-dialog 组件替换为 el-drawer 组件
- 修改组件属性配置以适应侧边栏布局
- 更新封面图片上传组件名称从 image-upload 到 upload-image
- 添加 destroy-on-close 属性确保关闭时销毁组件实例

src/views/platform/operation/announcement/index.vue

@@ -67,8 +67,8 @@
       </div>
     </div>
 
-    <!-- 新增/编辑对话框 -->
-    <el-dialog v-model="dialog.visible" :title="dialog.title" width="800px" append-to-body>
+    <!-- 新增/编辑侧边栏 -->
+    <el-drawer v-model="dialog.visible" :title="dialog.title" size="1000px" direction="rtl" append-to-body :destroy-on-close="true">
       <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
         <el-row :gutter="20">
           <el-col :span="12">
@@ -86,7 +86,7 @@
           <el-input v-model="form.announcementTitle" placeholder="请输入公告标题" />
         </el-form-item>
         <el-form-item label="封面图片" prop="coverImage">
-          <image-upload v-model="form.coverImage" :limit="1" />
+          <upload-image v-model="form.coverImage" :limit="1" />
         </el-form-item>
         <el-form-item label="公告内容" prop="announcementContent">
           <editor v-model="form.announcementContent" :min-height="200" />
@@ -96,7 +96,7 @@
         <el-button type="primary" @click="submitForm">确 认</el-button>
         <el-button @click="dialog.visible = false">取 消</el-button>
       </template>
-    </el-dialog>
+    </el-drawer>
   </div>
 </template>