消息通知修改

SC-web/src/views/dashboard/admin/index.vue

@@ -50,14 +50,6 @@
         <line-chart-b />
       </el-col>
     </el-row>
-    <!-- <el-row style="background:#fff;padding:0 16px;margin-bottom:10px;border-radius: 4px;">
-      <div class="dateSelect">
-        <el-date-picker v-model="value1" type="date" placeholder="选择日期" size="small">
-        </el-date-picker>
-      </div>
-      <line-chart />
-    </el-row> -->
-    <!-- <PortalLayoutC :layout="layout" v-if="type === 0" /> -->
     <el-row :gutter="10" class="notice">
       <el-col :span="12">
         <div class="notice_left">
@@ -120,6 +112,9 @@ export default {
       opinionData: ["3", "2", "4", "4", "5"],
       massageList: [],
       tadayPoundist: {},
+      pageSize: 10,
+      currentPage: 1,
+      intervalID: undefined,
     }
   },
   computed: {
@@ -133,6 +128,10 @@ export default {
     this.getTadayPoundist()
     this.getData()
     this.getMsg()
+    this.intervalStrat()
+  },
+  beforeDestroy() {
+    this.intervalDel();
   },
   methods: {
     getData() {
@@ -157,18 +156,35 @@ export default {
         url: "/api/messageCenter/MessageCenter/getMobileList",
         method: "post",
         data: {
-          currentPage: 1,
-          pageSize: 9,
+          currentPage: this.currentPage,
+          pageSize: this.pageSize,
         },
       }).then(res => {
         if (res.code == 200) {
           let _list = res.data.list;
           this.massageList = _list;
+          if (this.massageList.length === this.pageSize) {
+            this.currentPage = this.currentPage + 1;
+          } else {
+            this.currentPage = 1;
+          }
           //console.log(_list)
         }
       }).catch(() => {
       })
     },
+    intervalStrat() {
+      this.intervalDel();
+      this.intervalID = setInterval(() => {
+        this.getMsg();
+      }, 5000);
+
+    },
+    intervalDel() {
+      if (this.intervalID) {
+        clearInterval(this.intervalID);
+      }
+    },
     getTadayPoundist() {
       request({
         url: "/api/messageCenter/MessageCenter/getTadayPoundist",