去掉loading引起的内容隐藏

src/views/service/index.vue

@@ -46,14 +46,13 @@
             </div>
           </div>
           <div class="box" v-else>
-            <div
+            <div id="content" class="content" @scroll="scroll">
-              v-loading="loading"
+              <div v-loading="loading">
-              id="content"
-              class="content"
-              @scroll="scroll"
-            >
                 <div v-for="(item, index) in info" :key="index">
-                <div class="info_r info_default" v-if="item.type == 'leftinfo'">
+                  <div
+                    class="info_r info_default"
+                    v-if="item.type == 'leftinfo'"
+                  >
                     <span class="circle circle_r el-avatar">
                       <img :src="icon" alt="" />
                     </span>
@@ -82,6 +81,7 @@
                   </div>
                 </div>
               </div>
+            </div>
 
             <div class="setproblem">
               <textarea
@@ -120,44 +120,45 @@ export default {
       numTop: null,
       query: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 10
       },
       userTotal: 0,
       queryParams: {
         userId: null,
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 10
       },
       msgTotal: 0,
-      loading: true,
+      loading: false,
       info: [],
       icon: '', // 用户头像
       userList: [],
       activeId: '', // 当前用户ID
       customerText: '',
       path: 'ws://121.5.136.69:1919/webStock/' + this.$store.state.user.userId,
-      socket: '',
+      // path: 'ws://192.168.0.125:1919/webStock/' + this.$store.state.user.userId,
+      socket: ''
     };
   },
   watch: {
     activeId(newVal, oldVal) {
       this.queryParams.pageNum = 1;
       if (newVal == '' || newVal == null) return;
-      const info = this.userList.find((item) => {
+      const info = this.userList.find(item => {
         return item.id == newVal;
       });
       if (info.msgNoReadCount != 0) {
         // 消息改为已读
-        readMsg({ userId: newVal }).then((res) => {
+        readMsg({ userId: newVal }).then(res => {
           info.msgNoReadCount = 0;
         });
       }
       this.queryParams.userId = newVal;
       this.getMsgList();
-    },
+    }
   },
   computed: {
-    ...mapGetters(['avatar']),
+    ...mapGetters(['avatar'])
   },
   mounted() {
     // 初始化
@@ -186,10 +187,20 @@ export default {
     },
     // 获取和某个好友的聊天记录
     getMsgList() {
-      this.loading = true;
+      // let loading;
+      // if (this.queryParams.pageNum != 1) {
+      //   loading = this.$loading({
+      //     lock: true,
+      //     text: 'Loading',
+      //     spinner: 'el-icon-loading',
+      //     background: 'rgba(0, 0, 0, 0.7)'
+      //   });
+      // }
+
+      // this.loading = true; 会引起右边内容隐藏
       getChatRecords(this.queryParams).then(({ data }) => {
         // 时间转时间戳
-        data.list.map((item) => {
+        data.list.map(item => {
           item.sendTime = new Date(item.sendTime).getTime();
         });
         // 时间戳排序
@@ -199,7 +210,11 @@ export default {
         console.log(data.list);
         this.info = [...data.list, ...this.info];
         this.msgTotal = data.total;
-        this.loading = false;
+        // this.loading = false;
+        // if (this.queryParams.pageNum != 1) {
+        //   loading.close();
+        // }
+
         if (this.queryParams.pageNum == 1) {
           // 消息到底
           this.$nextTick(() => {
@@ -218,7 +233,7 @@ export default {
       });
       setTimeout(() => {
         this.getUserList();
-      }, 600000);
+      }, 300000);
     },
     // 用户发送消息
     sentMsg() {
@@ -228,9 +243,9 @@ export default {
           msgTime: this.getTodayTime(),
           type: 'rightinfo',
           sendText: text,
-          receiverUserId: this.activeId,
+          receiverUserId: this.activeId
         };
-        sendMsg(obj).then((res) => {
+        sendMsg(obj).then(res => {
           this.info.push(obj);
           this.customerText = '';
           this.$nextTick(() => {
@@ -341,13 +356,13 @@ export default {
       const data = JSON.parse(msg.data);
       console.log(JSON.parse(msg.data));
       const msgInfo = JSON.parse(msg.data);
-      this.msgTips()
+      this.msgTips();
       // 遍历用户列表  新消息的用户未读数量加加
       if (msgInfo.sendUserId === this.activeId) {
         this.info.push(msgInfo);
         // 消息已读
-        readMsg({ userId: msgInfo.sendUserId }).then((res) => {
+        readMsg({ userId: msgInfo.sendUserId }).then(res => {
-          const info = this.userList.find((item) => {
+          const info = this.userList.find(item => {
             return item.id == msgInfo.sendUserId;
           });
           info.msgNoReadCount = 0;
@@ -357,7 +372,7 @@ export default {
 
       // }
       else {
-        const userInfo = this.userList.find((item) => {
+        const userInfo = this.userList.find(item => {
           return item.id == data.sendUserId;
         });
         userInfo.msgNoReadCount++;
@@ -368,13 +383,13 @@ export default {
     },
     close: function() {
       console.log('socket已经关闭');
-    },
+    }
   },
   destroyed() {
     console.log('out');
     // 销毁监听
     this.socket.onclose = this.close;
-  },
+  }
 };
 </script>
 
@@ -389,7 +404,7 @@ export default {
       overflow: auto;
       .box_l {
         // background-color: #cad5db;
-        background-color: rgba(255,255,255,.2);
+        background-color: rgba(255, 255, 255, 0.2);
         padding: 10px;
         min-height: 100%;
         .user_item {