style:系统通知

 <template>
 <template>
-  <dialogBox :title="title" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%"
-    @closeDialog="closeDialog" v-model="value" :isButton="isButtonFlag">
   <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
   <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
     <el-row>
     <el-row>
       <el-col :span="24">
       <el-col :span="24">
@@ -42,8 +40,11 @@
         <div slot="tip" class="el-upload__tip">文件大小不超过20MB</div>
         <div slot="tip" class="el-upload__tip">文件大小不超过20MB</div>
       </el-upload>
       </el-upload>
     </div>
     </div>
+    <el-form-item v-if="formData.isButtonFlag" class="text-center">
+      <el-button @click="closeDialog">取消</el-button>
+      <el-button type="primary" @click="submitForm" plain>确定</el-button>
+    </el-form-item>
   </el-form>
   </el-form>
-  </dialogBox>
 </template>
 </template>
 <script>
 <script>
 import { addSysNotice, updateSysNotice } from "@/api/system.js";
 import { addSysNotice, updateSysNotice } from "@/api/system.js";
@@ -51,9 +52,10 @@ import { upload } from "@/api/system.js";
 import { quillEditor } from "vue-quill-editor";
 import { quillEditor } from "vue-quill-editor";
 export default {
 export default {
   props: {
   props: {
-    value: { type: Boolean, default: false },
-    isButtonFlag: { type: Boolean, default: true },
-    title: { type: String, default: '新增系统通知' }
+    formData: {
+      type: Object,
+      default: () => { }
+    }
   },
   },
   components: { quillEditor },
   components: { quillEditor },
   data () {
   data () {
@@ -113,10 +115,7 @@ export default {
       }
       }
     };
     };
   },
   },
-  watch: {
-    value (val) {
-      if (val) {
-        let that = this
+  mounted () {
     this.$nextTick(() => {
     this.$nextTick(() => {
       //创建富文本粘贴事件监听
       //创建富文本粘贴事件监听
       let quill = this.$refs.myQuillEditor.quill;
       let quill = this.$refs.myQuillEditor.quill;
@@ -139,12 +138,12 @@ export default {
           }
           }
         },
         },
         false
         false
-          );
-        });
-      }
+      )
+    })
+    if (this.formData) {
+      this.getDetailInfo(this.formData)
     }
     }
   },
   },
-  mounted () { },
   methods: {
   methods: {
     submitForm () {
     submitForm () {
       let that = this;
       let that = this;
@@ -156,14 +155,13 @@ export default {
             that.addNotice();
             that.addNotice();
           }
           }
         } else {
         } else {
-          // console.log('error submit!!');
           return false;
           return false;
         }
         }
       });
       });
     },
     },
     //关闭窗口
     //关闭窗口
     closeDialog () {
     closeDialog () {
-      this.$emit("input", false);
+      this.$popupCacel()
       this.resetRuleForm();
       this.resetRuleForm();
     },
     },
     //新增通知
     //新增通知
@@ -171,7 +169,7 @@ export default {
       addSysNotice(this.ruleForm).then(res => {
       addSysNotice(this.ruleForm).then(res => {
         if (res.code == 200) {
         if (res.code == 200) {
           this.$message.success("保存成功");
           this.$message.success("保存成功");
-          this.$emit("input", false);
+          this.$popupCacel()
           this.resetRuleForm();
           this.resetRuleForm();
           this.$parent.queryClick();
           this.$parent.queryClick();
         } else {
         } else {
@@ -184,7 +182,7 @@ export default {
       updateSysNotice(this.ruleForm).then(res => {
       updateSysNotice(this.ruleForm).then(res => {
         if (res.code == 200) {
         if (res.code == 200) {
           this.$message.success("编辑成功");
           this.$message.success("编辑成功");
-          this.$emit("input", false);
+          this.$popupCacel()
           this.resetRuleForm();
           this.resetRuleForm();
           this.$parent.queryClick();
           this.$parent.queryClick();
         } else {
         } else {
@@ -201,7 +199,6 @@ export default {
         noticeSource: "",
         noticeSource: "",
         noticeType: "1"
         noticeType: "1"
       }
       }
-      this.isButtonFlag = true;
     },
     },
     beforeUpload (file) {
     beforeUpload (file) {
       return true;
       return true;
@@ -239,7 +236,6 @@ export default {
         quill.insertEmbed(length, "image", res.message);
         quill.insertEmbed(length, "image", res.message);
         // 调整光标到最后
         // 调整光标到最后
         quill.setSelection(length + 1);
         quill.setSelection(length + 1);
-        //that.quillUpdateImg = false;
       });
       });
     },
     },
     onSubmit () {
     onSubmit () {
@@ -267,6 +263,7 @@ export default {
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/dialogBoxheader.scss";
 @import "~@/styles/dialogBoxheader.scss";
+
 .quill-editor {
 .quill-editor {
   padding: 0;
   padding: 0;
 }
 }

@@ -86,16 +86,10 @@ export default {
     //打开新增弹窗
     //打开新增弹窗
     openDialog (item) {
     openDialog (item) {
       if (item) {
       if (item) {
-        this.$nextTick(() => {
-          this.isButtonFlag = false;
-          this.$refs.addDialog.getDetailInfo(item);
-          this.dialogTitle = '系统通知详情'
-        })
+        this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": false }, "50%")
       } else {
       } else {
-        this.isButtonFlag = true;
-        this.dialogTitle = '新增系统通知'
+        this.$popupDialog("新增系统通知", "system/xttz/components/addDialog", { "isButtonFlag": true }, "50%")
       }
       }
-      this.isDialog = true;
     },
     },
     //删除
     //删除
     delNotice (item) {
     delNotice (item) {