通知公告

src/apps/AppNotification/AppNotification.vue

@@ -57,9 +57,9 @@
           <div class="btn" @click="show=false">关闭</div>
         </div>
       </u-popup>
-      <u-modal v-model="modal" :content="'是否确定' + content + '该公告？'" title="" show-confirm-button
+      <u-modal :show="modal" :content="'是否确定' + content + '该公告？'" title="" show-confirm-button
                show-cancel-button confirm-text="确定" cancel-text="取消"
-               @confirm="confirm"></u-modal>
+               @confirm="confirm" :closeOnClickOverlay="true" @cancel="modal=false"></u-modal>
     </template>
     <component :is="comp" v-else :params="params"></component>
   </div>
@@ -143,6 +143,7 @@
         }).then(res => {
           if (res.code == 0) {
             this.$u.toast(this.content + "成功");
+            this.modal = false;
             this.getList();
           }
         })
@@ -160,9 +161,13 @@
 
         if (item.val == 0) {
           this.show = false;
-          return uni.navigateTo({
+          this.comp = "detail";
-            url: "/pages/notification/components/detail?id=" + this.detail.id
+          this.params = {
-          });
+            id: this.detail.id,
+            flag: true
+          };
+          this.showList = false;
+          return
         }
 
         if ([1, 2, 4].includes(item.val)) {
@@ -171,9 +176,13 @@
 
         if (item.val == 3) {
           this.show = false;
-          return uni.navigateTo({
+          this.comp = "add";
-            url: "/pages/notification/components/add?id=" + this.detail.id + "&flag=" + false
+          this.params = {
-          });
+            id: this.detail.id,
+            flag: false
+          };
+          this.showList = false;
+          return
         }
       },
       color(status) {
@@ -199,6 +208,10 @@
       },
       add() {
         this.comp = "add";
+        this.params = {
+          id: null,
+          flag: false
+        };
         this.showList = false;
       },
       change(val) {

src/apps/AppNotification/components/add.vue

@@ -61,7 +61,7 @@
       </div>
     </div>
     <AiBack ref="aiBack" v-if="!userSelect"/>
-    <u-picker v-model="show" mode="time" :params="params" @confirm="confirm"></u-picker>
+    <u-picker v-model="show" mode="time" :params="options" @confirm="confirm"></u-picker>
     <AiSelectEnterprise :visible.sync="userSelect" :value="form.persons" v-if="userSelect" @change="change"></AiSelectEnterprise>
   </div>
 </template>
@@ -74,6 +74,9 @@
   export default {
     name: "add",
     components: {AiBack,AiSelectEnterprise,AiUploader},
+    props:{
+      params:Object
+    },
     data() {
       return {
         show: false,
@@ -88,7 +91,7 @@
           files: [],
         },
         userSelect: false,
-        params: {
+        options: {
           year: true,
           month: true,
           day: true,
@@ -100,10 +103,19 @@
         flag: null,
       }
     },
-    onLoad(opt) {
+    watch:{
-      if(opt.id) {
+      params:{
-        this.form.id = opt.id;
+        handler:function (v) {
-        this.flag = opt.flag;
+          if(this.params?.id){
+            this.form.id = this.params?.id;
+            this.flag = this.params?.flag;
+          }
+        },
+        immediate:true
+      }
+    },
+    created() {
+      if(this.params?.id){
         this.getDetail();
       }
     },