|
|
@@ -29,6 +29,7 @@
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
+
|
|
|
<!-- 会话总览 -->
|
|
|
<el-badge class="item">
|
|
|
<!-- el-icon-menu -->
|
|
|
@@ -68,8 +69,11 @@
|
|
|
<div class="left_session item-center" v-html="item.content.text"></div>
|
|
|
</div>
|
|
|
<div v-if="item.content.img" class="row " >
|
|
|
- <div class="left_session item-center " >
|
|
|
- <img :src="img_http+item.content.img" alt="">
|
|
|
+ <div class="left_session item-center " >
|
|
|
+ <el-image
|
|
|
+ :src="img_http+item.content.img"
|
|
|
+ @click="handlePictureCardPreview(img_http+item.content.img)">
|
|
|
+ </el-image>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -83,7 +87,10 @@
|
|
|
</div>
|
|
|
<div v-if="item.content.img" class="row rightAlignment" >
|
|
|
<div class="right_session item-center ">
|
|
|
- <img :src="img_http+item.content.img" alt="">
|
|
|
+ <el-image
|
|
|
+ :src="img_http+item.content.img"
|
|
|
+ @click="handlePictureCardPreview(img_http+item.content.img)">
|
|
|
+ </el-image>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -117,6 +124,12 @@
|
|
|
</el-drawer>
|
|
|
|
|
|
</el-badge>
|
|
|
+
|
|
|
+ <!-- 点击图片放大 -->
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
<!-- 消息中心 -->
|
|
|
<el-badge :value="unreadNum" class="item">
|
|
|
<el-button @click="openDrawer">
|
|
|
@@ -163,6 +176,9 @@
|
|
|
session_litle:'',//会话标题
|
|
|
newTime:'',//本次最新时间
|
|
|
isGetList:false,//点击获取会话信息
|
|
|
+
|
|
|
+ dialogVisible: false, //图片放大
|
|
|
+ dialogImageUrl: '', // 放大的图片
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -177,6 +193,13 @@
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ /***************图片放大*************** */
|
|
|
+ handlePictureCardPreview(url) {
|
|
|
+ this.dialogImageUrl = url;
|
|
|
+ this.dialogVisible = true;
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
openDrawer() {
|
|
|
this.$store.dispatch("SET_DRAWER", true);
|
|
|
},
|
