当前会话图片处理

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

@@ -271,6 +271,11 @@
                 //   height: 108px;
                 //   border-radius: 8px;
                 // }
+                .img-box {
+                  max-width: 192px;
+                  max-height: 320px;
+                  overflow: hidden;
+                }
               }
 
             }

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

@@ -95,13 +95,15 @@
                     <div class="mid-text">{{item.text}}</div>
                   </div>
                   <div v-if="item.showType == 2" class="mid-img" v-viewer>
-                    <!-- <img class="img" :src="item.url" alt /> -->
-                    <img-size
+                    <div class="img-box">
+                      <img class="img" :src="item.url" :style="{width: item.newW + 'px', height: item.newH + 'px' }" alt />
+                    </div>
+                    <!-- <img-size
                       :imgUrl="item.url"
                       :imgData="item"
                       :index="index"
                       @imgHandle="imgHandle"
-                    ></img-size>
+                    ></img-size> -->
                   </div>
                   <div v-if="item.showType == 3" class="mid-pdf" @click="openPDF(item)">
                     <div class="midp-left">
@@ -268,7 +270,10 @@ export default {
           { required: true, message: "请填写链接显示文案", trigger: "blur" }
         ],
         url: [{ required: true, message: "请选择链接", trigger: "change" }]
-      }
+      },
+      imgWidth: 0,
+      imgHeight: 0,
+      imgProportion: 0,
     };
   },
 
@@ -372,6 +377,7 @@ export default {
       }
     },
 
+
     // 查询医生和居民的消息 - 向前查找
     getMSGForwardForAC(msg) {
       let session = this.currentSession;
@@ -583,6 +589,11 @@ export default {
         msg.url = url;
         msg.sessionFlag = false;
         cMessageList.push(msg);
+        if(msg.type.toLowerCase() == "image" ||
+          msg.type.toLowerCase() == "picture") {
+            this.imgSizeHandle(msg)
+          }
+        
       });
 
       if (directFlag === 1) {
@@ -1037,10 +1048,54 @@ export default {
       return betaHandle(val);
     },
 
-    imgHandle(data) {
-      this.$set(this.messageList[data.index], "newW", data.width);
-      this.$set(this.messageList[data.index], "newH", data.height);
-    }
+    // imgHandle(data) {
+    //   this.$set(this.messageList[data.index], "newW", data.width);
+    //   this.$set(this.messageList[data.index], "newH", data.height);
+    // },
+
+    // 图片处理
+    imgSizeHandle(item) {
+        let lw, lh, newW, newH;
+        this.imgWidth = JSON.parse(item.content).w;
+        this.imgHeight = JSON.parse(item.content).h;
+        this.imgProportion = (this.imgWidth / this.imgHeight).toFixed(1);
+        if(this.imgProportion > 0.6) {
+            if(this.imgWidth > 192) {
+                lw = 192;
+                lh = (this.imgHeight * lw) / this.imgWidth;
+            } else if(this.imgWidth <= 192) {
+                lw = this.imgWidth;
+                lh = this.imgHeight;
+            }
+        } else if(this.imgProportion == 0.6) {
+            if(this.imgHeight > 320) {
+                lh = 320;
+            }else {
+                lh = this.imgHeight;
+            }
+            lw = lh * 0.6;
+        }else {
+            if(this.imgHeight > 320) {
+                lh = 320;
+                lw = (this.imgWidth * lh) / this.imgHeight;
+            }else if(this.imgHeight <= 320) {
+                lh = this.imgHeight;
+                lw = this.imgWidth;
+            }
+        }
+        if((lh < 32) && (lh < lw)) {
+            newH = 32;
+            newW = (lw * 32) / lh;
+        }else if((lw < 32) && (lw < lh)) {
+            newW = 32;
+            newH = (lh * 32) / lw;
+        }else {
+            newH = lh;
+            newW = lw;
+        }
+        this.$set(item, "newW", newW);
+        this.$set(item, "newH", newH);
+    },
   },
 
   beforeDestroy() {