没有会话时

src/views/IM/current-session/index.scss

@@ -355,6 +355,22 @@
           }
         }
       }
+      &.no-content {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        img {
+          display: block;
+          width: 120px;
+          height: 100px;
+        }
+        p {
+          text-align: center;
+          font-size: 14px;
+          color: #000000;
+        }
+      }
     }
     .right {
       width: 240px;

src/views/IM/current-session/index.vue

@@ -42,7 +42,7 @@
           </li>
         </ul>
       </article>
-      <article class="center" v-loadmore="getOldMSGHistory">
+      <article v-show="sessionList.length" class="center" v-loadmore="getOldMSGHistory">
         <section class="c-header">
           <div class="c-header-l">
             <img :src="currentSession.avatarImageUrl" alt />
@@ -141,9 +141,13 @@
           </div>
         </section>
       </article>
-      <article class="right">
+      <article v-show="sessionList.length" class="right">
         <UserInfo :userInfo="doctorInfo" :taskLogId="currentTaskLogId"></UserInfo>
       </article>
+      <article v-show="!sessionList.length" class="center no-content">
+        <img src="" alt="">
+        <p>任务都做完啦！休息一下吧～</p>
+      </article>
     </section>
 
     <!-- 选择链接弹窗 -->