Эх сурвалжийг харах

fix: 富文本编辑器图片上传路径和网络图片弹窗被遮挡

- admin-tokens.css: .rich-editor overflow 改 visible,z-index 提到 5000
- ArticleEdit/ProductEdit/ActivityEdit: onSuccess 内拼接后端 baseURL 生成完整图片 URL
Xiaogang Liao 1 сар өмнө
parent
commit
57bfd5a079

+ 3 - 2
cfc-web/src/styles/admin-tokens.css

@@ -325,7 +325,8 @@
 .rich-editor {
   border: 1px solid var(--color-border-base);
   border-radius: var(--border-radius-base);
-  overflow: hidden;
+  position: relative;
+  overflow: visible;
 }
 
 .rich-editor /deep/ .w-e-toolbar {
@@ -338,7 +339,7 @@
 }
 
 .rich-editor /deep/ .w-e-panel-container {
-  z-index: 2000;
+  z-index: 5000;
 }
 
 /* ========================

+ 6 - 3
cfc-web/src/views/admin/ActivityEdit.vue

@@ -247,11 +247,13 @@ export default {
   },
   methods: {
     initEditorConfig() {
+      const baseURL = process.env.VUE_APP_BASE_API || ''
+      const token = localStorage.getItem('token')
       this.editorConfig = {
         MENU_CONF: {
           uploadImage: {
-            server: this.uploadActionUrl,
-            headers: this.uploadHeaders,
+            server: baseURL + '/api/admin/articles/upload/image',
+            headers: token ? { Authorization: 'Bearer ' + token } : {},
             maxNumberOfFiles: 1,
             fieldName: 'file',
             customAlert: (msg, type) => {
@@ -259,7 +261,8 @@ export default {
             },
             onSuccess(res, insertFn) {
               if (res.code === 200) {
-                insertFn(res.data.url || res.data)
+                const url = res.data.url || res.data
+                insertFn(baseURL + url)
               }
             }
           }

+ 20 - 19
cfc-web/src/views/admin/ArticleEdit.vue

@@ -246,29 +246,30 @@ export default {
     next()
   },
   methods: {
-    initEditorConfig() {
-      const baseURL = process.env.VUE_APP_BASE_API || ''
-      const token = localStorage.getItem('token')
-      this.editorConfig = {
-        MENU_CONF: {
-          uploadImage: {
-            server: baseURL + '/api/admin/articles/upload/image',
-            headers: token ? { Authorization: 'Bearer ' + token } : {},
-            maxNumberOfFiles: 1,
-            maxFileSize: 5 * 1024 * 1024,
-            fieldName: 'file',
-            customAlert: (msg, type) => {
-              this.$message && this.$message({ message: msg, type: type || 'error' })
-            },
-            onSuccess(res, insertFn) {
-              if (res.code === 200) {
-                insertFn(res.data.url || res.data)
+      initEditorConfig() {
+        const baseURL = process.env.VUE_APP_BASE_API || ''
+        const token = localStorage.getItem('token')
+        this.editorConfig = {
+          MENU_CONF: {
+            uploadImage: {
+              server: baseURL + '/api/admin/articles/upload/image',
+              headers: token ? { Authorization: 'Bearer ' + token } : {},
+              maxNumberOfFiles: 1,
+              maxFileSize: 5 * 1024 * 1024,
+              fieldName: 'file',
+              customAlert: (msg, type) => {
+                this.$message && this.$message({ message: msg, type: type || 'error' })
+              },
+              onSuccess(res, insertFn) {
+                if (res.code === 200) {
+                  const url = res.data.url || res.data
+                  insertFn(baseURL + url)
+                }
               }
             }
           }
         }
-      }
-    },
+      },
     handleEditorCreated(editor) {
       this.editorInstance = editor
     },

+ 3 - 1
cfc-web/src/views/admin/ProductEdit.vue

@@ -268,7 +268,9 @@ export default {
             },
             onSuccess(res, insertFn) {
               if (res.code === 200) {
-                insertFn(res.data.url || res.data)
+                const baseURL = process.env.VUE_APP_BASE_API || ''
+                const url = res.data.url || res.data
+                insertFn(baseURL + url)
               }
             }
           }