通知公告

src/apps/AppNotification/components/detail.vue

@@ -63,16 +63,15 @@
   export default {
     name: "detail",
     components:{AiBack,AiEmpty},
+    props:{
+      params:Object
+    },
     data() {
       return {
-        detailObj: null,
-        id: null,
-        flag: null,
+        detailObj: {},
       }
     },
-    onLoad(opt){
-      this.id = opt.id;
-      this.flag = opt.flag;
+    created() {
       this.getDetail();
     },
     methods: {
@@ -90,8 +89,8 @@
       getDetail() {
         this.$http.post("/app/appannouncement/detail", null, {
           params: {
-            id: this.id,
-            detail: this.flag
+            id: this.params?.id,
+            detail: this.params?.flag
           }
         }).then(res=>{
           if(res && res.data){
@@ -100,9 +99,9 @@
         })
       },
       handleClick() {
-        uni.navigateTo({
-          url:"/pages/notification/components/read?id=" + this.id,
-        })
+        this.$parent.params = this.params.id;
+        this.$parent.comp = "read";
+        this.$parent.showList = false;
       }
     },
   }

src/apps/AppNotification/components/index.js

@@ -0,0 +1,3 @@
+export {default as add} from "./add"
+export {default as detail} from "./detail"
+export {default as read} from "./read"

src/apps/AppNotification/components/read.vue

@@ -5,7 +5,7 @@
     </AiTopFixed>
     <div class="body">
       <div class="item" v-for="(item,index) in (current==0 ? list.read : list.unRead)" :key="index">
-        <u-avatar :src="item.avatar" mode="square" size="76"></u-avatar>
+        <u-avatar :src="item.avatar" mode="square" size="38"></u-avatar>
         <span class="name">{{item.name}}</span>
       </div>
     </div>
@@ -20,22 +20,23 @@
   export default {
     name: "read",
     components: {AiBack, AiTopFixed},
+    props:{
+      params:[String,Number]
+    },
     data() {
       return {
         current: 0,
-        id: null,
         list: [],
       }
     },
-    onLoad(opt) {
-      this.id = opt.id;
+    created() {
       this.getList();
     },
     methods: {
       getList() {
         this.$http.post("/app/appannouncementreader/list-unread",null,{
           params:{
-            id:this.id
+            id:this.params
           }
         }).then(res => {
           if (res && res.data) {