From 6de4cf368f95981d4db5776512486faf7552f05d Mon Sep 17 00:00:00 2001
From: dujie <2262240028@qq.com>
Date: Tue, 11 Apr 2023 15:09:26 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90fix=20bug=E3=80=91bug=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/components/jero/JImageUpload.vue | 22 ++++++++++++++-----
 jero-web/src/components/tools/UserMenu.vue    |  2 +-
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/jero-web/src/components/jero/JImageUpload.vue b/jero-web/src/components/jero/JImageUpload.vue
index d9915af8..352bd148 100644
--- a/jero-web/src/components/jero/JImageUpload.vue
+++ b/jero-web/src/components/jero/JImageUpload.vue
@@ -24,7 +24,12 @@
         </div>
       </div>
     </a-upload>
-    <j-image-preview-modal ref="JImagePreviewModal"></j-image-preview-modal>
+    <div id="images">
+      <div class="image" v-viewer="{movable: false}">
+        <img v-show="image" :src="imageUrl">
+      </div>
+    </div>
+<!--    <j-image-preview-modal ref="JImagePreviewModal"></j-image-preview-modal>-->
   </div>
 </template>
 
@@ -32,7 +37,7 @@
 import Vue from 'vue'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
 import { getFileAccessHttpUrl } from '@/api/manage'
-import JImagePreviewModal from './modal/JImagePreviewModal'
+// import JImagePreviewModal from './modal/JImagePreviewModal'
 // const Base64 = require('js-base64').Base64
 
 const uidGenerator = () => {
@@ -40,16 +45,18 @@ const uidGenerator = () => {
 }
 export default {
   name: 'JImageUpload',
-  components: { JImagePreviewModal },
+  // components: { JImagePreviewModal },
   data () {
     return {
       uploadAction: window._CONFIG.domianURL + '/sys/common/upload',
       uploadLoading: false,
+      image: false,
       picUrl: false,
       headers: {},
       fileList: [],
       accept: 'image/png, image/jpeg',
-      previewImage: ''
+      previewImage: '',
+      imageUrl: null
     }
   },
   props: {
@@ -184,7 +191,12 @@ export default {
         // const fileFullUrl = `${window._CONFIG.domianWebSocketURL}/${file.url}`
         // const url = `${window._CONFIG.onlinePreviewDomainURL}?url=${encodeURIComponent(Base64.encode(fileFullUrl))}`
         // window.open(url)
-        this.$refs.JImagePreviewModal.open(file)
+        // this.$refs.JImagePreviewModal.open(file)
+        this.imageUrl = getFileAccessHttpUrl(file.name)
+        // 获取viewer实例
+        const viewer = this.$el.querySelector('.image').$viewer
+        // 调用show方法进行显示预览图
+        viewer.show()
       }
     },
     getAvatarView () {
diff --git a/jero-web/src/components/tools/UserMenu.vue b/jero-web/src/components/tools/UserMenu.vue
index dcf0b9e5..35f6926a 100644
--- a/jero-web/src/components/tools/UserMenu.vue
+++ b/jero-web/src/components/tools/UserMenu.vue
@@ -36,7 +36,7 @@
       <a-avatar class="avatar" size="small" :src="getAvatar()"/>
     </span>
     <a-dropdown>
-      <span class="action action-full ant-dropdown-link user-dropdown-menu">
+      <span class="action">
         <span v-if="isDesktop()">欢迎您，{{ nickname() }}</span>
       </span>
       <a-menu slot="overlay" class="user-dropdown-menu-wrapper">