解决了新增公告的一点小问题

src/views/ProjectInfo.vue

@@ -238,15 +238,15 @@
       @edited="onEdited"/>
   <!-- 新增公告框开始 -->
 
-  <el-dialog title="添加项目公告" :model-value="centerDialogVisible" @close="centerDialogVisible = false" width="40%" center>
-    <el-form ref="form" :model="messageForm" :rules="rules" label-width="100px">
+  <el-dialog title="添加项目公告" :model-value="centerDialogVisible" @close="closeadddialog()" width="40%" center>
+    <el-form ref="form" :model="messageForm" :rules="rules" label-width="60px">
       <el-form-item label="标题" prop="addggbttxt">
         <el-input type="text" placeholder="请输入项目公告标题" v-model="messageForm.addggbttxt" maxlength="45" show-word-limit>
         </el-input>
       </el-form-item>
       <el-form-item label="内容" prop="addggtextarea">
         <el-input type="textarea" placeholder="请输入项目公告内容" v-model="messageForm.addggtextarea" maxlength="1000" show-word-limit
-                  :rows="10">
+                  :rows="12">
         </el-input>
       </el-form-item>
     </el-form>
@@ -564,6 +564,21 @@ export default {
       console.log(this.centerDialogVisible)
 
     },
+    //dialog关闭重置表单
+    resetForm() {
+      this.messageForm = {
+        addggbttxt:"",
+        addggtextarea:'',
+      }
+      //清空
+      this.$refs.form.resetFields()
+    },
+    //关闭新增dialog后
+    closeadddialog() {
+      this.centerDialogVisible = false;
+      this.resetForm();
+    },
+
     // 查询公告
     getannouncementList() {
       const that = this;