样式修改

src/views/IM/diagnosis-admin/diagnosis-im.vue

@@ -503,40 +503,40 @@ export default {
             }
         }
         if (msg.type.toLowerCase() == "custom") {
-          content = JSON.parse(msg.content);
-          text = content.content;
+          content = JSON.parse(msg.content)
+          text = content.content
           if (content.bizType == -1) { // 系统消息：消息由于违规未发送成功（可以不处理）
-            showType = -1;
-            text = content.content;
+            showType = -1
+            text = content.content
           } else if (content.bizType == 18) { // PDF
-            showType = 3;
-            text = content.name;
-            size = content.size;
-            url = content.url;
+            showType = 3
+            text = content.name
+            size = content.size
+            url = content.url
           } else if (content.bizType == 19) { // 链接
-            showType = 4;
-            text = content.content;
-            suffix = content.suffix;
+            showType = 4
+            text = content.content
+            suffix = content.suffix
           } else if(content.bizType == 22){ // 病例
-            showType = 7;
-            title = content.title;
-            text = JSON.parse(content.content);
+            showType = 7
+            title = content.title
+            text = JSON.parse(content.content)
           } else if(content.bizType == 23) { // 预约时间
-            showType = 8;
-            title = content.title;
-            text = JSON.parse(content.content);
+            showType = 8
+            title = content.title
+            text = JSON.parse(content.content)
           } else if(content.bizType == 24){  // 音视频与IM交互
-            showType = 9;
-            text = content.content;
+            showType = 9
+            text = content.content
           } else if(content.bizType == 25){  // 本次问诊结束
-            showType = 10;
-            text = content.content;
+            showType = 10
+            text = content.content
           } else if(content.bizType == 26){  // 医生建议
-            showType = 11;
-            title = content.title;
-            text = content.content;
+            showType = 11
+            title = content.title
+            text = content.content
           }else {
-            showType = 5;
+            showType = 5
           }
         } else if( msg.type.toLowerCase() == "image" || msg.type.toLowerCase() == "picture") { // 图片
           content = JSON.parse(msg.content);
@@ -545,21 +545,21 @@ export default {
           showType = 2;
           this.imgSizeHandleNew(msg, content.w, content.h);
         }else if(msg.type.toLowerCase() == "audio") {  // 语音
-          content = JSON.parse(msg.content);
-          url = content.url;
+          content = JSON.parse(msg.content)
+          url = content.url
           showType = 6
         } else {
-          showType = 1;  // 文本
-          text = msg.content;
-        }
-        msg.title = title;
-        msg.text = text;
-        msg.showType = showType;
-        msg.suffix = suffix;
-        msg.size = size;
-        msg.url = url;
-        msg.sessionFlag = false;
-        cMessageList.push(msg);
+          showType = 1  // 文本
+          text = msg.content
+        }
+        msg.title = title
+        msg.text = text
+        msg.showType = showType
+        msg.suffix = suffix
+        msg.size = size
+        msg.url = url
+        msg.sessionFlag = false
+        cMessageList.push(msg)
       });
 
       if (directFlag === 1) {

src/views/IM/diagnosis-admin/im.scss

@@ -5,117 +5,9 @@
     //   min-width: 1200px;
       background: none !important;
       font-size: 14px;
-      .left {
-          display: none;
-        width: 270px;
-        // padding: 0 25px 15px;
-        border-right: 2px solid #f5f5f5;
-        .l-header {
-          display: flex;
-          flex-direction: row;
-          height: 52px;
-          justify-content: space-between;
-          align-items: center;
-          padding: 0 12px 0 25px;
-          p {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            color: #0d9078;
-            cursor: pointer;
-            img {
-              width: 16px;
-              height: 16px;
-              margin-right: 4px;
-            }
-            span {
-              font-size: 14px;
-              color: #0d9078;
-            }
-          }
-          // & > span:first-child {
-          //   font-size: 14px;
-          // }
-            
-          // & > span:last-child {
-          //   color: #0d9078;
-          //   cursor: pointer;
-          // }
-        }
-        .c-num {
-          padding: 0 25px;
-          height: 40px;
-          line-height: 40px;
-          font-size: 12px;
-          background: #fffbe6;
-        }
-        .session-list {
-          width: 100%;
-          height: 100%;
-          overflow: scroll;
-          & > .item {
-            width: 100%;
-            display: flex;
-            height: 72px;
-            flex-direction: row;
-            align-items: center;
-            padding: 0 12px 0 25px;
-            cursor: pointer;
-            .img-wrapper {
-              // position: relative;
-              // top: 0;
-              // left: 0;
-              width: 24px;
-              height: 24px;
-              margin-right: 10px;
-              img {
-                width: 100%;
-                height: 100%;
-                border-radius: 20px;
-              }
-            }
-            & > .desc {
-              flex: 1;
-              .top {
-                display: flex;
-                flex-direction: row;
-                justify-content: space-between;
-                .name {
-                }
-              }
-              .bottom {
-                display: flex;
-                flex-direction: row;
-                justify-content: space-between;
-                align-items: center;
-                font-size: 12px;
-                color: #999999;
-                .num {
-                  display: inline-block;
-                  min-width: 16px;
-                  padding: 2px 4px;
-                  border-radius: 8px;
-                  text-align: center;
-                  color: #ffffff;
-                  background: #ff4d4f;
-                }
-                & > img {
-                  display: block;
-                  width: 15px;
-                  height: 15px;
-                  padding: 2px 0 2px 4px;
-                }
-              }
-            }
-            &.current {
-              background: #f8f9fa;
-            }
-          }
-        }
-      }
       .center {
-        margin-left: 240px;
-        margin-right: 240px;
+        margin-left: 10%;
+        margin-right: 10%;
         flex: 1;
         background: #fff;
         .c-header {
@@ -504,12 +396,6 @@
           }
         }
       }
-      .right {
-          display: none;
-        width: 240px;
-        border-left: 2px solid #f5f5f5;
-        overflow: scroll;
-      }
       background: #fff;
       .time {
         color: #999999;