添加上传头部信息

src/components/core/forms/ArtWangEditor.vue

@@ -33,7 +33,10 @@
   let mode = ref('default')
   const userStore = useUserStore()
   // token
-  let { accessToken } = userStore
+  const { accessToken } = useUserStore()
+  const { language } = useUserStore()
+  const { loginType } = useUserStore()
+  const { companyabbr } = useUserStore()
   // 图片上传地址
   let server = `${import.meta.env.VITE_API_URL}/ticket/upload/image`
 
@@ -48,7 +51,6 @@
     // 排除某些菜单
     excludeKeys: ['fontFamily'] //'group-video', 'fontSize', 'lineHeight'
   }
-
   const editorConfig = {
     placeholder: '请输入内容...',
     MENU_CONF: {
@@ -61,7 +63,7 @@
         // 注意 ${import.meta.env.VITE_BASE_URL} 写你自己的后端服务地址
         server,
         // 传递token
-        headers: { Authorization: accessToken },
+        headers: {'Fdesk-Language':language,'Fdesk-Corp-Abbr':companyabbr, 'Fdesk-System-Code':'fdesk','Fdesk-Login-Type':loginType,'Fdesk-Auth-Token': 'Bearer '+accessToken, },
         // 单个文件上传成功之后
         onSuccess() {
           ElMessage.success(`图片上传成功 ${EmojiText[200]}`)

src/composables/useUploadHeaders.ts

@@ -0,0 +1,14 @@
+import { computed } from 'vue'
+import { useUserStore } from '@/store/modules/user'
+
+export function useUploadHeaders() {
+  const userStore = useUserStore()
+  const uploadHeaders = computed(() => ({
+    'Fdesk-Language': userStore.language,
+    'Fdesk-Corp-Abbr': userStore.companyabbr,
+    'Fdesk-System-Code': 'fdesk',
+    'Fdesk-Login-Type': userStore.loginType,
+    'Fdesk-Auth-Token': 'Bearer ' + userStore.accessToken
+  }))
+  return { uploadHeaders }
+} 

src/views/work/myOrder/index.vue

@@ -68,6 +68,7 @@
               class="upload-demo" 
               :action="actionImageUplode" 
               :on-success="handleUploadSuccess"
+              :headers="uploadHeaders"
               multiple 
               :limit="3">
               <el-button type="primary">Click to upload</el-button>
@@ -177,6 +178,8 @@ import { WorkService } from '@/api/workApi'
 import { ElImageViewer } from 'element-plus'
 import { useAuth } from "@/composables/useAuth";
 import { useUserStore } from '@/store/modules/user'
+import { useUploadHeaders } from '@/composables/useUploadHeaders'
+const { uploadHeaders } = useUploadHeaders()
 const { info } = useUserStore()
 const userid = info.user.id
 const { hasAuth } = useAuth();

src/views/work/order/index.vue

@@ -67,9 +67,10 @@
               class="upload-demo" 
               :action="actionImageUplode" 
               :on-success="handleUploadSuccess"
+              :headers="uploadHeaders"
               multiple 
               :limit="3">
-              <el-button type="primary">Click to upload</el-button>
+              <el-button type="primary">上传</el-button>
             </ElUpload>
             <!-- 附件预览区 -->
             <div class="attachment-preview" v-if="fileList.length">
@@ -175,7 +176,9 @@ import { Order } from '@/mock/temp/formData'
 import { WorkService } from '@/api/workApi'
 import { ElImageViewer } from 'element-plus'
 import { useAuth } from "@/composables/useAuth";
- import { useUserStore } from '@/store/modules/user'
+import { useUserStore } from '@/store/modules/user'
+import { useUploadHeaders } from '@/composables/useUploadHeaders'
+const { uploadHeaders } = useUploadHeaders()
 const { hasAuth } = useAuth();
 defineOptions({ name: 'Order' })
 let actionImageUplode = `${import.meta.env.VITE_API_URL}/ticket/upload`
@@ -194,6 +197,8 @@ const userid = info.user.id
 console.log(userid)
 import meAvatar from '@/assets/img/avatar/avatar5.webp'
 import aiAvatar from '@/assets/img/avatar/avatar10.webp'
+
+
 // 消息相关数据
 const messages = ref<any[]>([])
 const messageText = ref('')