Merge branch 'dev-yjw' into 'dev'

fix: 修复打包后头像图片引用路径出错的问题

See merge request itc-framework/ma/2024/front!80

src/components/Cropper/src/CropperAvatar.vue

@@ -14,7 +14,7 @@
         :height="200"
         :preview="false"
         :src="sourceValue"
-        fallback="src/assets/images/header.jpg"
+        :fallback="headerImg"
       />
     </div>
     <a-button
@@ -52,6 +52,7 @@
   import { useI18n } from '/@/hooks/web/useI18n';
   import type { ButtonProps } from '/@/components/Button';
   import Icon from '/@/components/Icon';
+  import headerImg from '/@/assets/images/header.jpg';
 
   const props = {
     width: { type: [String, Number], default: '200px' },
@@ -116,6 +117,7 @@
         getImageWrapperStyle,
         getStyle,
         handleUploadSuccess,
+        headerImg
       };
     },
   });

src/layouts/default/header/components/user-dropdown/DropDown.vue

@@ -3,7 +3,7 @@
         <span :class="[prefixCls, `${prefixCls}--${theme}`]" class="flex">
             <span style="border-left: 1px solid rgb(255 255 255 / 30%); height: 30px; padding-right: 15px"></span>
             <div style="margin-right: 12px; height: 30px; margin-top: -10px">
-                <a-image :height="24" :src="getUserInfo.avatar" :width="24" fallback="src/assets/images/header.jpg" />
+                <a-image :height="24" :src="getUserInfo.avatar" :width="24" :fallback="headerImg" />
             </div>
             <span :class="`${prefixCls}__info hidden md:block`">
                 <span :class="`${prefixCls}__name  `" class="truncate">
@@ -117,7 +117,8 @@
                 getUserInfo,
                 handleMenuClick,
                 register,
-                getUseLockPage
+                getUseLockPage,
+                headerImg
             };
         },
         methods: {