src/api/index.js

@@ -165,6 +165,12 @@ export const visitPerson = (params, requestMethod) => ajax(`${BASE_URL}/chart/vi
  */
 export const visitNumDay = (params, requestMethod) => ajax(`${BASE_URL}/chart/visit/visitnumday`, params, requestMethod);
 
+/**
+ * 实时信息
+ */
+export const selectInfoMessage = (params, requestMethod) => ajax(`${BASE_URL}/chart/message/selectInfoMessage`, params, requestMethod);
+
+
 /**
  * ----------------------------------------------------------------------------------------------------------------------------------------
  */

src/pages/Home.vue

@@ -178,7 +178,8 @@
         oldnum,
         visitnum,
         visitNumDay,
-        selectDeptByName
+        selectDeptByName,
+        selectInfoMessage
     } from "../api";
 
     export default {
@@ -202,57 +203,7 @@
                 zhuce: 0,
                 maptopResult: {},
                 // 右三实时对接数据
-                listData: [
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },  {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    },
-                    {
-                        date:'06-09',
-                        time:'08:17',
-                        address:'长春市朝阳区老人张翠芳探访',
-                    }
-                ],
+                listData: [],  //滚动数据
                 step: 20, // 数值越大速度滚动越快
                 limitMoveNum: 1, // 开始无缝滚动的数据量 this.dataList.length
                 hoverStop: true, // 是否开启鼠标悬停stop
@@ -282,6 +233,7 @@
             this.count3_method();
             this.count4_method();
             this.count5_method();
+            this.right3();
         },
         methods: {
             async mapClick(deptName) {
@@ -300,6 +252,7 @@
                 this.$refs.c3.draw();
                 this.$refs.c4.draw1();
                 this.$refs.c5.draw();
+                this.right3();
             },
             back() {
                 storageUtil.save('dept-array', '');
@@ -314,6 +267,7 @@
                 this.$refs.c3.draw();
                 this.$refs.c4.draw1();
                 this.$refs.c5.draw();
+                this.right3();
             },
             async count1_method() {
                 const result = await oldnum({}, 'POST');
@@ -348,6 +302,11 @@
 
                 this.$refs.c4.draw1();
             },
+            async right3() {
+                const result = await selectInfoMessage({}, 'POST');
+                console.log(JSON.stringify(result))
+                this.listData = result;
+            },
             // 认证数据 按钮切换
             left1() {
                 this.isleftbtnTure = true;