From 5c2671470a7ee1b117f59aad05ca7826e6bf9bc1 Mon Sep 17 00:00:00 2001
From: weinan2087 <weinan2087@163.com>
Date: Sat, 22 Oct 2022 10:58:35 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E7=AC=94=E8=AE=B0=E5=90=AB?=
 =?UTF-8?q?=E6=9C=89=E5=9B=BE=E7=89=87=E6=94=AF=E6=8C=81=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=94=BE=E5=A4=A7=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/Mynotes.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/views/user/Mynotes.vue b/src/views/user/Mynotes.vue
index 5e5ead51..a596fee5 100644
--- a/src/views/user/Mynotes.vue
+++ b/src/views/user/Mynotes.vue
@@ -6,7 +6,7 @@
             <el-dropdown style="margin-left:15px" @command="exportCommand">
                     <el-button>导出<i class="el-icon-arrow-down el-icon--right"></i></el-button>
                     <el-dropdown-menu slot="dropdown">
-                        <!--  
+                        <!--
                         <el-dropdown-item command="1">PDF</el-dropdown-item>
                         -->
                         <el-dropdown-item command="2">Excel</el-dropdown-item>
@@ -72,7 +72,7 @@
                  <span v-if="item.contentType != 3">{{ item.content }}</span>
                  <div v-else>
                     <template v-for="img in item.content">
-                        <img  :src="fileBaseUrl + img" alt=""/>
+                        <img @click="showBigImg(fileBaseUrl + img)"  :src="fileBaseUrl + img" alt=""/>
                     </template>
                  </div>
               </div>
@@ -167,6 +167,14 @@
         </span>
      </el-dialog>
 
+     <!-- 图片放大框 -->
+      <el-dialog
+        :visible.sync="dialogVisibleBigImage"
+        :close-on-click-modal="true"
+        width="30%">
+          <img :src="currentImagePath" style="width: 100%;" />
+      </el-dialog>
+
     </div>
 </template>
 
@@ -186,6 +194,8 @@ export default {
   },
   data(){
       return{
+        dialogVisibleBigImage:false, // 显示图片放大框 true-显示弹框；false-隐藏弹框
+        currentImagePath:'',
         userData:{},
         formatDate,
 		formatDateShort,
@@ -254,6 +264,12 @@ export default {
     });
   },
   methods: {
+    // 笔记图片放大
+    showBigImg(path){
+          this.currentImagePath = path;
+          this.dialogVisibleBigImage = true;
+    },
+    
     routerTo(item) {
         if(item.courseId) {
             this.$router.push('/course/studyindex?id='+item.courseId);